:root{color-scheme:dark;--bg:#101010;--card:#1a1a19;--text:#f1ede5;--muted:#b6b0a4;--line:#38352e;--gold:#e4c275;--gold2:#b58d3d;--nav:#111110;--green:#82dba8;--red:#ff9990;--amber:#e7c17a;--shadow:0 14px 40px #0002;--surface:#22221f;--input:#141413}
:root[data-theme=light]{color-scheme:light;--bg:#f4f1e9;--card:#fffefa;--text:#26251f;--muted:#706b5e;--line:#ded8c9;--gold:#846118;--gold2:#b38a34;--green:#1d7545;--red:#b0392d;--amber:#856015;--surface:#f2eee4;--input:#fffefa;--shadow:0 12px 35px #49370f0a}
body{background:radial-gradient(ellipse at 90% 0, #b58d3d10,transparent 50%),var(--bg);line-height:1.65}a{color:var(--gold)}.topbar{background:var(--card);border-bottom:1px solid var(--line)}.sidebar{background:#111110;border-inline-end:1px solid #38352e}.sidebar nav{gap:8px}.sidebar a{color:#c6c1b5}.sidebar a.active{background:linear-gradient(110deg,#cba4532c,#cba4530c);color:#f0d79d;box-shadow:inset 3px 0 #c6a15b}.sidebar-foot{color:#b0a17e}.brand-mark{background:linear-gradient(135deg,#24221c,#b58d3d)}.card,.stat{background:var(--card);border-radius:18px}.stat{position:relative;overflow:hidden;border-top:2px solid var(--gold2)}.stat strong.money{font-size:clamp(17px,2vw,24px);overflow-wrap:anywhere}.card h2{font-size:19px}.page-head h1{font-size:clamp(24px,3vw,32px);font-weight:800}.page-head p{max-width:850px}.table-wrap,table.data th{background:var(--surface)}table.data td{background:var(--card)}table.data th{color:var(--muted);padding:14px 12px}table.data tr:hover td{background:var(--surface)}label.field>span,.section-title{color:var(--muted)}.field input,.field select,.field textarea,input[type=month],input[type=datetime-local]{background:var(--input);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 12px;width:100%;font:inherit;font-size:14px}input[type=checkbox]{accent-color:var(--gold2)}.btn{background:var(--surface);color:var(--text);border:1px solid var(--line);min-height:42px}.btn.gold{background:linear-gradient(125deg,#e7ca83,#b98e3d);color:#201b0e;border-color:#d0ad5e;box-shadow:0 4px 18px #c29b4620}.btn.secondary,.tabs a,.mobile-nav summary,.mobile-nav-panel{background:var(--card);color:var(--text)}.tabs a.active{background:var(--gold);color:var(--bg);border-color:var(--gold)}.btn.red{background:#7d3028;color:#fff0ed;border-color:#ae4e43}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,a:focus-visible,summary:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.lang-switch{background:var(--surface);border-color:var(--line)}.lang-switch a{color:var(--muted)}.lang-switch a.active{background:var(--gold);color:var(--bg)}.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--gold);font:inherit;font-size:12px;padding:8px 12px;border-radius:10px;cursor:pointer;white-space:nowrap}.warning-box,.flash.warning{background:#a67c201c;color:var(--amber);border:1px solid #b58d3d70}.flash.success{background:#32925a18;color:var(--green);border-color:#32925a60}.flash.error{background:#b9403218;color:var(--red);border-color:#b9403260}.flash.info{background:var(--surface);color:var(--text);border-color:var(--line)}.badge.gray,.badge{background:var(--surface);color:var(--muted)}.mobile-nav-panel a.active,.mobile-nav-panel a:hover{background:var(--surface);color:var(--gold)}.form-space{margin-top:20px}details>summary{cursor:pointer}.help{font-size:12px;line-height:1.9}.table-wrap form{margin-block:6px}.standalone:has(.login-shell){max-width:1100px;padding:24px;margin:clamp(24px,7vh,90px) auto}.login-shell{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 30px 100px #0003;background:var(--card)}.login-identity{position:relative;overflow:hidden;padding:48px 40px;background:radial-gradient(ellipse at top right,#a67c2033,transparent 60%),#12120f;color:#f5efdf;display:flex;flex-direction:column;justify-content:center;min-height:530px}.login-identity:after{content:'';position:absolute;width:330px;height:330px;border:1px solid #b58d3d35;border-radius:50%;bottom:-240px;right:-80px;box-shadow:0 0 0 45px #b58d3d0a,0 0 0 90px #b58d3d05;pointer-events:none}.login-logo{width:min(100%,260px);height:145px;object-fit:contain;align-self:flex-start;margin-bottom:28px}.login-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--gold2)}.login-identity h1{font-size:clamp(27px,3vw,38px);line-height:1.5;letter-spacing:-.7px;margin:14px 0}.login-identity p{color:#beb59f;font-size:14px;max-width:340px}.login-seal{margin-top:30px;font-size:10px;letter-spacing:2px;color:#b8a87d}.login-form{padding:55px 42px;align-self:center}.login-form h2{font-size:28px;margin:12px 0}.login-form form{margin-top:30px}.login-form .btn{width:100%;margin-top:8px}.login-form .footer-note{margin-top:25px;text-align:center}.login-form .field input{min-height:48px}html[dir=rtl] .login-eyebrow,html[dir=rtl] .login-seal{letter-spacing:0}html[dir=rtl] .sidebar a.active{box-shadow:inset -3px 0 #c6a15b}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-identity{min-height:0;padding:25px 28px}.login-logo{width:180px;height:90px;margin-bottom:12px}.login-identity h1{font-size:25px}.login-identity p,.login-seal{display:none}.login-form{padding:30px 28px}.top-actions{gap:6px;flex-wrap:wrap}.theme-toggle{padding:7px 9px}.brand-copy{max-width:160px}}@media(prefers-reduced-motion:reduce){.btn:hover{transform:none}}

.routing-box{padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-block:16px;font-size:13px}.routing-box p{margin:5px 0;overflow-wrap:anywhere}.routing-warning{border-color:var(--amber);color:var(--amber)}
/* v1.8: compact metrics, warm daylight surfaces and restrained motion. */
.dashboard-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(190px,1.3fr);gap:14px;margin-bottom:26px;align-items:stretch}.dashboard-metrics .stat{display:flex;flex-direction:column;justify-content:space-between;min-height:112px;padding:17px 18px;box-shadow:var(--shadow)}.dashboard-metrics .stat strong{font-size:clamp(22px,2vw,30px);line-height:1.55}.dashboard-metrics .stat:last-child strong{font-size:clamp(18px,1.65vw,25px)}.dashboard-metrics .stat span{letter-spacing:0;font-size:12px}.grid:has(>.stat){margin-bottom:24px}.budget-month-picker{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:20px}.budget-month-picker .field{flex:0 1 245px;width:245px;margin:0}.budget-month-picker .btn{flex:0 0 auto;min-width:105px;min-height:46px;margin-bottom:0}
:root[data-theme=light]{--bg:#f8f5ee;--card:#fffefb;--surface:#f7efd9;--line:#e5dac1;--gold:#85601c;--gold2:#bd9140;--shadow:0 8px 25px #a47b1910;--muted:#746952}:root[data-theme=light] body{background:radial-gradient(ellipse at 85% 0,#ffe3a64a,transparent 43%),radial-gradient(ellipse at 0 55%,#d4eee638,transparent 40%),var(--bg);background-attachment:fixed}:root[data-theme=light] .topbar{background:#fffdf6f5;box-shadow:0 3px 18px #a47b1910}:root[data-theme=light] .stat{background:linear-gradient(135deg,#fffefb,#fff7e4)}:root[data-theme=light] .stat.good{background:linear-gradient(135deg,#fffefb,#eef8f0)}:root[data-theme=light] .stat.bad{background:linear-gradient(135deg,#fffefb,#fff0e8)}:root[data-theme=light] .card{box-shadow:0 8px 26px #9f791010}:root[data-theme=light] .login-form{background:radial-gradient(ellipse at bottom right,#ffe1a034,transparent 70%)}
.btn,.theme-toggle,.tabs a,.sidebar a,.mobile-nav-panel a,.lang-switch a{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.btn{position:relative;overflow:hidden;isolation:isolate}.btn:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#f7d9922e 48%,transparent 75%);transform:translateX(-120%);transition:transform .5s ease;pointer-events:none;z-index:-1}.btn:hover:after{transform:translateX(120%)}.btn:hover,.theme-toggle:hover{background-color:var(--surface);border-color:var(--gold2);box-shadow:0 5px 18px #c29b462a;color:var(--gold);transform:translateY(-2px);filter:none}.btn.gold:hover{color:#221a08;box-shadow:0 6px 22px #c29b4650;background:linear-gradient(125deg,#f2d89a,#cda54d)}.btn.red:hover{background:#914334;color:#fff4e6;border-color:#d19c56}.btn:active,.theme-toggle:active{transform:translateY(0);box-shadow:0 2px 8px #c29b4620}.tabs a:hover,.lang-switch a:hover{background:var(--surface);color:var(--gold);border-color:var(--gold2)}.tabs a.active:hover,.lang-switch a.active:hover{background:var(--gold);color:var(--bg)}.field input,.field select,.field textarea{transition:border-color .2s,box-shadow .2s,background-color .2s}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--gold2)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold2);box-shadow:0 0 0 3px #c29b4625}.card{border-radius:18px}.badge{line-height:1.6}.table-wrap{border-radius:14px}table.data td{padding-block:14px}
.field-help-trigger{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;min-width:17px;padding:0;margin-inline-start:7px;border:1px solid var(--gold2);border-radius:50%;font:600 11px/1 Georgia,serif!important;color:var(--gold);background:transparent;vertical-align:middle;cursor:pointer;text-transform:none;letter-spacing:0}.field-help-trigger:hover,.field-help-trigger:focus-visible{background:var(--gold);color:var(--bg);outline:3px solid #c29b4620;outline-offset:2px}.field-help-dialog{background:var(--card);color:var(--text);border:1px solid var(--gold2);border-radius:20px;padding:25px;max-width:min(470px,calc(100vw - 32px));max-height:80vh;box-shadow:0 25px 90px #0005;line-height:1.9}.field-help-dialog::backdrop{background:#1118;backdrop-filter:blur(4px)}.field-help-dialog h2{font-size:19px;margin:0 0 14px}.field-help-dialog p{font-size:14px;white-space:pre-line;overflow-wrap:anywhere}.field-help-dialog .btn{margin-top:15px}.field-help-dialog .help-example{padding:12px 15px;border-radius:12px;background:var(--surface);border-inline-start:3px solid var(--gold2)}
@media(min-width:981px) and (max-width:1150px){.dashboard-metrics{gap:8px;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(150px,1.25fr)}.dashboard-metrics .stat{padding:12px 10px}.dashboard-metrics .stat:last-child strong{font-size:18px}}
@media(max-width:980px){.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-metrics .stat:last-child{grid-column:1/-1}}
@media(max-width:760px){.login-identity{align-items:center;text-align:center}.login-logo{align-self:center;margin-inline:auto}.login-identity h1,.login-identity .login-eyebrow{width:100%;text-align:center!important}}
@media(max-width:640px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-metrics .stat:last-child{grid-column:1/-1}.budget-month-picker .field{flex:0 1 220px;width:220px}.field-help-trigger{width:20px;height:20px;min-width:20px}}
@media(prefers-reduced-motion:reduce){.btn,.btn:after,.theme-toggle,.tabs a,.sidebar a,.lang-switch a,.field input,.field select,.field textarea{transition:none}.btn:hover,.theme-toggle:hover{transform:none}.btn:after{display:none}}
html[dir] .login-form input[name=username],html[dir] .login-form input[type=password],html[dir] input[name=recovery_email],html[dir] input[name=email]{direction:ltr!important;text-align:left!important;unicode-bidi:plaintext;font-family:Inter,Arial,sans-serif!important}.employee-portal .stat{display:flex;flex-direction:column;gap:13px;justify-content:space-between;min-height:135px}.employee-portal .stat strong{font-size:clamp(19px,1.8vw,25px);line-height:1.7;margin:0;font-variant-numeric:tabular-nums}.employee-portal .stat span{line-height:1.8;letter-spacing:0}.employee-portal .email-preview-inline{background:var(--card);padding:24px}.employee-portal .email-preview-inline>div{color:var(--text)!important}.employee-portal .report-metrics{width:100%!important;table-layout:fixed;border-collapse:separate!important;border-spacing:0 9px!important;margin:14px 0!important}.employee-portal .report-metrics td{padding:13px 18px!important;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:middle;font-size:14px!important;line-height:1.9}.employee-portal .report-metrics td:first-child{width:58%;color:var(--muted)!important;border-inline-start:1px solid var(--line);border-start-start-radius:11px;border-end-start-radius:11px}.employee-portal .report-metrics td:last-child{width:42%;font-weight:700;border-inline-end:1px solid var(--line);border-start-end-radius:11px;border-end-end-radius:11px}.employee-portal .email-preview-inline h2{padding-block:12px;border-bottom:1px solid var(--line)}:root[data-theme=dark] .employee-portal .report-metrics td:last-child{color:var(--text)}@media(max-width:640px){.employee-portal .report-metrics td{display:block;width:100%!important;border:1px solid var(--line)!important;border-radius:0!important}.employee-portal .report-metrics td:first-child{border-bottom:0!important;border-radius:10px 10px 0 0!important;padding-bottom:3px!important}.employee-portal .report-metrics td:last-child{border-top:0!important;border-radius:0 0 10px 10px!important;padding-top:3px!important;font-size:16px!important}.employee-portal .email-preview-inline{padding:14px}}
:root[data-theme=dark] .employee-portal .report-metrics [style*="color:#15803d"],:root[data-theme=dark] .employee-portal .report-comparison [style*="color:#15803d"]{color:var(--green)!important}:root[data-theme=dark] .employee-portal .report-metrics [style*="color:#b91c1c"],:root[data-theme=dark] .employee-portal .report-comparison [style*="color:#b91c1c"]{color:var(--red)!important}.employee-portal .report-comparison td,.employee-portal .report-comparison th{padding:12px 16px!important}.employee-portal .report-comparison th{background:var(--surface)!important;color:var(--muted)!important}
[data-period-panel][hidden]{display:none!important}#weekly-send form{max-width:820px}

/* Real-report destination cards */
.report-recipient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.report-recipient-box{min-width:0;border:1px solid var(--line);border-top:2px solid #c6a04b;border-radius:14px;padding:16px;background:rgba(198,160,75,.06)}
.report-recipient-box h3{font-size:.9rem;margin:0 0 12px}
.report-recipient-box ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.report-recipient-box li{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:rgba(198,160,75,.04);min-width:0}
.report-recipient-box li>span{display:block;text-align:left;overflow-wrap:anywhere;font-size:.9rem;line-height:1.6}
@media(max-width:640px){.report-recipient-grid{grid-template-columns:minmax(0,1fr)}}

.employee-month-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.employee-month-toolbar form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.employee-month-toolbar .field{width:230px;max-width:100%;margin:0}.employee-month-toolbar p{flex-basis:100%;margin:0}.employee-shortcuts{margin:20px 0}.employee-shortcuts .card{display:flex;align-items:center;justify-content:space-between;text-decoration:none;margin:0;padding:20px;transition:transform .2s,box-shadow .2s}.employee-shortcuts .card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #b58d3d26}.employee-portal .stat strong{overflow-wrap:anywhere;font-size:clamp(18px,1.6vw,26px)}@media(prefers-reduced-motion:reduce){.employee-shortcuts .card{transition:none}.employee-shortcuts .card:hover{transform:none}}