:root{color-scheme:light;--bg:#f6f7f9;--surface:#fff;--surface2:#fafafb;--ink:#20232c;--muted:#646a79;--line:#e9ebef;--orange:#b84e16;--accent:#f28b48;--accent-soft:#fff1e6;--green:#147858;--green-soft:#eaf7f0;--red:#b44145;--red-soft:#fcecef;--blue:#3567a3;--blue-soft:#edf3fc;--shadow:0 8px 28px #1a223607;--sidebar:#191c25;--focus:#aa4819;--grid:#fff8f2}
html[data-theme=dark]{color-scheme:dark;--bg:#13151c;--surface:#1c1f28;--surface2:#222530;--ink:#edeef3;--muted:#abb1c0;--line:#323643;--orange:#ffb080;--accent:#f29a60;--accent-soft:#382b23;--green:#7ddab7;--green-soft:#1e342d;--red:#f09aab;--red-soft:#37272f;--blue:#a6c7f7;--blue-soft:#243044;--shadow:0 8px 30px #00000015;--sidebar:#171921;--focus:#ffb584;--grid:#30271f}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 'Segoe UI',system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus)}a{color:var(--orange)}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button{border:0;background:none;color:inherit}h1,h2,h3,p{margin:0}h1{font-size:2.875rem;letter-spacing:-1.2px;line-height:1.25;font-weight:650}h2{font-size:1.5625rem;font-weight:650;letter-spacing:-.25px}h3{font-size:1.25rem;font-weight:650}small,.muted{color:var(--muted)}small{font-size:1.0625rem}svg.icon{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:var(--surface);padding:12px}.skip-link:focus{top:16px}.boot{height:100vh;display:grid;place-content:center;gap:20px;text-align:center}.spinner{width:30px;height:30px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;display:inline-block;animation:spin .8s linear infinite;justify-self:center}@keyframes spin{to{transform:rotate(360deg)}}
.layout{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);color:#d4d8e1;padding:30px 16px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:224px;z-index:20}.brand{display:flex;gap:9px;align-items:center;padding:0 12px 30px}.brand-mark{width:47px;height:42px;overflow:hidden;flex-shrink:0}.brand-mark img{height:42px;width:auto;max-width:none}.wordmark{font-size:1.75rem;letter-spacing:.5px;font-weight:750;color:#fff}.wordmark small{display:block;font-size:0.9375rem;font-weight:400;letter-spacing:3.5px;color:#b0b4c0;margin-top:0}.nav-title{padding:12px 15px 9px;font-size:0.9375rem;letter-spacing:1.6px;font-weight:650;color:#9298aa}.nav{display:flex;flex-direction:column;gap:5px}.nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border-radius:9px;padding:12px 15px;color:#bfc4d0;font-size:1.125rem;min-height:44px}.nav button:hover{background:#ffffff09;color:#fff}.nav button.active{color:#ffb98e;background:#f28b481d}.nav .nav-count{margin-left:auto;font-size:0.9375rem;background:#f28b4826;color:#ffd4b7;border-radius:5px;padding:1px 6px}.sidebar-bottom{margin-top:auto;padding-top:30px}.local-note{margin:12px 10px 20px;border:1px solid #ffffff11;border-radius:9px;padding:12px;font-size:1rem;color:#b2b8c8}.local-note strong{color:#e7eaf1;font-weight:500;display:block;margin-bottom:3px}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#84c7a3;margin-right:6px}.profile{display:flex;align-items:center;gap:9px;padding:14px 10px 0;border-top:1px solid #ffffff12}.profile-text{min-width:0;flex:1}.profile strong{color:#fff;font-size:1.0625rem;font-weight:550;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile small{font-size:0.9375rem;color:#a2aaba}.profile .icon-btn{color:#a9afbf}.content{grid-column:2;min-width:0}.topbar{min-height:74px;padding:0 38px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);background:var(--surface)}.breadcrumb{font-size:1.0625rem;color:var(--muted);display:flex;align-items:center;gap:12px}.breadcrumb strong{font-weight:500;color:var(--ink)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.topbar .top-date{color:var(--muted);font-size:1.0625rem}.theme-switch{min-width:40px;min-height:40px;border:1px solid var(--line);border-radius:8px}.theme-switch:hover{background:var(--surface2)}.theme-switch .icon{width:17px;height:17px}.search{position:relative}.search input{border:1px solid var(--line);border-radius:7px;padding:9px 12px 9px 34px;width:210px;background:var(--surface2);color:var(--ink);font-size:1.0625rem}.search svg{position:absolute;left:10px;top:10px;width:16px;color:var(--muted)}.mobile-menu{display:none}.page{padding:32px 38px 45px;max-width:1720px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading p{color:var(--muted);font-size:1.125rem;margin-top:8px}.eyebrow{font-size:0.9375rem;text-transform:uppercase;letter-spacing:1.9px;font-weight:650;color:var(--orange);margin-bottom:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:1.0625rem;font-weight:550;text-decoration:none;white-space:nowrap;color:var(--ink)}.button:hover{background:var(--surface2);border-color:var(--muted)}.button.primary{background:var(--accent);color:#241a12;border-color:transparent}.button.primary:hover{filter:brightness(.95)}.button.success{background:var(--green-soft);color:var(--green);border-color:transparent}.button.danger{background:var(--red-soft);color:var(--red);border-color:transparent}.button.compact{padding:5px 9px;min-height:32px;font-size:1rem}.button svg{width:16px;height:16px}.text-button{color:var(--orange);font-size:1.0625rem;display:inline-flex;align-items:center;gap:5px;padding:6px 0}.text-button:hover{text-decoration:underline}.icon-btn{width:32px;height:32px;border-radius:6px;display:inline-grid;place-items:center}.icon-btn:hover{background:var(--surface2)}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:5px;font-size:0.9375rem;font-weight:600;border-radius:5px;padding:4px 7px;color:var(--muted);background:var(--surface2);white-space:nowrap}.badge.pending,.badge.planned{background:var(--accent-soft);color:var(--orange)}.badge.approved,.badge.issued,.badge.paid{background:var(--green-soft);color:var(--green)}.badge.rejected{background:var(--red-soft);color:var(--red)}.badge.cancelled{background:var(--surface2);color:var(--muted)}.badge.blue{background:var(--blue-soft);color:var(--blue)}.badge.demo{background:var(--accent-soft);color:var(--orange);font-size:0.9375rem}.avatar{width:34px;height:34px;display:inline-grid;place-items:center;background:var(--blue-soft);color:var(--blue);border-radius:50%;font-size:1rem;font-weight:650;flex-shrink:0}.avatar.orange{color:var(--orange);background:var(--accent-soft)}.avatar.green{color:var(--green);background:var(--green-soft)}.avatar.purple{color:#806ca4;background:#f0edf6}html[data-theme=dark] .avatar.purple{color:#c5b5e0;background:#322b41}.person{display:flex;gap:10px;align-items:center;min-width:140px}.person strong{display:block;font-size:1.0625rem;font-weight:600}.person small{display:block;font-size:0.9375rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;gap:14px}.card-head small{display:block;margin-top:4px}.card-body{padding:0 24px 24px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat{padding:20px}.stat-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:1rem}.stat-label svg{margin-left:auto;color:var(--muted);width:17px}.stat-value{font-size:2.5rem;font-weight:650;letter-spacing:-.9px;line-height:1.25;margin:13px 0 8px}.stat-foot{font-size:0.9375rem;color:var(--muted)}.stat-foot .positive{color:var(--green)}.stat.highlight{border-color:var(--accent);background:linear-gradient(130deg,var(--surface),var(--accent-soft))}.grid-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px;margin-bottom:22px}.intro-card{position:relative;overflow:hidden;background:linear-gradient(110deg,#242632,#1c1e27);color:#fff;padding:26px 30px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;min-height:124px;border:1px solid #ffffff10;border-radius:12px}.intro-card h2{font-size:1.875rem;letter-spacing:-.6px}.intro-card p{font-size:1.0625rem;color:#bac0cf;margin:9px 0 0;max-width:470px}.intro-card .intro-art{position:absolute;right:28px;top:8px;width:210px;height:150px;opacity:.6;transform:rotate(-18deg);background:repeating-linear-gradient(90deg,transparent 0 25px,#ed984a35 25px 26px),repeating-linear-gradient(0deg,transparent 0 25px,#ed984a35 25px 26px);mask-image:linear-gradient(90deg,transparent,#000)}.intro-card .intro-number{display:flex;align-items:center;gap:15px;position:relative;z-index:1;color:#ffd2b1}.intro-number strong{font-size:2.875rem;font-weight:500;line-height:1}.intro-number span{font-size:1rem;max-width:80px;line-height:1.5}.request-row{display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid var(--line)}.request-row .details{min-width:0;flex:1}.request-row h3{font-size:1.0625rem;margin-bottom:4px}.request-row p{font-size:1rem;color:var(--muted)}.request-row small{font-size:0.9375rem}.request-row .request-actions{display:flex;gap:7px;align-items:center}.request-row .reason{display:block;margin-top:6px;color:var(--red)}.request-row .overlap{color:var(--orange);margin-top:5px;font-size:0.9375rem}.request-row .icon-btn svg{width:17px}.card-footer{border-top:1px solid var(--line);padding:12px 24px;font-size:1rem;color:var(--muted)}.mini-upcoming{padding:12px 24px;display:flex;gap:12px;align-items:center}.mini-upcoming .date-box{background:var(--surface2);border:1px solid var(--line);border-radius:8px;min-width:44px;text-align:center;padding:7px 6px}.date-box strong{display:block;font-size:1.375rem;line-height:1.3}.date-box small{font-size:0.9375rem;text-transform:uppercase}.mini-upcoming .info{flex:1}.mini-upcoming .info strong{font-size:1.0625rem;display:block}.mini-upcoming .info small{font-size:0.9375rem}.legend{display:flex;gap:18px;font-size:0.9375rem;color:var(--muted);align-items:center;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:2px;display:inline-block;background:var(--green)}.dot.orange{background:var(--accent)}.dot.gray{background:var(--line)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 20px;flex-wrap:wrap}.month-picker{display:flex;align-items:center;gap:12px}.month-picker input{width:164px}.month-picker strong{font-size:1.125rem;min-width:120px}.input,select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=file]){border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px;min-height:39px;padding:8px 11px}.search input:not([type=checkbox]){padding-left:34px;min-height:35px}.filter-input{max-width:260px;width:100%}.tabs{display:flex;gap:5px;background:var(--surface2);padding:4px;border-radius:8px;border:1px solid var(--line)}.tabs button{padding:7px 12px;border-radius:6px;font-size:1rem;color:var(--muted)}.tabs button.active{background:var(--surface);box-shadow:0 1px 5px #0000000b;color:var(--ink)}.table-wrap{overflow:auto;max-width:100%;border-radius:0 0 12px 12px}table{border-collapse:collapse;width:100%;font-size:1.0625rem;text-align:left}thead{background:var(--surface2);color:var(--muted);font-size:0.9375rem}th{font-weight:550;padding:11px 20px;white-space:nowrap}td{padding:15px 20px;border-top:1px solid var(--line);vertical-align:middle}tbody tr:hover{background:var(--surface2)}td.numeric{text-align:right;font-variant-numeric:tabular-nums}th.numeric{text-align:right}.table-subtitle{display:block;font-size:0.9375rem;color:var(--muted);margin-top:4px}.balance-bar{height:4px;background:var(--line);border-radius:4px;overflow:hidden;max-width:95px;margin-top:6px}.balance-bar div{height:100%;background:var(--accent);border-radius:4px}.large-balance{font-weight:650;color:var(--green);font-size:1.375rem}.calendar-wrap{overflow:auto;max-height:540px;border-radius:0 0 12px 12px}.calendar{table-layout:fixed;min-width:1050px}.calendar th,.calendar td{padding:0;height:46px;text-align:center;border-right:1px solid var(--line);width:28px;position:relative}.calendar thead th{height:46px;line-height:1.5;position:sticky;top:0;z-index:3}.calendar th:first-child,.calendar td:first-child{width:170px;text-align:left;position:sticky;left:0;z-index:2;background:var(--surface);padding:12px 15px;border-right:1px solid var(--line)}.calendar th:first-child{background:var(--surface2);z-index:4}.calendar th small{display:block;font-size:0.9375rem}.calendar th.today,.calendar td.today{background:var(--grid)}.calendar .weekend{background:var(--surface2);color:var(--muted)}.calendar .holiday{background:var(--blue-soft)}.calendar .leave-cell{background:var(--green-soft)}.calendar .leave-cell button{color:var(--green);width:100%;height:26px;background:var(--green-soft);font-size:0.9375rem;position:relative;z-index:1}.calendar .leave-cell.pending{background:var(--accent-soft)}.calendar .leave-cell.pending button{color:var(--orange);background:repeating-linear-gradient(135deg,var(--accent-soft),var(--accent-soft) 5px,var(--surface) 5px,var(--surface) 6px)}.calendar .person{min-width:0;gap:8px}.calendar .person strong{font-size:0.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.calendar .avatar{width:24px;height:24px;font-size:0.9375rem}.calendar-foot{padding:16px 24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line)}.chart{display:flex;gap:12px;align-items:flex-end;height:180px;padding:12px 0 0}.chart-column{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;flex:1;height:100%;min-width:0}.chart-bar{background:var(--accent);width:min(44px,75%);border-radius:5px 5px 0 0;min-height:2px}.chart-column small{font-size:0.9375rem}.chart-column strong{font-size:0.9375rem;font-weight:550;white-space:nowrap}.audit-row{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.audit-row:last-child{border:0}.audit-row .audit-icon{width:27px;height:27px;display:grid;place-items:center;background:var(--surface2);border-radius:7px;color:var(--muted);flex-shrink:0}.audit-icon svg{width:14px}.audit-row strong{font-size:1rem;font-weight:550;display:block}.audit-row p{font-size:0.9375rem;color:var(--muted);margin-top:3px}.audit-row small{font-size:0.9375rem;display:block;margin-top:4px}.notice{padding:13px 16px;border:1px solid var(--line);background:var(--surface2);color:var(--muted);border-radius:8px;font-size:1.0625rem;display:flex;gap:10px;align-items:flex-start;line-height:1.6}.notice.orange{background:var(--accent-soft);color:var(--orange);border-color:transparent}.notice.green{background:var(--green-soft);color:var(--green);border-color:transparent}.notice+.card{margin-top:18px}.notice svg{flex-shrink:0;margin-top:2px}.empty{text-align:center;padding:38px 20px;color:var(--muted);font-size:1.0625rem}.empty .empty-icon{display:inline-grid;place-items:center;width:45px;height:45px;border-radius:12px;background:var(--surface2);margin-bottom:13px}.empty strong{display:block;font-size:1.25rem;color:var(--ink);font-weight:550;margin-bottom:6px}.empty .button{margin-top:16px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field>span,.field>label{font-size:1rem;font-weight:550}.field.full{grid-column:1/-1}.field small{font-size:0.9375rem;line-height:1.6}.field input,.field select,.field textarea{width:100%}.field textarea{min-height:76px;resize:vertical}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:1.0625rem;min-height:30px}.checkbox-label input{accent-color:var(--accent);width:16px;height:16px}.weekdays{display:flex;gap:10px;flex-wrap:wrap}.weekdays label{display:flex;align-items:center;gap:5px;font-size:1rem;min-height:32px}.weekdays input{accent-color:var(--accent)}.divider{grid-column:1/-1;height:1px;background:var(--line);margin:6px 0}.form-error{font-size:1.0625rem;color:var(--red);background:var(--red-soft);border-radius:7px;padding:10px 12px;margin-bottom:14px;display:none}.form-error:empty{display:none}.form-error:not(:empty){display:block}.settings-section{margin-bottom:20px}.settings-section h3{margin-bottom:10px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-row strong{font-size:1.0625rem;display:block}.setting-row p{font-size:1rem;color:var(--muted);margin-top:4px}.feature-list{padding:0;list-style:none}.feature-list li{padding:14px 0;border-bottom:1px solid var(--line)}.feature-list li:last-child{border-bottom:0}.feature-list strong{font-size:1.0625rem;display:block}.feature-list p{font-size:1rem;color:var(--muted);margin-top:4px}.feature-list a{font-size:0.9375rem}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:#1b1e28;color:#fff;padding:48px 60px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-brand .brand{padding:0}.login-brand h1{font-size:3.25rem;letter-spacing:-2px;max-width:460px;line-height:1.15;margin-bottom:20px}.login-brand h1 em{font-style:normal;color:#ffae75}.login-brand p{font-size:1.25rem;line-height:1.8;color:#bfc5d3;max-width:420px}.login-brand .login-benefits{display:flex;gap:25px;margin-top:35px;font-size:1rem;color:#d1d6e0;flex-wrap:wrap}.login-benefits span{display:flex;gap:8px;align-items:center}.login-benefits svg{color:#ffaf79;width:16px}.login-brand footer{font-size:0.9375rem;color:#999fae;margin-top:60px;letter-spacing:1px}.login-main{display:grid;place-items:center;padding:50px 40px;background:var(--bg)}.login-card{width:100%;max-width:380px}.login-card h2{font-size:2.125rem;letter-spacing:-.7px;margin-bottom:8px}.login-card>p{color:var(--muted);font-size:1.125rem;margin-bottom:26px}.login-form{display:flex;flex-direction:column;gap:16px}.login-form .button{width:100%;margin-top:4px}.login-card .login-foot{margin-top:24px;color:var(--muted);font-size:1rem}.login-theme{position:absolute;right:22px;top:20px;background:var(--surface);z-index:2}.login-demo{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.login-demo p{font-size:1rem;color:var(--muted);margin-bottom:10px}.login-demo .button{margin-bottom:8px;width:100%}.modal-title-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px 25px 15px}.modal-title-row h2{font-size:1.875rem}.modal-subtitle{padding:0 25px 20px;color:var(--muted);font-size:1.0625rem}dialog{width:min(580px,calc(100vw - 32px));max-height:90vh;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 24px 100px #0000003f}dialog::backdrop{background:#11152288;backdrop-filter:blur(4px)}.modal-form{padding:0 25px 24px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.file-drop{border:1px dashed var(--muted);background:var(--surface2);border-radius:9px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:1.0625rem}.file-drop svg{color:var(--orange);width:24px;height:24px}.file-drop input{font-size:1rem;max-width:100%}.leave-preview{border:1px solid var(--line);border-radius:8px;padding:12px 15px;background:var(--surface2);font-size:1rem}.leave-preview strong{color:var(--orange);font-size:1.375rem;margin-right:6px}.payment-detail{padding:15px;background:var(--surface2);border-radius:9px;margin-bottom:18px;font-size:1.0625rem}.payment-detail strong{font-size:1.875rem;display:block;margin-top:5px}.payment-list{margin-top:14px}.payment-list p{display:flex;justify-content:space-between;font-size:1rem;padding:8px 0;border-top:1px solid var(--line)}#toast{position:fixed;right:28px;bottom:25px;z-index:90;background:var(--ink);color:var(--surface);padding:14px 19px;border-radius:10px;box-shadow:0 12px 40px #0002;max-width:min(430px,calc(100vw - 32px));font-size:1.0625rem;transform:translateY(100px);opacity:0;transition:.2s;pointer-events:none}#toast.visible{transform:translateY(0);opacity:1}#toast.error{background:var(--red);color:var(--surface)}.section-gap{margin-top:22px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.meta-footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:0.9375rem;margin-top:30px}.mobile-backdrop{display:none}
@media(min-width:1500px){.page{padding:38px 50px}.topbar{padding:0 50px}.grid-main{grid-template-columns:1.7fr 1fr}.stat-value{font-size:2.375rem}}
@media(max-width:1150px){.stats{gap:12px}.page{padding:26px}.topbar{padding:0 26px}.grid-main{grid-template-columns:1.4fr 1fr}.stat{padding:16px}.stat-value{font-size:2.125rem}.search{display:none}.request-row{padding:14px 18px;flex-wrap:wrap}.request-actions{margin-left:auto}.intro-number{display:none!important}}
@media(max-width:900px){.layout{grid-template-columns:190px minmax(0,1fr)}.sidebar{width:190px;padding:25px 10px 18px}.brand{padding:0 9px 25px;gap:5px}.wordmark{font-size:1.375rem}.brand-mark{width:40px;height:36px}.brand-mark img{height:36px}.nav button{font-size:1.0625rem;padding:11px 12px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-main,.settings-grid,.report-grid{grid-template-columns:1fr}.top-date{display:none}.page-heading{align-items:flex-start}.page-heading h1{font-size:2.5rem}.intro-card{padding:23px}}
@media(max-width:650px){.layout{display:block}.sidebar{transform:translateX(-100%);width:225px;transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-backdrop.open{display:block;position:fixed;inset:0;background:#1117;z-index:19}.mobile-menu{display:inline-grid;place-items:center;width:35px;height:35px}.content{width:100%}.topbar{padding:12px 16px;min-height:64px;gap:8px}.topbar-right{gap:7px}.breadcrumb{gap:7px;font-size:0.9375rem}.page{padding:24px 16px}.page-heading{gap:14px;flex-direction:column;margin-bottom:20px}.page-heading .actions{width:100%}.page-heading h1{font-size:2.5rem}.page-heading p{font-size:1.0625rem}.stats{gap:10px;margin-bottom:18px}.stat{padding:15px}.stat-value{font-size:2.125rem}.stat-label{font-size:0.9375rem}.stat-label svg{width:15px}.stat-foot{font-size:0.9375rem}.intro-card{padding:22px;margin-bottom:18px}.intro-card h2{font-size:1.75rem}.intro-card p{max-width:280px;font-size:1rem}.intro-art{opacity:.15!important}.grid-main{gap:18px}.card-head{padding:18px}.card-head h2{font-size:1.375rem}.card-body{padding:0 18px 18px}.request-row{padding:16px 18px;gap:9px}.request-row .badge{margin-left:auto}.request-actions{width:100%;justify-content:flex-end}.calendar th:first-child,.calendar td:first-child{width:145px}.calendar .person strong{max-width:80px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-title-row{padding:20px 20px 12px}.modal-subtitle{padding:0 20px 18px}.modal-form{padding:0 20px 20px}.login-layout{display:block}.login-brand{padding:27px 25px 30px;min-height:260px;gap:30px}.login-brand h1{font-size:2.5rem;max-width:300px;margin-bottom:12px}.login-brand p{font-size:1.0625rem;max-width:300px}.login-brand footer,.login-benefits{display:none!important}.login-main{padding:32px 24px}.login-theme{top:20px;right:16px}.login-card h2{font-size:2.125rem}.toolbar{gap:14px}.tabs{overflow:auto;max-width:100%}.tabs button{padding:7px 10px;white-space:nowrap}.month-picker{gap:6px}.month-picker input{width:150px}.meta-footer{flex-direction:column;gap:6px}td{padding:13px 16px}th{padding:10px 16px}.settings-section .actions{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:650px){.topbar [data-action=demo-switch]{font-size:0;gap:0;min-width:36px;padding:8px}.topbar [data-action=demo-switch] .icon{width:17px;height:17px}.topbar-right{flex-shrink:0}.breadcrumb{min-width:0;white-space:nowrap}.breadcrumb strong{overflow:hidden;text-overflow:ellipsis;max-width:100px}.topbar{gap:6px}.topbar-right{gap:6px}}

/* Compact voucher list: one employee per row in both themes. */
.voucher-page .page-heading{margin-bottom:20px}
.voucher-page .page-heading h1{font-size:2.5rem;letter-spacing:-.7px}
.voucher-page .toolbar{padding:0 0 14px}
.voucher-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px 28px;padding:12px 16px;margin-bottom:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);font-size:1rem;color:var(--muted)}
.voucher-summary span{display:inline-flex;align-items:baseline;gap:9px;white-space:nowrap}
.voucher-summary strong{color:var(--ink);font-size:1.125rem;font-weight:650;font-variant-numeric:tabular-nums}
.voucher-list{box-shadow:none;overflow:hidden}
.voucher-list .table-wrap{border-radius:11px}
.voucher-table{min-width:840px;font-size:1.0625rem}
.voucher-table th,.voucher-table td{padding:12px 14px}
.voucher-table thead th{font-size:1rem;height:42px}
.voucher-table tbody th{border-top:1px solid var(--line);font-weight:600;text-align:left;white-space:nowrap}
.voucher-table td:not(.voucher-note){white-space:nowrap}
.voucher-table .voucher-note{min-width:110px;max-width:240px;color:var(--muted);overflow-wrap:anywhere;font-size:1rem}
.voucher-table .numeric{min-width:90px}
.voucher-table tfoot{background:var(--surface2)}
.voucher-table tfoot th,.voucher-table tfoot td{border-top:1px solid var(--line);font-size:1rem}
@media(max-width:650px){.voucher-page .page-heading{gap:12px;margin-bottom:18px}.voucher-page .page-heading h1{font-size:2.375rem}.voucher-summary{gap:8px 18px;padding:10px 12px}.voucher-table th,.voucher-table td{padding:11px 12px}}