.dashboard-shell{--ink: #222c2b;--muted: #71807b;--line: #e0e7e2;--paper: #f4f7f3;--green: #17765e;--green-dark: #105541;--lime: #d6e6a3;min-height:100vh;color:var(--ink);background:var(--paper);font-family:Segoe UI,sans-serif}.session-check{display:grid;place-items:center;color:#5c6f63;font-size:13px}.calculator-frame{max-width:1400px;min-height:100vh;margin:0 auto;padding:20px;color:#1e293b;background:#dde3ed}.calculator-header{display:grid;gap:12px;margin-bottom:12px}.calculator-user-line,.calculator-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.calculator-user-line h1{margin:0 8px 0 0;font-size:20px;font-weight:700}.role-badge{padding:4px 10px;border:1px solid;border-radius:6px;font-size:12px;font-weight:650}.role-admin{border-color:#fcd34d;color:#92400e;background:#fef3c7}.role-employee{border-color:#86efac;color:#166534;background:#f0fdf4}.header-icon-button{position:relative;width:34px;height:32px;border:1px solid #94a3b8;border-radius:6px;background:#f1f5f9;font-size:16px}.header-icon-button:disabled{opacity:.58}.calculator-tools{min-height:44px;padding:7px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#f1f5f9}.tool-button{min-height:29px;padding:4px 10px;border:1px solid #cbd5e1;border-radius:6px;color:#334155;background:#fff;font:inherit;font-size:11px;font-weight:650;cursor:pointer}.tool-button:disabled{opacity:.45;cursor:not-allowed}.tool-button.is-open{border-color:#1d4ed8;color:#1d4ed8;background:#dbeafe}.tool-divider{width:1px;height:25px;margin:0 3px;background:#cbd5e1}.month-selector{position:relative;display:inline-flex;justify-content:center;min-width:155px;color:#1e293b;font-size:14px;font-weight:700;text-transform:capitalize}.month-selector input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer}.calculator-tabs{margin-bottom:16px;padding-bottom:4px}.calculator-tabs button{flex:0 0 auto;padding:8px 15px;border:2px solid #94a3b8;border-radius:9px;color:#0f172a;background:#e2e8f0;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s;margin:2.5px}.calculator-tabs button.selected{border-color:var(--tab-accent);background:var(--tab-background)}.calculator-content{min-height:66vh}.utility-section{margin-bottom:16px;padding:14px 16px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc}.utility-section-bar{display:flex;align-items:center;justify-content:flex-end;min-height:30px;margin-bottom:4px;color:#334155;font-size:13px;font-weight:700}.utility-section-bar button{width:28px;height:28px;border:1px solid #cbd5e1;border-radius:6px;color:#475569;background:#fff;font-size:20px;line-height:1;cursor:pointer}.calculator-footer{display:flex;justify-content:space-between;margin-top:22px;padding-top:10px;border-top:1px solid #cbd5e1;color:#64748b;font-size:10px}.migration-notice{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #e5c98e;border-radius:8px;color:#714d17;background:#fff9e9}.migration-notice strong{font-size:13px}.migration-notice p{margin:5px 0 0;color:#846c43;font-size:12px;line-height:1.5}.notice-mark{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;color:#805719;background:#f5e7c2;font-size:16px}.month-filter-label{color:#6b7280;font-size:11px;white-space:nowrap}.dashboard-frame{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.dashboard-rail{display:flex;flex-direction:column;padding:24px 16px;color:#eef5ef;background:#202d29}.dashboard-brand{display:flex;align-items:center;gap:11px;padding:0 8px 30px}.dashboard-brand-mark,.pin-brandmark,.banner-mark{display:grid;place-items:center;font-weight:800}.dashboard-brand-mark{width:38px;height:38px;color:#243329;background:var(--lime);border-radius:11px;font-size:13px}.dashboard-brand strong{display:block;font-size:13px;letter-spacing:.08em}.dashboard-brand small{display:block;margin-top:3px;color:#aab9b0;font-size:10px}.dashboard-nav{display:grid;gap:6px}.dashboard-nav button{display:flex;gap:11px;align-items:center;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:7px;color:#c8d2cb;background:transparent;text-align:left;font-size:13px;cursor:pointer}.dashboard-nav button:hover{color:#fff;background:#2b3934}.dashboard-nav button.active{color:#fff;background:#35443e;border-color:#4d6057}.nav-glyph{display:inline-grid;place-items:center;width:20px;color:#c1d48e;font-size:15px}.rail-bottom{margin-top:auto;padding:16px 8px 0;border-top:1px solid #405048}.rail-user{overflow:hidden;margin-bottom:12px}.rail-user strong,.rail-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-user strong{font-size:13px}.rail-user small{margin-top:4px;color:#aab9b0;font-size:11px}.rail-logout{padding:8px 0;border:0;color:#d1dad3;background:transparent;font-size:12px;cursor:pointer}.dashboard-main{min-width:0}.dashboard-topbar{display:flex;justify-content:space-between;align-items:center;min-height:66px;padding:0 32px;border-bottom:1px solid var(--line);background:#fbfcfa}.breadcrumb,.topbar-date{color:var(--muted);font-size:12px}.dashboard-content{max-width:1440px;margin:0 auto;padding:30px 32px 52px}.eyebrow{margin:0 0 7px;color:var(--green);font-size:10px;font-weight:800;letter-spacing:.12em}.overview-banner{position:relative;display:flex;justify-content:space-between;align-items:center;overflow:hidden;min-height:182px;padding:26px 32px;border-radius:9px;color:#f4f8f4;background:#23664f}.overview-banner:after{position:absolute;top:-90px;right:130px;width:290px;height:290px;border:1px solid rgba(219,235,199,.3);border-radius:50%;content:""}.overview-banner .eyebrow{color:#cfdfb6}.overview-banner h1{position:relative;z-index:1;margin:0;font-size:26px;font-weight:650}.overview-banner p:last-child{position:relative;z-index:1;margin:9px 0 0;color:#d2e1d8;font-size:13px}.banner-mark{z-index:1;width:88px;height:88px;border:1px solid rgba(232,241,222,.55);border-radius:50%;color:#e7efdb;font-size:22px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.metric-tile{display:flex;flex-direction:column;align-items:flex-start;min-height:132px;padding:18px 20px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;text-align:left}button.metric-tile{cursor:pointer}button.metric-tile:hover{border-color:#9cbca8;box-shadow:0 3px 12px #1f3f300f}.metric-green{background:#edf4e5}.metric-neutral{background:#eef2f0}.metric-label{color:var(--muted);font-size:12px}.metric-tile strong{margin-top:16px;font-size:24px;font-weight:700}.metric-tile .metric-link{margin-top:auto;color:var(--green);font-size:11px}.recent-periods{margin-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.section-heading h2{margin:0;font-size:16px}.section-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.text-button{border:0;color:var(--green);background:transparent;font-weight:650;cursor:pointer}.recent-period-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.recent-period{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px solid var(--line);border-radius:7px;background:#fff;text-align:left;cursor:pointer}.recent-period strong{font-size:13px}.workspace{min-width:0}.workspace-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}.workspace-heading h1{margin:0;font-size:24px;font-weight:680}.record-count{padding-bottom:4px;color:var(--muted);font-size:12px}.filter-bar{display:flex;gap:10px;align-items:center;margin-bottom:14px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fff}.search-field{display:flex;align-items:center;flex:1;min-width:160px;gap:8px;color:#73827a}.search-field span{font-size:22px}.search-field input,.month-field input,.access-pin-form input,.new-employee-form input,.compact-input{min-width:0;padding:9px 10px;border:1px solid #ccd7cf;border-radius:5px;color:var(--ink);background:#fff;font:inherit;font-size:12px}.search-field input{width:100%;border:0;outline:0}.month-field{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:9px 15px;border:1px solid var(--green-dark);border-radius:5px;color:#fff;background:var(--green);font:inherit;font-size:12px;font-weight:650;cursor:pointer}.primary-button:hover:not(:disabled){background:var(--green-dark)}.primary-button:disabled{opacity:.55;cursor:not-allowed}.quiet-button{padding:7px 10px;border:1px solid #cad5cd;border-radius:5px;color:#43534a;background:#fff;font:inherit;font-size:11px;cursor:pointer}.quiet-button:disabled{opacity:.45;cursor:not-allowed}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:11px 13px;border-bottom:1px solid var(--line);color:#617168;background:#f1f5f1;font-size:10px;font-weight:750;letter-spacing:.04em;white-space:nowrap}.data-table td{padding:12px 13px;border-bottom:1px solid #edf1ed;color:#34433b;font-size:12px;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:0}.data-table td strong,.data-table td small{display:block}.data-table td strong{font-size:12px}.data-table td small{margin-top:4px;color:#87938c;font-size:10px}.empty-state{padding:30px!important;color:var(--muted)!important;text-align:center}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 2px;color:var(--muted);font-size:11px}.pager-actions{display:flex;gap:6px}.status-label{display:inline-flex;align-items:center;padding:4px 7px;border-radius:4px;font-size:10px;font-weight:700}.status-paid{color:#276247;background:#e2f1e5}.status-open{color:#6a7153;background:#f0f1de}.status-locked{color:#8a5738;background:#f6e9dc}.period-list{border:1px solid var(--line);border-radius:8px;background:#fff}.period-row{display:flex;align-items:center;gap:13px;padding:14px 16px;border-bottom:1px solid #edf1ed}.period-row:last-child{border-bottom:0}.period-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;color:var(--green);background:#e9f1e8;font-size:18px}.period-info{flex:1}.period-info strong,.period-info small{display:block}.period-info strong{font-size:13px}.period-info small{margin-top:4px;color:var(--muted);font-size:11px}.inline-error,.inline-success{margin-bottom:14px;padding:10px 12px;border-radius:5px;font-size:12px}.inline-error{border:1px solid #ebc3b8;color:#8f3e32;background:#fff3ef}.inline-success{border:1px solid #c7dec8;color:#286146;background:#edf7eb}.subtle-copy{color:var(--muted);font-size:13px}.access-section{margin-bottom:24px}.access-section .section-heading{margin-bottom:12px}.access-pin-form,.new-employee-form{display:flex;flex-wrap:wrap;gap:8px}.access-pin-form input,.new-employee-form input{min-width:180px}.access-table .row-actions{display:flex;gap:7px}.users-tabs{display:flex;flex-wrap:wrap;gap:6px 14px;margin:12px 0 0;padding:10px 12px;border:1px solid var(--line);border-radius:6px;font-size:12px}.users-tabs legend{padding:0 4px;color:var(--muted)}.compact-input{width:125px;padding:7px 8px}.danger-text-button{border:0;color:#a34b3d;background:transparent;font-size:11px;cursor:pointer}.pin-gate{display:grid;place-items:center;position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;padding:22px;background:radial-gradient(ellipse at 70% 15%,#e3eac8 0,transparent 38%),linear-gradient(135deg,#edf2eb,#dce7dc 58%,#e8ede2)}.pin-panel{width:min(100%,410px);padding:34px 36px 28px;border:1px solid rgba(46,75,56,.13);border-radius:10px;background:#fffffff2;box-shadow:0 22px 70px #21372724}.pin-brandmark{width:44px;height:44px;margin-bottom:25px;border-radius:12px;color:#f8fbf5;background:var(--green);font-size:14px}.pin-panel h1{margin:0;color:var(--ink);font-size:25px}.pin-subtitle{margin:8px 0 24px;color:var(--muted);font-size:13px;line-height:1.6}.pin-label{display:block;margin-bottom:7px;color:#45534b;font-size:11px;font-weight:700}.pin-input-wrap{display:flex;overflow:hidden;border:1px solid #c9d5ca;border-radius:5px;background:#fff}.pin-input-wrap:focus-within{outline:2px solid #92b69f;outline-offset:1px}.pin-input-wrap input{flex:1;min-width:0;padding:12px;border:0;outline:0;font:inherit;font-size:17px;letter-spacing:.12em}.pin-visibility{padding:0 12px;border:0;color:var(--green);background:transparent;font:inherit;font-size:10px;font-weight:650;cursor:pointer}.pin-submit{width:100%;justify-content:space-between;margin-top:13px;padding:12px 14px}.pin-submit span{font-size:18px}.pin-error{margin:9px 0 0;color:#a43d30;font-size:12px}.pin-security-note{display:flex;align-items:center;gap:7px;margin-top:23px;color:#79867d;font-size:10px}.pin-security-note span{color:#4b9468;font-size:9px}.pin-footer{position:absolute;bottom:17px;color:#6d7d70;font-size:10px}.pin-footer span{padding:0 5px}@media (max-width: 900px){.dashboard-content{padding:22px 18px 40px}}@media (max-width: 620px){.calculator-frame{padding:12px}.calculator-user-line{justify-content:flex-start}.calculator-user-line h1{width:100%}.calculator-tools{flex-wrap:nowrap;overflow-x:auto}.calculator-tabs{margin-right:-12px}.calculator-tabs button{padding:7px 11px}.dashboard-topbar{min-height:48px;padding:0 16px}.dashboard-content{padding:16px 12px 32px}.overview-banner{min-height:156px;padding:21px 18px}.overview-banner h1{max-width:250px;font-size:21px}.banner-mark{width:55px;height:55px;font-size:15px}.metric-grid{grid-template-columns:1fr;gap:8px}.metric-tile{min-height:108px}.recent-period-grid{grid-template-columns:1fr}.workspace-heading h1{font-size:21px}.filter-bar{align-items:stretch;flex-direction:column}.search-field{min-height:35px}.month-field{justify-content:space-between}.period-row{gap:9px;padding:12px 9px}.period-row .quiet-button{padding:6px}.access-table .row-actions{min-width:150px}.pin-panel{padding:28px 22px 23px}.pin-panel h1{font-size:22px}}.login-input-wrap input{font-size:15px;letter-spacing:normal}.login-label-gap{margin-top:14px}.login-message{margin:9px 0 0;color:#286146;font-size:12px;line-height:1.5}.login-links{display:flex;justify-content:space-between;margin-top:18px}.login-link{padding:0;border:0;color:var(--green);background:transparent;font:inherit;font-size:12px;text-decoration:none;cursor:pointer}.login-link:hover{text-decoration:underline}.app-container{display:flex;height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;color:#333}html,body,#root{height:100%}