:root{font-family:Segoe UI Variable,Segoe UI,Arial,sans-serif;color:#17202a;color-scheme:light;background:#f7f8fa;--app-border: #e5e7eb;--panel-border: rgba(23, 32, 42, .1);--panel-border-strong: rgba(23, 32, 42, .16);--surface: #ffffff;--surface-strong: #ffffff;--surface-soft: #f9fafb;--ink: #17202a;--muted: #667085;--accent: #2563eb;--accent-deep: #1d4ed8;--success: #0f766e;--warning: #b45309;--danger: #b42318;--shadow-lg: 0 18px 38px rgba(23, 32, 42, .1);--shadow-md: 0 10px 24px rgba(23, 32, 42, .08);--shadow-sm: 0 2px 8px rgba(23, 32, 42, .05)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;color:var(--ink);background:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:#f7f8fa}.auth-card{width:min(100%,560px);display:grid;gap:16px;padding:24px;border:1px solid var(--panel-border);border-radius:8px;background:#fff;box-shadow:var(--shadow-md)}.auth-head{display:flex;align-items:center;gap:12px}.auth-logo{width:58px;height:58px}.auth-head h1,.auth-card p{margin:0}.auth-card p,.auth-form small{color:var(--muted)}.auth-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:6px;font-weight:700}.auth-form input,.auth-form textarea{width:100%;border:1px solid var(--panel-border-strong);border-radius:8px;padding:11px 12px;background:#fff;color:var(--ink)}.auth-form .checkbox-row{grid-template-columns:auto minmax(0,1fr);align-items:center;font-weight:700}.auth-form .checkbox-row input{width:18px;height:18px}.auth-plan-card{display:grid;gap:12px}.auth-plan-card h2,.auth-plan-card p{margin:0}.auth-plan-card h2{font-size:1rem}.auth-plan-card p{color:var(--muted)}.auth-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.auth-plan-option{display:grid;gap:9px;padding:14px;border:1px solid var(--panel-border);border-radius:8px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;box-shadow:none}.auth-plan-option:hover,.auth-plan-option.active{border-color:#2563eba6;background:#f8fbff}.auth-plan-option.active{box-shadow:inset 0 0 0 1px #2563eba6}.auth-plan-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.auth-plan-topline span{color:var(--accent-deep);font-weight:800;white-space:nowrap}.auth-plan-option small{color:var(--muted);line-height:1.4}.auth-database-card{display:grid;gap:12px;padding:14px;border:1px solid var(--panel-border);border-radius:8px;background:#f8fbff}.auth-database-card h2,.auth-database-card p{margin:0}.auth-database-card h2{font-size:1rem}.auth-database-card p{color:var(--muted)}.auth-database-card textarea{min-height:110px;resize:vertical;font-family:inherit}.auth-guide{display:grid;gap:12px;padding:14px;border:1px solid rgba(37,99,235,.18);border-radius:8px;background:#f8fbff}.auth-guide h2,.auth-guide h3,.auth-guide p{margin:0}.auth-guide h2{font-size:1rem}.auth-guide h3{font-size:.9rem}.auth-guide-link{color:var(--accent-deep);font-weight:800;text-decoration:none}.auth-guide-link:hover{text-decoration:underline}.auth-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-guide section{display:grid;gap:8px}.auth-guide ol,.auth-guide ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.45}.auth-guide p{color:var(--muted);font-size:.92rem}.auth-message{margin:0}.app-shell{position:relative;display:grid;grid-template-columns:236px minmax(0,1fr);gap:0;min-height:100vh;padding:0}.app-sidebar{position:sticky;top:0;height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:20px;padding:18px 14px;border-right:1px solid var(--app-border);background:#fff;z-index:10}.app-main{min-width:0;padding:20px 24px 32px}.brand-block{display:flex;align-items:center;gap:10px;padding:8px 8px 18px;border-bottom:1px solid var(--panel-border)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:var(--ink);color:#fff;font-weight:800}.brand-logo{width:42px;height:42px;flex:0 0 auto;border-radius:8px;object-fit:cover;object-position:center;border:1px solid var(--panel-border);background:#fff}.brand-block div{display:grid;gap:2px}.brand-block small,.sidebar-status span{color:var(--muted)}.side-nav{display:grid;align-content:start;gap:4px}.side-nav-button{width:100%;min-height:40px;display:flex;align-items:center;border:0;border-radius:8px;padding:0 10px;background:transparent;color:#344054;font-weight:700;cursor:pointer;text-align:left}.side-nav-button:hover{background:#f2f4f7}.side-nav-button.active{color:var(--accent-deep);background:#eff6ff}.sidebar-status{display:grid;gap:4px;padding:12px;border:1px solid var(--panel-border);border-radius:8px;background:#f9fafb;font-size:.84rem}.backdrop{display:none}.backdrop-left{top:32px;left:-120px;width:280px;height:280px;background:#1864d62e}.backdrop-right{top:340px;right:-110px;width:300px;height:300px;background:#18b58e29}.hero,.view-toggle,.dashboard-grid{position:relative;z-index:1;width:100%;margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:18px;align-items:center;padding:18px 20px;border:1px solid var(--app-border);border-radius:8px;background:#fff;box-shadow:none}.compact-hero{grid-template-columns:1fr;padding:0 0 2px;border:0;background:transparent}.compact-hero .hero-copy h1{font-size:1.8rem}.hero-copy{display:grid;align-content:start;gap:14px}.hero-copy h1{margin:0;max-width:none;font-size:clamp(1.45rem,2vw,2rem);line-height:1.12;letter-spacing:0;color:var(--ink)}.hero-copy p{margin:0;max-width:58ch;color:#ecf5fcdb;color:var(--muted);line-height:1.65}.eyebrow,.section-tag{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow{color:var(--accent-deep)}.section-tag{color:#30506d}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-self:end}.metric-card,.panel,.statement-card,.detail-card,.notes-card,.employee-card,.task-card,.tax-table-card,.history-row{min-width:0}.metric-card{position:relative;padding:14px 16px;border-radius:8px;border:1px solid var(--panel-border);box-shadow:none;background:#fff}.metric-card span,.statement-card span,.task-meta span,.history-cell small,.employee-card span,.employee-card small,.panel-heading p,.admin-copy,.tax-table-copy,.tax-table-kicker,.notes-card li,.status-banner span,.client-banner span{color:var(--muted)}.metric-card strong,.statement-card strong{display:block;margin:10px 0 6px;font-size:clamp(1.35rem,2vw,2rem);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.metric-card small{color:#121f2cb8}.accent-sun,.accent-ice,.accent-clay{background:#fff}.view-toggle{display:none;gap:8px;margin:18px auto 0;padding:5px;justify-content:flex-start;align-items:center;border-radius:8px;border:1px solid var(--app-border);background:#fff;box-shadow:none}.toggle-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:7px;padding:10px 14px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.toggle-button.nav-end{margin-left:auto}.toggle-button:hover{color:var(--ink);background:#1152b10d}.toggle-button.active{color:#fff;background:var(--accent-deep);border-color:#1152b147;box-shadow:none}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start;margin-top:18px}.dashboard-layout{grid-template-columns:1fr}.ops-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:14px}.ops-card,.ops-table-card,.empty-state{min-width:0;border:1px solid var(--panel-border);border-radius:8px;background:#fff}.ops-card{display:grid;gap:10px;padding:16px}.ops-card.primary{align-content:start;background:#f8fbff}.ops-card span,.ops-card p,.empty-state span,.simple-table-row small{color:var(--muted)}.ops-card strong{font-size:1.45rem;letter-spacing:0}.ops-card p{margin:0;line-height:1.5}.dashboard-list-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.text-button{padding:0;border:0;background:transparent;color:var(--accent-deep);font:inherit;font-weight:700;cursor:pointer}.dashboard-name-list{display:grid;gap:0}.dashboard-name-list button{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 0;border:0;border-bottom:1px solid var(--panel-border);border-radius:0;background:transparent;color:inherit;text-align:left;box-shadow:none}.dashboard-name-list button:last-child{border-bottom:0}.dashboard-name-list strong{min-width:0;font-size:.95rem}.dashboard-name-list small{flex:0 0 auto;color:var(--muted)}.ops-table-card{grid-column:1 / -1;padding:16px}.simple-table{display:grid;gap:0;margin-top:12px;border:1px solid var(--panel-border);border-radius:8px;overflow:hidden}.simple-table-row{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(140px,.8fr);gap:12px;align-items:center;padding:12px 14px;border-top:1px solid var(--panel-border)}.simple-table-row:first-child{border-top:0}.empty-state{display:grid;gap:10px;justify-items:start;margin-top:12px;padding:18px;background:#f9fafb}.clients-page{display:grid;gap:16px}.clients-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.4fr);gap:12px;align-items:center}.clients-title-block{display:grid;gap:2px}.clients-title-block h2{margin:0;font-size:1.35rem}.clients-title-block span,.client-list-row small,.client-detail-head span,.employee-simple-row small{color:var(--muted)}.clients-search-row{display:grid;grid-template-columns:minmax(0,1fr) 160px max-content;gap:10px;align-items:end}.clients-master-detail{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(0,1fr);gap:28px;align-items:start}.clients-only-layout{grid-template-columns:minmax(320px,680px)}.employees-toolbar{grid-template-columns:minmax(220px,360px) max-content;justify-content:end}.employees-page-panel{max-width:860px}.clients-list-panel,.client-detail-panel,.plain-form-panel{padding:16px;border:1px solid var(--panel-border);border-radius:8px;background:#fff}.clients-list-panel,.client-detail-panel{padding:0;border:0;background:transparent}.plain-form-panel{margin-top:16px}.client-list,.employee-simple-list{display:grid;gap:0}.client-list-row,.employee-simple-row{display:grid;grid-template-columns:1fr;gap:10px;align-items:start;padding:14px 0;border-bottom:1px solid var(--panel-border)}.client-list-row:first-child,.employee-simple-row:first-child{padding-top:0}.client-list-row:last-child,.employee-simple-row:last-child{padding-bottom:0;border-bottom:0}.client-list-row.active .client-list-main strong{color:var(--accent)}.client-list-main{display:grid;grid-template-columns:1fr;gap:4px;align-items:start;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;box-shadow:none}.client-list-main span:first-child,.employee-simple-row>div:first-child{display:grid;gap:3px;min-width:0}.client-list-main span:not(:first-child),.client-list-main small{color:var(--muted);font-size:.9rem}.client-list-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}.clients-empty-state{margin:0;padding:12px 0;border:0;background:transparent;box-shadow:none}.client-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--panel-border);margin-bottom:14px}.client-detail-head h3{margin:0 0 4px;font-size:1.05rem}.clients-address-grid{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:10px}.static-actions{position:static;margin-top:14px;box-shadow:none}.dashboard-grid.history-layout{grid-template-columns:1fr}.panel{padding:18px;border:1px solid var(--app-border);border-radius:8px;background:#fff;box-shadow:none}.payroll-panel{display:grid;gap:18px}.payrun-section{display:grid;gap:14px;padding:16px;border:1px solid var(--panel-border);border-radius:8px;background:#fff}.payrun-section-head{display:flex;gap:12px;align-items:flex-start}.payrun-section-head>span{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:999px;background:#eef4ff;color:var(--accent-deep);font-weight:800}.payrun-section-head h3{margin:0 0 3px;font-size:1.05rem}.payrun-section-head p{margin:0;color:var(--muted);line-height:1.45}.payrun-form-grid{padding:0;border:0;background:transparent}.payrun-actions,.payrun-recent-table{margin-top:0}.payrun-recent-table .simple-table-row{grid-template-columns:minmax(0,1fr) max-content;gap:4px 12px;align-items:start}.payrun-recent-table .simple-table-row>span{min-width:0;overflow-wrap:anywhere;line-height:1.25}.payrun-recent-table .simple-table-row>strong{justify-self:end;white-space:nowrap}.payrun-recent-table .simple-table-row>small{grid-column:1;line-height:1.35}.payrun-recent-table .simple-table-row>.text-button{grid-column:2;justify-self:end;align-self:center;font-size:.9rem}.payrun-shell-panel{grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start}.payrun-shell-panel>.panel-heading{grid-column:1 / -1}.payrun-shell-panel>.status-banner{grid-column:1 / -1;grid-row:2}.payrun-setup-section,.payrun-input-section,.payrun-action-section,.payrun-details-card{grid-column:1}.payrun-setup-section{grid-row:3}.payrun-input-section{grid-row:4}.payrun-review-section,.payrun-recent-section{grid-column:2}.payrun-side-stack{grid-column:2;grid-row:3 / span 4;display:grid;gap:18px;align-self:start}.payrun-side-stack>.payrun-review-section,.payrun-side-stack>.payrun-recent-section{grid-column:auto;grid-row:auto}.payrun-review-section{grid-row:3 / span 2}.payrun-action-section{grid-row:5}.payrun-recent-section,.payrun-details-card{grid-row:6}.payrun-breakdown-section,.compare-card.payrun-details-card,.notes-card.payrun-details-card{grid-column:1 / -1;grid-row:auto}.payrun-setup-section .payrun-form-grid,.payrun-input-section .payrun-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payrun-setup-section .span-2,.payrun-setup-section .span-3,.payrun-input-section .span-2,.payrun-input-section .span-3{grid-column:1 / -1}.payrun-setup-section .pay-frequency-field{padding-top:0}.payrun-review-section .breakdown-grid{grid-template-columns:1fr}.payrun-review-section .statement-card{padding:14px}.payrun-review-section .statement-card strong{font-size:1.18rem}.payrun-review-section .amount-card{border-top:0;border-left:4px solid var(--accent)}.payrun-action-section .payrun-section-head p{display:none}.payrun-actions{position:static;display:grid;grid-template-columns:1fr;box-shadow:none}.payrun-actions .wide-button,.payrun-actions .primary-button,.payrun-actions .secondary-button{width:100%}.payrun-details-card{display:block;padding:16px;border:1px solid var(--panel-border);border-radius:8px;background:var(--surface-strong);box-shadow:none}.payrun-details-card>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-weight:800}.payrun-details-card>summary:after{content:"Open";color:var(--accent-deep);font-size:.82rem;font-weight:800}.payrun-details-card[open]>summary{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--panel-border)}.payrun-details-card[open]>summary:after{content:"Close"}.payrun-breakdown-section .detail-card{padding:0;border:0;background:transparent}.payrun-breakdown-section .detail-grid{gap:24px}.payrun-breakdown-section .detail-card h3{margin:0 0 10px;font-size:1rem;line-height:1.2}.payrun-breakdown-section .detail-card ul{gap:0}.payrun-breakdown-section .detail-card li{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:14px;align-items:baseline;min-height:34px;padding:8px 0}.payrun-breakdown-section .detail-card li span{min-width:0;font-size:.94rem;line-height:1.25;overflow-wrap:normal}.payrun-breakdown-section .detail-card li strong{font-size:.98rem;line-height:1.2;text-align:right;white-space:nowrap}.payrun-breakdown-section .detail-card li:last-child{margin-top:2px;padding-top:10px;border-top:1px solid var(--panel-border)}.payrun-breakdown-section .detail-card li:last-child span,.payrun-breakdown-section .detail-card li:last-child strong{color:var(--ink);font-weight:800}.filing-grid{display:grid;gap:16px}.filing-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border:1px solid var(--panel-border);border-radius:8px;background:var(--surface-strong)}.filing-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.filing-metrics div{display:grid;gap:6px;padding:12px;border:1px solid var(--panel-border);border-radius:8px;background:#fbfcfd}.filing-metrics span{color:var(--muted)}.filing-metrics strong{font-size:1.2rem}.roe-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.roe-ready{border-color:#0e749040;background:#f0fdfa}.clients-shell-panel{padding:0;border:0;background:transparent}.sidebar-panel{display:grid;gap:16px;position:sticky;top:24px}.panel-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:0;padding-bottom:16px;border-bottom:1px solid var(--panel-border)}.panel-heading.compact{padding-bottom:12px}.panel-heading h2,.detail-card h3,.notes-card h3,.mini-form h3,.tax-update-card h3,.field-config-card h4{margin:6px 0 0;letter-spacing:-.03em}.panel-heading p,.admin-copy,.tax-table-copy{margin:0;line-height:1.6}.status-banner,.client-banner,.tax-table-meta,.tax-update-card,.compare-results,.compare-table{border:1px solid var(--panel-border)}.status-banner{display:grid;gap:4px;padding:12px 14px;border-radius:8px;background:#f5f9fc}.status-banner strong{font-size:.92rem}.client-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;background:#f5f9fc}.workflow-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.workflow-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 10px;align-items:center;min-width:0;padding:12px;border:1px solid var(--panel-border);border-radius:8px;background:#fbfcfd}.workflow-step span{grid-row:span 2;width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:#e9eef3;color:#526272;font-weight:800}.workflow-step strong,.workflow-step small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-step small{color:var(--muted)}.workflow-step.complete span,.workflow-step.active span{color:#fff;background:var(--accent-deep)}.workflow-step.active{border-color:#1769aa57;background:#eef7ff}.form-grid,.mini-form-grid,.compare-grid,.compare-expected-grid,.compare-meta-grid,.field-config-grid,.employee-form-grid,.paired-field-grid{display:grid;gap:14px}.form-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;padding:16px;border:1px solid var(--panel-border);border-radius:8px;background:#fbfcfd}.mini-form-grid.admin-form-grid,.mini-form-grid.employee-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compare-grid,.compare-expected-grid,.compare-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-config-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-form-grid,.paired-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.paired-field-grid.period-grid{grid-template-columns:repeat(4,minmax(0,1fr))}label,.paired-field{display:grid;gap:7px;min-width:0;font-size:.9rem;font-weight:600;color:#304353}.pay-frequency-field{padding-top:24px}.paired-field>span{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}label small{font-size:.78rem;font-weight:500;line-height:1.45;color:var(--muted)}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.compact-field{min-width:0}input,select,textarea{width:100%;min-height:42px;border:1px solid var(--app-border);border-radius:8px;padding:9px 11px;background:#fff;color:var(--ink);box-shadow:inset 0 1px 1px #fffc;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#1664d680;box-shadow:0 0 0 4px #1664d61f}textarea{min-height:150px;resize:vertical}.breakdown-grid{display:grid;grid-template-columns:minmax(220px,1.05fr) repeat(3,minmax(0,1fr));gap:14px}.statement-card,.detail-card,.notes-card,.employee-card,.task-card,.field-config-card,.tax-table-card,.history-row{border:1px solid var(--panel-border);border-radius:8px;background:var(--surface-strong);box-shadow:none}.statement-card,.detail-card,.notes-card,.employee-card,.task-card,.field-config-card{padding:16px}.statement-card{display:grid;gap:4px}.statement-card.warm{background:#f2f7fb}.amount-card{border-top:4px solid var(--accent)}.amount-card strong{font-size:clamp(1.25rem,1.8vw,1.8rem)}.detail-grid,.admin-section-grid{display:grid;gap:14px}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-card ul,.notes-card ul,.tax-table-list,.field-config-list,.task-list,.employee-list,.history-table{display:grid;gap:10px;margin:0;padding:0}.detail-card ul,.notes-card ul,.tax-table-list{list-style:none}.detail-card li,.tax-table-list li{display:flex;justify-content:space-between;gap:14px;align-items:start;padding-bottom:10px;border-bottom:1px solid var(--panel-border)}.detail-card li:last-child,.tax-table-list li:last-child{padding-bottom:0;border-bottom:0}.detail-card li span,.tax-table-list span,.compare-results-row span,.compare-table-row span{color:var(--muted)}.detail-card li strong,.compare-results-row strong,.compare-table-row strong,.history-cell strong{font-variant-numeric:tabular-nums}.database-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.database-status-grid div{display:grid;gap:6px;padding:12px;border:1px solid var(--panel-border);border-radius:8px;background:#fbfcfd}.database-status-grid span,.database-checklist span{color:var(--muted)}.code-block{overflow-x:auto;margin:12px 0;padding:14px;border:1px solid var(--panel-border);border-radius:8px;background:#0f172a;color:#e5eefc;font-size:.82rem;line-height:1.6;white-space:pre}.database-checklist{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.database-checklist li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--panel-border)}.notes-card{background:linear-gradient(180deg,#f9fcfffa,#fffffffa)}.attachment-card{margin-top:14px}.attachment-header{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px}.hidden-file-input{display:none}.attachment-list{display:grid;gap:10px}.attachment-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--panel-border);border-radius:8px;background:#f8fbfff5}.attachment-copy{display:grid;gap:4px;min-width:0}.attachment-copy strong,.attachment-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-copy small{color:var(--muted)}.attachment-actions{display:flex;flex-wrap:wrap;gap:8px}.attachment-link{text-decoration:none}.no-margin{margin:0}.notes-card li{position:relative;padding-left:16px;line-height:1.55}.notes-card li:before{content:"";position:absolute;top:.55rem;left:0;width:7px;height:7px;border-radius:999px;background:linear-gradient(135deg,var(--accent),#18b58e)}.compare-card,.tax-table-card{background:linear-gradient(180deg,#f7fafdfa,#fffffffa)}.compare-table,.compare-results{margin-top:14px;overflow:hidden;border-radius:8px;background:#fffffff2}.compare-table-header,.compare-table-row,.compare-results-header,.compare-results-row{display:grid;align-items:center;gap:12px;padding:12px 14px}.compare-table-header{grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,.8fr))}.compare-table-row{grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,.8fr));border-top:1px solid var(--panel-border)}.compare-results-header,.compare-results-row{grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,.8fr))}.compare-results-row{border-top:1px solid var(--panel-border)}.compare-table-header,.compare-results-header,.history-table-header{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#546475;background:#edf3f9f2}.delta-match{color:var(--success)}.delta-gap{color:var(--danger)}.panel-actions{display:flex;flex-wrap:wrap;gap:10px;position:sticky;bottom:12px;z-index:5;padding:10px;border:1px solid var(--panel-border);border-radius:8px;background:#fffffff5;box-shadow:var(--shadow-md)}.primary-button,.secondary-button,.danger-button{min-height:40px;border-radius:8px;padding:0 16px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.primary-button{border:1px solid rgba(17,82,177,.2);color:#fff;background:var(--accent-deep);box-shadow:0 8px 18px #0d416c29}.secondary-button,.danger-button{border:1px solid var(--app-border);color:var(--ink);background:#fff}.danger-button{color:var(--danger);border-color:#bf5b4933}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.toggle-button:hover{transform:translateY(-1px)}.wide-button{flex:1 1 220px}button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.admin-tabs{display:flex;flex-wrap:wrap;gap:8px}.client-settings-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.65fr);gap:14px;align-items:start}.client-directory-card{display:grid;gap:12px;position:sticky;top:18px}.client-directory-count{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.84rem;font-weight:800;color:var(--accent-deep);background:#1664d61a}.client-directory-list{display:grid;gap:10px;max-height:620px;overflow:auto;padding-right:4px}.client-directory-toolbar{display:grid;gap:10px}.client-directory-item{border:1px solid var(--panel-border);border-radius:8px;background:#fffffffa;box-shadow:none;padding:10px;display:grid;gap:10px}.client-directory-item.active{border-color:#1664d652;box-shadow:0 10px 24px #1664d61f;background:linear-gradient(180deg,#f0f7fff0,#fffffffa)}.client-directory-main{border:0;background:transparent;cursor:pointer;display:flex;align-items:center;gap:10px;text-align:left;padding:0}.client-directory-initials{width:42px;height:42px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-deep))}.client-directory-copy{min-width:0;display:grid;gap:3px}.client-directory-copy strong{display:block}.client-directory-copy small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-directory-actions{position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:8px}.client-directory-actions .row-action-menu{position:static;margin-top:2px}.icon-button{min-width:44px;padding:0;font-size:1.2rem;line-height:1}.icon-button[aria-expanded=true]{border-color:#1664d64d;box-shadow:0 0 0 3px #1664d61f}.row-action-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:4;min-width:140px;display:grid;gap:6px;padding:8px;border:1px solid var(--panel-border);border-radius:8px;background:#fffffffa;box-shadow:var(--shadow-md);animation:menu-in .12s ease-out}.client-settings-detail{display:grid;gap:14px}.client-profile-card{display:flex;align-items:start;gap:14px;background:linear-gradient(135deg,#f5fafff5,#fffffffc)}.client-profile-mark{width:54px;height:54px;border-radius:8px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-deep));box-shadow:0 12px 22px #1152b138}.client-profile-copy{min-width:0;display:grid;gap:8px}.client-profile-copy h3{margin:0}.client-profile-copy .section-tag{margin-top:2px}.client-profile-meta{display:flex;flex-wrap:wrap;gap:8px}.client-profile-meta span{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--panel-border);background:#ffffffeb;color:var(--muted);font-size:.79rem;font-weight:700}.client-form-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px}.client-form-sections{display:grid;gap:12px}.client-form-section{padding:14px;border-radius:8px;border:1px solid var(--panel-border);background:#f8fbfff5}.client-form-section .mini-form-grid.admin-form-grid{align-items:start}.client-form-section h4{margin:0 0 10px;letter-spacing:-.02em}.client-field-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.client-form-section label{align-content:start}.client-required-tag{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#905e08}.client-field-error{color:#ad3e2f}.client-input-error{border-color:#bf5b497a;background:#fff5f3f5;box-shadow:0 0 0 4px #bf5b4917}.client-input-hint{margin:0;min-height:2.2em;color:var(--muted);font-size:.77rem;line-height:1.4}.draft-pill{display:inline-flex;align-items:center;gap:6px;min-height:30px;border-radius:999px;padding:0 12px;border:1px solid rgba(201,138,25,.35);background:#c98a191f;color:#885d0b;font-size:.78rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.draft-pill:before{content:"";width:7px;height:7px;border-radius:999px;background:#c98a19}.client-action-bar{position:sticky;bottom:8px;margin-top:12px;padding:10px;border-radius:8px;border:1px solid var(--panel-border);background:#fffffff0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-wrap:wrap;gap:10px;z-index:1}.client-action-status{margin:0;flex:1 1 240px;align-self:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:18px;background:#0f182361;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:modal-fade .12s ease-out}.modal-card{width:min(520px,100%);display:grid;gap:12px;padding:20px;border-radius:8px;border:1px solid var(--panel-border);background:#fffffffc;box-shadow:var(--shadow-lg);animation:modal-pop .14s ease-out}.modal-card h3{margin:0;letter-spacing:-.02em}.modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.field-config-card{padding:16px}.field-config-dropdown{padding:0;overflow:hidden}.field-config-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#f6fafefa,#fffffffa)}.field-config-summary::-webkit-details-marker{display:none}.field-config-summary:after{content:"+";flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#1664d614;color:var(--accent-deep);font-size:1.05rem;font-weight:800}.field-config-dropdown[open] .field-config-summary:after{content:"-"}.field-config-summary span{font-weight:700;color:var(--ink)}.field-config-summary small{color:var(--muted);font-size:.8rem;font-weight:600;margin-left:auto}.field-config-dropdown .field-config-list{padding:0 16px 16px}.field-config-row{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:10px;padding-top:10px;border-top:1px solid var(--panel-border)}.field-config-row:first-child{padding-top:0;border-top:0}.field-config-list-head{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:10px;padding-bottom:6px}.field-config-list-head span{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.field-config-input{gap:6px}.checkbox-row{display:flex;align-items:center;gap:8px}.field-config-checkbox{justify-content:flex-start;min-height:46px}.checkbox-row input{width:auto;min-height:auto}.employee-list,.task-list{display:grid;gap:10px}.employee-card{display:flex;justify-content:space-between;gap:16px;align-items:start}.employee-card strong,.task-card strong{display:block;margin-bottom:4px}.employee-side{display:grid;justify-items:end;gap:10px;min-width:120px}.employee-actions,.compare-button-row,.history-actions{display:flex;flex-wrap:wrap;gap:8px}.employee-actions{position:relative;flex-direction:column;align-items:flex-end}.employee-actions .row-action-menu{position:static;margin-top:2px}.mini-form,.compliance-card,.history-card,.tax-update-card,.pdoc-compare-card{margin-top:0}.history-card{display:grid;gap:12px}.admin-list-card{margin-top:0}.tax-table-card{padding:18px}.tax-table-kicker{margin:0 0 6px;font-size:.83rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#456277}.tax-table-meta,.tax-update-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:8px;background:#ffffffe0}.tax-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tax-pill{padding:8px 12px;border-radius:999px;border:1px solid var(--panel-border);background:#f4f8fcf0;color:var(--muted);font-size:.82rem;font-weight:700}.tax-pill.active{color:var(--accent-deep);background:#1664d614;border-color:#1664d629}.tax-update-card{padding:16px;border-radius:8px;background:#fafcfff5}.tax-update-card p{margin:0;line-height:1.55;color:var(--muted)}.tax-update-steps{display:grid;gap:8px;margin:12px 0 0;padding-left:18px}.task-card{background:#fffffff5}.task-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.status-ready{border-left:4px solid var(--success)}.status-watch{border-left:4px solid var(--warning)}.status-action{border-left:4px solid var(--danger)}.history-card.no-top-margin{margin-top:0}.history-filter-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:16px;align-items:end;margin-bottom:16px}.history-filter-row h3{margin:4px 0}.history-filter-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.history-table{gap:10px}.history-table-header,.history-row{display:grid;grid-template-columns:minmax(190px,1.05fr) minmax(230px,1.35fr) minmax(110px,.72fr) minmax(125px,.78fr) minmax(112px,.55fr);gap:18px;align-items:center}.history-table-header{padding:0 14px 4px}.history-row{padding:14px}.history-cell{display:grid;gap:4px;min-width:0}.history-primary strong{font-size:1rem}.history-cell strong{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;line-height:1.25}.history-actions{justify-content:flex-end}.history-icon-actions{display:flex;justify-content:flex-end;gap:8px}.paystub-icon-button{width:42px;height:38px;min-width:42px;display:inline-flex;align-items:center;justify-content:center}.history-actions .secondary-button,.history-actions .danger-button{width:100%}.history-actions .history-icon-actions .secondary-button{width:42px}@media (max-width: 1280px){.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.span-3{grid-column:span 2}.breakdown-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statement-card.warm,.detail-card.compare-card{grid-column:1 / -1}.history-table-header,.history-row{grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr) minmax(110px,.7fr) minmax(125px,.78fr) minmax(104px,.55fr);gap:14px}}@media (max-width: 1120px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:static;height:auto;grid-template-rows:auto auto;gap:12px;padding:12px 16px;border-right:0;border-bottom:1px solid var(--app-border)}.side-nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;padding-bottom:4px}.side-nav-button{white-space:nowrap}.sidebar-status{display:none}.hero,.dashboard-grid{grid-template-columns:1fr}.payrun-shell-panel,.payrun-side-stack,.payrun-setup-section,.payrun-input-section,.payrun-review-section,.payrun-action-section,.payrun-recent-section,.payrun-details-card,.notes-card.payrun-details-card{grid-column:1;grid-row:auto}.payrun-shell-panel,.clients-toolbar,.clients-master-detail,.dashboard-layout,.ops-dashboard{grid-template-columns:1fr}.ops-card.primary,.ops-table-card{grid-column:auto;grid-row:auto}.sidebar-panel{position:static;top:auto}.hero-copy h1{max-width:none}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.field-config-grid,.mini-form-grid.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-settings-layout{grid-template-columns:1fr}.client-directory-card{position:static;top:auto}.client-directory-list{max-height:420px}.client-directory-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.history-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.history-table-header{display:none}.history-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.history-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 820px){.app-shell{padding:0}.app-main{padding:16px}.hero{padding:22px 20px}.hero-metrics,.auth-plan-grid,.auth-guide-grid,.simple-table-row,.clients-search-row,.workflow-strip,.form-grid,.mini-form-grid.admin-form-grid,.compare-grid,.compare-expected-grid,.compare-meta-grid,.field-config-grid,.detail-grid,.breakdown-grid,.history-table-header,.history-filter-row,.history-filter-controls,.history-row,.mini-form-grid.employee-form-grid,.employee-form-grid,.paired-field-grid,.paired-field-grid.period-grid{grid-template-columns:1fr}.client-list-row,.employee-simple-row,.client-list-main{grid-template-columns:1fr;align-items:start}.client-list-actions{justify-content:flex-start}.clients-address-grid{grid-template-columns:1fr}.client-form-head,.client-directory-actions,.client-action-bar,.modal-actions{flex-direction:column}.client-directory-toolbar{grid-template-columns:1fr}.client-action-status{order:3}.row-action-menu{position:static;margin-top:6px}.span-2,.span-3{grid-column:auto}.panel-heading{align-items:start;flex-direction:column}.compare-table-header,.compare-results-header{display:none}.compare-table-row,.compare-results-row{grid-template-columns:1fr;gap:6px}.panel-actions{position:static;box-shadow:none}}@media (max-width: 560px){.brand-block{padding-bottom:12px}.view-toggle{display:none;width:100%}.side-nav{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;overflow-x:visible}.side-nav-button{justify-content:center;min-width:0;padding:0 8px;text-align:center}.toggle-button,.wide-button,.primary-button{width:100%}.toggle-button.nav-end{margin-left:0}.panel,.statement-card,.detail-card,.notes-card,.employee-card,.task-card,.tax-table-card,.history-row{border-radius:16px}.panel-actions,.employee-actions,.history-actions,.compare-button-row,.attachment-actions{flex-direction:column}.attachment-header,.attachment-row{flex-direction:column;align-items:stretch}}@media (max-width: 720px){html,body{width:100%;overflow-x:hidden}.app-sidebar{position:sticky;top:0;gap:10px;padding:10px 12px}.brand-block{padding:4px 4px 10px}.brand-mark{width:34px;height:34px}.brand-logo{width:36px;height:36px}.brand-block strong{font-size:.95rem}.brand-block small{font-size:.78rem}.side-nav{display:flex;gap:8px;overflow-x:auto;padding:0 0 4px;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.side-nav-button{flex:0 0 auto;width:auto;min-height:38px;padding:0 12px;justify-content:center;white-space:nowrap}.app-main{padding:12px 10px 24px}.hero{gap:14px;padding:14px}.compact-hero{padding:0}.hero-copy{gap:8px}.hero-copy h1,.compact-hero .hero-copy h1{font-size:1.45rem;line-height:1.15}.hero-copy p{font-size:.94rem;line-height:1.5}.hero-metrics{grid-template-columns:1fr;gap:8px}.auth-guide-grid{grid-template-columns:1fr}.metric-card,.ops-card,.ops-table-card,.panel,.payrun-section,.plain-form-panel,.clients-list-panel,.client-detail-panel,.history-row{border-radius:8px}.dashboard-grid{gap:12px;margin-top:12px}.panel,.payrun-section,.ops-table-card,.plain-form-panel{padding:14px}.ops-dashboard{grid-template-columns:1fr;gap:10px}.simple-table{border:0;overflow:visible}.simple-table-row{grid-template-columns:1fr;gap:4px;margin-bottom:8px;padding:12px;border:1px solid var(--panel-border);border-radius:8px;background:#fff}.clients-toolbar,.clients-search-row,.employees-toolbar{grid-template-columns:1fr;align-items:stretch}.clients-title-block h2{font-size:1.2rem}.client-detail-head{flex-direction:column;align-items:stretch}.client-list-actions,.employee-actions,.history-actions,.panel-actions,.compare-button-row,.attachment-actions,.admin-tabs{display:grid;grid-template-columns:1fr}.client-list-actions .secondary-button,.client-list-actions .danger-button,.employee-actions .secondary-button,.employee-actions .danger-button,.history-actions .secondary-button,.history-actions .danger-button,.panel-actions .primary-button,.panel-actions .secondary-button,.panel-actions .danger-button,.compare-button-row .primary-button,.compare-button-row .secondary-button,.attachment-actions .primary-button,.attachment-actions .secondary-button,.admin-tabs .toggle-button{width:100%}.form-grid,.mini-form-grid,.mini-form-grid.admin-form-grid,.mini-form-grid.employee-form-grid,.compare-grid,.compare-expected-grid,.compare-meta-grid,.field-config-grid,.employee-form-grid,.paired-field-grid,.paired-field-grid.period-grid,.breakdown-grid,.detail-grid,.database-status-grid,.filing-grid,.roe-form-grid,.client-settings-layout,.client-directory-toolbar,.history-filter-row,.history-filter-controls{grid-template-columns:1fr}.form-grid{padding:12px}.span-2,.span-3{grid-column:auto}input,select,textarea{min-height:44px;font-size:16px}.pay-frequency-field{padding-top:0}.payrun-section-head{gap:10px}.payrun-section-head>span{width:28px;height:28px}.breakdown-grid .statement-card strong,.amount-card strong{font-size:1.35rem}.history-table{gap:10px}.history-table-header{display:none}.history-row{grid-template-columns:1fr;gap:10px;padding:14px}.history-cell{gap:2px}.history-cell strong{white-space:normal;overflow-wrap:anywhere}.history-actions{justify-content:stretch}.compare-table,.compare-results-table{overflow:visible}.compare-table-row,.compare-results-row{padding:10px 0;border-bottom:1px solid var(--panel-border)}.detail-card li,.tax-table-list li{flex-direction:column;gap:4px}.client-directory-list{max-height:none;padding-right:0}.client-directory-main,.client-profile-card{align-items:flex-start}.modal-card{width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;padding:16px}}@media (max-width: 420px){.app-main{padding-inline:8px}.side-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:visible}.side-nav-button{width:100%}.eyebrow,.section-tag{font-size:.68rem;letter-spacing:.12em}.panel-heading h2,.panel-heading h3{font-size:1.1rem}.primary-button,.secondary-button,.danger-button,.toggle-button{min-height:42px;padding-inline:12px}.statement-card,.detail-card,.notes-card,.employee-card,.task-card,.field-config-card,.tax-table-card{padding:14px}}