:root{--ui-font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--ui-color-text: #111827;--ui-color-text-muted: #475569;--ui-color-surface: #ffffff;--ui-color-surface-alt: #f8fafc;--ui-color-bg: #eef2f7;--ui-color-border: #d1d9e6;--ui-color-brand: #1d4ed8;--ui-color-brand-strong: #1e40af;--ui-color-warning-bg: #fffbeb;--ui-color-warning-border: #fcd34d;--ui-color-warning-text: #92400e;--ui-color-error-bg: #fee2e2;--ui-color-error-border: #fecaca;--ui-color-error-text: #991b1b;--ui-color-info-bg: #eff6ff;--ui-color-info-border: #bfdbfe;--ui-color-info-text: #1e3a8a;--ui-radius-sm: .45rem;--ui-radius-md: .65rem;--ui-radius-lg: .8rem;--ui-shadow-soft: 0 12px 30px rgba(15, 23, 42, .06)}*{box-sizing:border-box}.ui-card{background:var(--ui-color-surface);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);padding:1rem}.ui-page-stack{display:grid;gap:1rem}.ui-section-header{display:grid;gap:.35rem}.ui-section-header h2,.ui-section-header h3,.ui-section-header h4,.ui-section-header p{margin:0}.ui-section-header p{color:var(--ui-color-text-muted)}.ui-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ui-badge--demo{background:#dbeafe;color:var(--ui-color-brand-strong)}.ui-badge--status{background:#e2e8f0;color:#1e293b}.ui-alert{border-radius:var(--ui-radius-md);border:1px solid var(--ui-color-info-border);background:var(--ui-color-info-bg);color:var(--ui-color-info-text);padding:.7rem .85rem;font-size:.92rem}.ui-alert--warning{border-color:var(--ui-color-warning-border);background:var(--ui-color-warning-bg);color:var(--ui-color-warning-text)}.ui-alert--error{border-color:var(--ui-color-error-border);background:var(--ui-color-error-bg);color:var(--ui-color-error-text)}.ui-empty-state{border:1px dashed var(--ui-color-border);background:var(--ui-color-surface-alt);border-radius:var(--ui-radius-md);color:var(--ui-color-text-muted);padding:.8rem .9rem}.ui-button{border:1px solid transparent;border-radius:var(--ui-radius-sm);padding:.55rem .8rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.ui-button--primary{background:#0f172a;border-color:#0f172a;color:#f8fafc}.ui-button--primary:hover{background:#1e293b;border-color:#1e293b}.ui-button--secondary{background:var(--ui-color-surface);border-color:#cbd5e1;color:#0f172a}.ui-button--secondary:hover{background:#f8fafc}.ui-button:disabled,.ui-button[aria-disabled=true]{opacity:.55;cursor:not-allowed}:root{--user-bg: #eef4fb;--user-surface: #ffffff;--user-border: #d1d9e6;--user-surface-muted: #f8fafc;--user-sidebar-bg: #f8fbff;--user-sidebar-border: #d7e3f2;--user-sidebar-title: #0f172a;--user-sidebar-text: #334155;--user-sidebar-link: #1e293b;--user-sidebar-link-hover: #e2ecfb;--user-sidebar-link-active-bg: #dbeafe;--user-sidebar-link-active-border: #93c5fd;--user-sidebar-link-active-text: #1d4ed8;--user-accent: #2563eb;--user-accent-strong: #1d4ed8}body{margin:0;font-family:Segoe UI,Tahoma,sans-serif;background:var(--user-bg);color:#111827}:where(button,a,input,textarea,select):focus-visible{outline:3px solid #0ea5e9;outline-offset:2px}.page-center{min-height:100vh;display:grid;place-items:center;padding:1rem}.user-layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.user-sidebar{border-right:1px solid var(--user-sidebar-border);background:var(--user-sidebar-bg);padding:1rem .9rem;position:sticky;top:0;height:100vh;overflow-y:auto}.user-sidebar-brand{display:grid;gap:.4rem}.user-sidebar-brand h1,.user-sidebar-brand p{margin:0}.user-sidebar-eyebrow{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.user-sidebar-note{display:inline-flex;width:fit-content;border:1px solid #bfdbfe;background:#eff6ff;color:var(--user-accent-strong);border-radius:999px;padding:.2rem .55rem;font-size:.74rem;font-weight:600}.user-sidebar-user{color:var(--user-sidebar-text);font-size:.88rem}.user-nav{margin-top:1rem;display:grid;gap:.45rem}.user-nav-link{display:block;text-decoration:none;color:var(--user-sidebar-link);border:1px solid transparent;border-radius:8px;padding:.45rem .6rem;background:transparent;font-size:.9rem}.user-nav-link:hover{background:var(--user-sidebar-link-hover)}.user-nav-link.active{background:var(--user-sidebar-link-active-bg);border-color:var(--user-sidebar-link-active-border);color:var(--user-sidebar-link-active-text);font-weight:600}.user-workspace{padding:1rem;display:grid;gap:1rem;align-content:start}.user-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.user-topbar h2,.user-topbar p{margin:0}.user-content{display:grid;gap:1rem}.panel{background:var(--user-surface);border:1px solid var(--user-border);border-radius:10px;padding:1rem;display:grid;gap:.75rem}.panel-narrow{width:min(100%,420px)}.login-panel{box-sizing:border-box;min-width:0}.login-methods,.login-fields{display:grid;gap:.75rem;min-width:0}.login-fields{border:0;padding:0;margin:0}.login-fields legend{padding:0 0 .75rem;font-weight:600}.login-panel input,.login-panel button{box-sizing:border-box;width:100%;min-width:0;min-height:44px}.social-login-google{background:#fff;color:#1f1f1f;border-color:#747775}.social-login-apple{background:#000;border-color:#000;color:#fff}.panel h1,.panel h2,.panel h3,.panel h4,.panel p{margin:0}.context-form{display:grid;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr))}.context-actions{display:flex;flex-wrap:wrap;gap:.55rem}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.row.between{justify-content:space-between;align-items:center}.form-stack{display:grid;gap:.5rem}.form-grid{display:grid;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:.25rem;font-size:.92rem}input,textarea,select,button{font:inherit}input,textarea,select{border:1px solid #9ca3af;border-radius:8px;padding:.5rem;background:#fff}button,.button-link{border:1px solid var(--user-accent);border-radius:8px;padding:.45rem .8rem;background:var(--user-accent);color:#fff;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.button-link-secondary{border-color:#475569;background:#475569}button:disabled{opacity:.6;cursor:wait}.mode-switch{display:inline-flex;gap:.35rem;flex-wrap:wrap}.mode-button{border:1px solid #cbd5e1;background:#f8fafc;color:#1f2937}.mode-button.active{border-color:var(--user-accent);background:#dbeafe;color:var(--user-accent-strong)}.calc-card,.panel-inline,.history-block{border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;display:grid;gap:.5rem;background:var(--user-surface-muted)}.summary-grid{display:grid;gap:.35rem;grid-template-columns:repeat(2,minmax(0,1fr))}.action-row{display:flex;flex-wrap:wrap;gap:.6rem}table{width:100%;border-collapse:collapse;font-size:.86rem}.table-scroll{width:100%;overflow-x:auto}.table-scroll table{min-width:640px}th,td{border:1px solid #cbd5e1;padding:.35rem .45rem;text-align:left}th{background:#e2e8f0}.muted{color:#334155}.empty-state{color:#475569;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:.6rem}.module-directory,.module-family{display:grid;gap:1rem}.company-access-options{display:grid;gap:.75rem;border:1px solid #cbd5e1;border-radius:8px}.company-access-options label{display:flex;align-items:center;gap:.5rem}.company-access-options input{width:auto}.module-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem}.module-card h4{margin:1rem 0 .6rem;font-size:1.1rem}.module-status{display:inline-block;padding:.3rem .6rem;border-radius:6px;background:#e2e8f0;color:#334155;font-size:.8rem}.module-status-active{background:#d1fae5;color:#065f46}.module-readonly{padding:.8rem;border-radius:8px;background:#fef3c7;color:#78350f}.user-nav-group{color:#b8c8da;margin:1rem .6rem .25rem;font-size:.78rem;text-transform:uppercase}.error{margin:0;color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:.5rem .65rem}.ok{margin:0;color:#065f46;background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px;padding:.5rem .65rem}@media (max-width: 1024px){.user-layout{grid-template-columns:220px 1fr}}.payroll-fieldset{border:1px solid var(--user-border, #cbd5e1);border-radius:8px;padding:1rem;margin:1rem 0;min-width:0}.payroll-fieldset legend{font-weight:700;padding:0 .4rem}.settlement-line{display:grid;grid-template-columns:minmax(90px,1fr) minmax(140px,2fr) minmax(125px,1fr) minmax(100px,1fr) auto;gap:.7rem;align-items:end;padding:.8rem 0;border-bottom:1px solid #e2e8f0}.settlement-line>*{min-width:0}.settlement-line input,.settlement-line select{width:100%}.settlement-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0}.settlement-totals dt{color:#475569}.settlement-totals dd{font-weight:700;margin:.4rem 0;overflow-wrap:anywhere}@media (max-width: 1100px){.settlement-line,.settlement-totals{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.settlement-line,.settlement-totals{grid-template-columns:1fr}}@media (max-width: 920px){.user-layout{grid-template-columns:1fr}.user-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--user-sidebar-border)}.user-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.user-workspace{padding:.75rem}.panel{padding:.85rem}.user-topbar{flex-direction:column}.context-form,.form-grid,.summary-grid{grid-template-columns:1fr}}