*{box-sizing:border-box}:root{--orange:orange;--orange-dark:#d98700;--orange-tint:#fff2dc;--purple:purple;--purple-dark:#5c005c;--purple-tint:#f6ecf8;--bg:#faf7f2;--bg-alt:#fdf6ec;--surface:#fff;--text:#241a2b;--text-muted:#6e6275;--border:#e9dfd4;--radius:16px;--radius-sm:10px;--shadow:0 12px 30px #80008014;--shadow-sm:0 4px 14px #241a2b0f;--success:#1f9254;--success-tint:#eaf7f0}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,h4{color:var(--text);margin:0 0 12px;font-family:Playfair Display,Georgia,serif;font-weight:700;line-height:1.2}p{margin:0 0 12px}a{color:inherit}ul{margin:0}button{font-family:inherit}#root{min-height:100vh}.container{max-width:1120px;margin:0 auto;padding:0 24px}.nav{justify-content:space-between;align-items:center;padding:24px 0;display:flex}.logo{color:var(--text);font-family:Playfair Display,serif;font-size:22px;font-weight:700;text-decoration:none}.logo span{color:var(--orange)}.nav-links{align-items:center;gap:20px;display:flex}.nav-link{color:var(--text);font-size:15px;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--purple)}.btn{cursor:pointer;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:var(--orange-dark);box-shadow:0 8px 20px #ffa5004d}.btn-purple{background:var(--purple);color:#fff}.btn-purple:hover{background:var(--purple-dark);box-shadow:0 8px 20px #8000804d}.btn-ghost{border-color:var(--purple);color:var(--purple);background:0 0}.btn-ghost:hover{background:var(--purple-tint)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.hero{text-align:left;max-width:820px;padding:72px 24px 56px}.eyebrow{background:var(--purple-tint);color:var(--purple);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.hero h1{margin-bottom:18px;font-size:clamp(34px,5vw,54px)}.accent{color:var(--orange)}.lead{color:var(--text-muted);max-width:620px;font-size:19px}.hero-ctas{flex-wrap:wrap;gap:16px;margin:28px 0 40px;display:flex}.stat-strip{border-top:1px solid var(--border);flex-wrap:wrap;gap:36px;padding-top:24px;display:flex}.stat{color:var(--text);font-size:16px;font-weight:700}.stat span{color:var(--text-muted);margin-top:4px;font-size:13px;font-weight:400;display:block}.section{padding:72px 0}.section-alt{background:var(--bg-alt)}.section-head{text-align:center;max-width:640px;margin:0 auto 44px}.section-head p{color:var(--text-muted)}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:28px}.problem-card{border-left:4px solid var(--orange)}.card .icon{margin-bottom:14px;font-size:28px}.solution-note{background:var(--purple-tint);border-left:4px solid var(--purple);border-radius:var(--radius-sm);color:var(--text);margin-top:36px;padding:20px 24px}.steps{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.step .num{background:var(--orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:14px;font-family:Playfair Display,serif;font-weight:700;display:flex}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.price-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-sm);padding:28px 22px}.price-card.featured{border-color:var(--orange);box-shadow:var(--shadow);transform:translateY(-6px)}.price-card .price{color:var(--purple);margin:10px 0 18px;font-family:Playfair Display,serif;font-size:28px}.price-card ul{text-align:left;margin:0 0 22px;padding:0;list-style:none}.price-card li{color:var(--text-muted);padding:6px 0}.price-card li:before{content:"✓";color:var(--purple);margin-right:8px;font-weight:700}.badge-soon{background:var(--border);color:var(--text-muted);border-radius:999px;padding:6px 14px;font-size:13px;display:inline-block}.footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);padding:36px 24px 48px;font-size:14px}.auth-wrap{flex-direction:column;min-height:100vh;display:flex}.auth-main{flex-grow:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:440px;padding:40px}.auth-card .sub{color:var(--text-muted);margin-bottom:24px}.setup-note{background:var(--orange-tint);border:1px solid var(--orange);border-radius:var(--radius-sm);color:var(--text);margin-top:18px;padding:14px 16px;font-size:14px}.back-link{text-align:center;color:var(--purple);margin-top:22px;font-size:14px;font-weight:600;text-decoration:none;display:block}.preview-links{color:var(--text-muted);margin-top:18px;font-size:14px}.preview-links a{color:var(--purple);margin-right:14px;font-weight:600;text-decoration:none}.field{margin-bottom:18px}.field label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.field .hint{color:var(--text-muted);margin-top:4px;font-size:13px}.field input[type=text],.field input[type=email],.field input[type=date],.field input[type=number],.field input[type=tel],.field select,.field textarea{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;color:var(--text);background:#fff;padding:11px 14px;font-family:inherit;font-size:15px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 3px #8000801f}.field textarea{resize:vertical;min-height:80px}.checkbox-field{align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.checkbox-field input{width:18px;height:18px;accent-color:var(--purple);margin-top:4px}.checkbox-field label{font-size:15px;font-weight:500}.field-grid{grid-template-columns:repeat(2,1fr);gap:0 20px;display:grid}.radio-group{flex-wrap:wrap;gap:10px;display:flex}.radio-pill{border:1px solid var(--border);cursor:pointer;color:var(--text);background:#fff;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600}.radio-pill.active{background:var(--purple);border-color:var(--purple);color:#fff}.workspace-shell{background:var(--bg);min-height:100vh}.workspace-nav{border-bottom:1px solid var(--border);background:var(--surface)}.workspace-nav .nav{padding:18px 0}.workspace-links{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.workspace-link{color:var(--text);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none}.workspace-link:hover{background:var(--purple-tint)}.workspace-link.active{background:var(--purple);color:#fff}.plan-badge{background:var(--orange-tint);color:var(--orange-dark);white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.workspace-main{max-width:880px;margin:0 auto;padding:44px 24px 80px}.page-head{margin-bottom:32px}.page-head p{color:var(--text-muted)}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:28px;padding:32px}.form-section{margin-bottom:30px}.form-section:last-child{margin-bottom:0}.form-section h2{text-transform:uppercase;letter-spacing:.06em;color:var(--purple);margin-bottom:16px;font-family:Inter,sans-serif;font-size:13px;font-weight:700}.limit-banner{background:var(--purple-tint);border-left:4px solid var(--purple);border-radius:var(--radius-sm);margin-bottom:24px;padding:20px 24px}.limit-banner strong{margin-bottom:6px;display:block}.alert-success{background:var(--success-tint);border-left:4px solid var(--success);border-radius:var(--radius-sm);color:var(--text);margin-bottom:24px;padding:16px 20px;font-weight:500}.data-note{background:var(--bg-alt);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);margin-bottom:28px;padding:14px 18px;font-size:13px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px 14px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:12px}.rate-row{grid-template-columns:2fr 1fr;align-items:end;gap:16px;margin-bottom:14px;display:grid}.link-list{margin:0;padding:0;list-style:none}.link-list li{margin-bottom:10px}.link-list a{color:var(--purple);font-weight:600;text-decoration:none}.link-list a:hover{text-decoration:underline}.section-divider{border:none;border-top:1px solid var(--border);margin:28px 0}.empty-state{text-align:center;color:var(--text-muted);padding:48px 24px}.payroll-main{max-width:980px}.hint{color:var(--text-muted);font-size:13px}.hint-inline{color:var(--text-muted);font-weight:400}.alert-error{border-radius:var(--radius-sm);color:var(--text);background:#fdeceb;border-left:4px solid #c0392b;margin-bottom:24px;padding:16px 20px;font-weight:500}.btn-sm{padding:8px 18px;font-size:13px}.search-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-input{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:999px;flex:260px;padding:11px 16px;font-family:inherit;font-size:15px}.search-input:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 3px #8000801f}.date-range-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.date-range-row .field{margin-bottom:0}.date-range-row label{margin-right:6px;font-size:13px;font-weight:600}.date-range-row input[type=date]{border-radius:var(--radius-sm);border:1px solid var(--border);padding:9px 12px;font-family:inherit;font-size:14px}.select-all-row{align-items:center;gap:10px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.select-all-row input{width:17px;height:17px;accent-color:var(--purple)}.run-checkbox{align-items:flex-start;padding-top:4px;display:flex}.run-checkbox input{width:17px;height:17px;accent-color:var(--purple)}.payroll-emp-card{margin-bottom:20px}.payroll-emp-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.payroll-emp-head-row{align-items:flex-start;gap:14px;display:flex}.payroll-entry-grid{margin-bottom:20px}.row-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.link-btn{color:var(--purple);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;text-decoration:none}.link-btn:hover{text-decoration:underline}.link-btn.danger{color:#c0392b}.payer-badge{text-transform:uppercase;letter-spacing:.03em;vertical-align:middle;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.payer-badge.employee{background:var(--purple-tint);color:var(--purple)}.payer-badge.employer{background:var(--orange-tint);color:var(--orange-dark)}.payroll-breakdown{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:28px;padding-top:18px;display:grid}.breakdown-col h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px;font-family:Inter,sans-serif;font-size:13px;font-weight:700}.breakdown-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;gap:10px;padding:7px 0;font-size:14px;display:flex}.breakdown-row.total{border-bottom:none;border-top:2px solid var(--text);margin-top:6px;padding-top:10px;font-size:15px;font-weight:700}.payroll-totals{margin-bottom:24px}.totals-grid{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.totals-grid>div{flex-direction:column;gap:6px;display:flex}.totals-grid strong{color:var(--purple);font-family:Playfair Display,serif;font-size:19px}.payroll-actions{flex-wrap:wrap;justify-content:flex-end;gap:14px;margin-bottom:40px;display:flex}.advice-page{max-width:760px;margin-bottom:28px}.advice-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.advice-period{text-align:right}.advice-emp-grid{grid-template-columns:repeat(2,1fr);gap:14px 24px;margin-bottom:24px;font-size:14px;display:grid}.advice-emp-grid>div>span.hint{margin-bottom:2px;display:block}.advice-employer-note{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.advice-leave-note{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;gap:28px;margin-top:20px;padding-top:16px;font-size:13px;display:flex}.advice-footer{border-top:1px dashed var(--border);margin-top:20px;padding-top:14px}@media print{.no-print,.workspace-nav{display:none!important}.workspace-shell,body{background:#fff!important}.advice-page,.card{break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important}.advice-page{page-break-after:always}}@media (width<=860px){.grid-3,.steps,.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.field-grid,.rate-row,.payroll-breakdown,.advice-emp-grid{grid-template-columns:1fr}.totals-grid{grid-template-columns:repeat(2,1fr)}}
