@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--bg:#07070e;--surface:#0f0f1e;--surface-2:#161628;--surface-3:#1e1e38;--surface-hover:rgba(110,110,220,0.05);--ink:#e4e4f0;--muted:#5e5e8c;--muted-strong:#9898c4;--line:rgba(120,120,200,0.1);--line-soft:rgba(120,120,200,0.06);--line-strong:rgba(120,120,200,0.16);--brand:#2563eb;--brand-dark:#1d4ed8;--brand-light:#60a5fa;--brand-soft:rgba(37,99,235,0.12);--brand-ring:rgba(37,99,235,0.28);--ok:#34d399;--ok-bg:rgba(52,211,153,0.1);--ok-border:rgba(52,211,153,0.28);--warn:#f87171;--warn-bg:rgba(248,113,113,0.1);--warn-border:rgba(248,113,113,0.28);--amber:#fbbf24;--amber-bg:rgba(251,191,36,0.1);--amber-border:rgba(251,191,36,0.28);--focus:rgba(37,99,235,0.32);--r:12px;--r-sm:8px;--shadow:0 8px 40px rgba(0,0,0,0.55);--shadow-sm:0 2px 16px rgba(0,0,0,0.4)}*,:after,:before{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI Variable,Segoe UI,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";font-size:14px;line-height:1.5;margin:0}button,input,select,textarea{font:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(120,120,200,.28)}.app,.sidebar{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#0d0c1e,#090810);border-right:1px solid var(--line);flex:0 0 220px;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;z-index:20}.sidebar-logo{align-items:center;border-bottom:1px solid var(--line-soft);display:flex;gap:11px;padding:22px 18px}.brand-mark,.login-brand-mark,.sidebar-avatar,.sidebar-logo-mark{align-items:center;color:white;display:inline-flex;flex:0 0 auto;font-weight:700;justify-content:center}.brand-mark,.login-brand-mark,.sidebar-logo-mark{background:linear-gradient(135deg,var(--brand) 0,var(--brand-light) 100%);border-radius:8px;box-shadow:0 4px 14px rgba(37,99,235,.45)}.sidebar-logo-mark{font-size:14px;height:32px;width:32px}.sidebar-logo-name{color:white;font-size:14px;font-weight:600;letter-spacing:-.015em}.sidebar-nav{flex:1 1;padding:8px 10px}.sidebar-nav-label{color:var(--muted);display:block;font-size:10px;font-weight:600;letter-spacing:.08em;padding:16px 8px 6px;text-transform:uppercase}.sidebar-nav-item{align-items:center;border-radius:8px;color:var(--muted-strong);display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:2px;padding:9px 10px;text-decoration:none;transition:background .15s,color .15s}.sidebar-nav-item:hover{background:rgba(37,99,235,.07);color:var(--ink)}.sidebar-nav-item.active{background:var(--brand-soft);color:var(--brand-light)}.sidebar-nav-item.active svg{color:var(--brand)}.sidebar-avatar{background:linear-gradient(135deg,var(--brand) 0,var(--brand-light) 100%);border-radius:50%;box-shadow:0 2px 8px rgba(37,99,235,.4);font-size:12px;height:30px;width:30px}.sidebar-user{align-items:center;border-top:1px solid var(--line-soft);display:flex;gap:10px;padding:14px 12px}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{color:var(--ink);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:var(--muted);font-size:11px;margin-top:2px;text-transform:capitalize}.main{display:flex;flex:1 1;flex-direction:column;min-width:0}.topbar{align-items:center;background:rgba(7,7,14,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;padding:16px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.topbar-title{color:var(--ink);font-size:17px;font-weight:600;letter-spacing:-.02em;margin:0}.topbar-subtitle{color:var(--muted);font-size:12px;margin:2px 0 0}.page-body{flex:1 1;padding:24px 28px 40px}.shell{margin:0 auto;max-width:1100px;padding:28px}.topbar-pill{border-bottom:1px solid var(--line);gap:16px;justify-content:space-between;margin-bottom:28px;padding:0 0 20px}.brand-lockup,.topbar-pill{align-items:center;display:flex}.brand-lockup{gap:12px}.brand-mark{font-size:14px;height:34px;width:34px}.title h1{color:var(--ink);font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0}.title p{color:var(--muted);font-size:12px;margin:3px 0 0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px}.panel h2{color:var(--ink);font-size:14px;font-weight:600;letter-spacing:-.01em;margin:0 0 16px}.tabs{border-bottom:1px solid var(--line);display:flex;gap:0;overflow-x:auto}.tab{align-items:center;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:-1px;min-height:46px;padding:0 18px 10px;transition:color .15s,border-color .15s;white-space:nowrap}.tab:not(:disabled):hover{background:transparent;border-color:transparent;color:var(--ink)}.tab.active,.tab.active:hover{border-bottom-color:var(--brand);color:var(--ink)}.tab-count{background:var(--surface-2);border-radius:999px;color:var(--muted-strong);font-size:11px;font-weight:600;padding:2px 7px}.tab.active .tab-count{background:var(--brand-soft);color:var(--brand-light)}.expense-table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.expense-table-header{display:flex;gap:12px;justify-content:space-between}.expense-row,.expense-table-header{align-items:center;border-bottom:1px solid var(--line-soft);padding:14px 20px}.expense-row{cursor:pointer;display:grid;grid-gap:16px;gap:16px;grid-template-columns:28px 52px 1fr 120px 120px 32px;transition:background .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.expense-row.finance-row{cursor:default;grid-template-columns:28px 52px 1fr 130px 140px 110px;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.expense-row:last-child{border-bottom:0}.expense-row:hover{background:var(--surface-hover)}.select-cell{align-items:center;display:flex;justify-content:center;min-width:28px}.select-box{background:transparent;border:0;color:var(--muted);min-height:28px;padding:4px}.select-box:not(:disabled):hover{background:var(--surface-hover);color:var(--brand-light)}.expense-thumb{aspect-ratio:4/3;border:1px solid var(--line);border-radius:6px;object-fit:cover;width:52px}.expense-merchant{color:var(--ink);font-size:14px;font-weight:600;letter-spacing:-.01em}.expense-date,.expense-employee{color:var(--muted);font-size:12px}.expense-employee{margin-top:2px}.expense-amount{color:var(--ink);font-size:15px;font-weight:600;letter-spacing:-.02em;text-align:right}.expense-date{color:var(--muted);font-size:12px;margin-top:3px}.expense-meta{text-align:right}.chevron{color:var(--muted);display:flex;justify-content:flex-end;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.chevron.open{transform:rotate(180deg)}.expense-detail{animation:slideDown .2s cubic-bezier(.4,0,.2,1);background:var(--surface-2);border-bottom:1px solid var(--line-soft);display:grid;grid-gap:24px;gap:24px;grid-template-columns:150px 1fr 1fr;padding:22px 22px 22px 88px}.expense-detail:last-child{border-bottom:0}.expense-detail-image{aspect-ratio:4/3;border:1px solid var(--line);border-radius:8px;object-fit:cover;width:100%}a.btn,button{align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:7px;justify-content:center;min-height:38px;padding:8px 16px;text-decoration:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,opacity .15s,filter .15s;white-space:nowrap}button{background:var(--surface-2);border:1px solid var(--line-strong);color:var(--muted-strong)}button:not(:disabled):hover{background:var(--surface-3);border-color:var(--line-strong);color:var(--ink)}a.btn,button.secondary{background:transparent;border:1px solid var(--line-strong);color:var(--muted-strong)}a.btn:hover,button.secondary:not(:disabled):hover{background:var(--surface-2);border-color:rgba(120,120,200,.25);color:var(--ink)}button.primary{background:linear-gradient(135deg,var(--brand) 0,var(--brand-light) 100%);border:1px solid transparent;color:white;font-weight:600}button.primary:not(:disabled):hover{box-shadow:0 4px 22px rgba(37,99,235,.5);filter:brightness(1.1)}button.ghost{background:transparent;border:0;color:var(--muted);min-height:32px;padding:6px 8px}button.ghost:not(:disabled):hover{background:var(--surface-hover);color:var(--ink)}button.danger{background:linear-gradient(135deg,#e53e3e,#fc8181);border:1px solid transparent;color:white;font-weight:600}button.danger:not(:disabled):hover{box-shadow:0 4px 18px rgba(248,113,113,.45);filter:brightness(1.08)}button.lg{font-size:14px;min-height:44px;padding:10px 24px}button:disabled{cursor:not-allowed;opacity:.38}a.btn:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px var(--focus);outline:none}input,select,textarea{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink);font-size:14px;min-height:42px;padding:9px 12px;transition:border-color .15s,box-shadow .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring);outline:none}input::placeholder,textarea::placeholder{color:var(--muted)}textarea{min-height:78px;resize:vertical}label{color:var(--muted-strong);display:block;font-size:12px;font-weight:500;letter-spacing:.01em;margin-bottom:14px}label input,label textarea{margin-top:6px}.badge{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.02em;padding:3px 10px;text-transform:capitalize}.badge:before{border-radius:50%;content:"";display:block;flex:0 0 auto;height:5px;width:5px}.badge.pending{background:var(--amber-bg);border-color:var(--amber-border);color:var(--amber)}.badge.pending:before{background:var(--amber);box-shadow:0 0 5px var(--amber)}.badge.approved{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok)}.badge.approved:before{background:var(--ok);box-shadow:0 0 5px var(--ok)}.badge.rejected{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn)}.badge.rejected:before{background:var(--warn);box-shadow:0 0 5px var(--warn)}.badge.paid{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok)}.badge.paid:before{background:var(--ok);box-shadow:0 0 5px var(--ok)}.data-list{display:grid;grid-gap:8px;gap:8px}.data-row{border-bottom:1px solid var(--line-soft);display:flex;gap:14px;justify-content:space-between;padding-bottom:8px}.data-row:last-child{border-bottom:0;padding-bottom:0}.data-row strong{color:var(--ink);font-weight:600;text-align:right}.actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.muted{color:var(--muted)}.grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.toolbar{margin-bottom:14px;max-width:520px}.filter-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(140px,1fr));max-width:none;padding:14px}.check-row,.filter-panel input,.filter-panel select{min-height:38px}.check-row{align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--muted-strong);display:flex;gap:8px;margin:0;padding:8px 10px}.check-row input{min-height:auto;width:auto}.date-filter{align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);display:grid;grid-gap:6px;gap:6px;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);min-height:38px;padding:4px 6px 4px 10px}.date-filter span{color:var(--muted);font-size:12px;font-weight:600}.date-filter input{background:var(--surface);min-height:30px;padding:5px 8px}.metric-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.group-summary,.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px}.metric-card{display:grid;grid-gap:4px;gap:4px;min-height:104px}.metric-label{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.group-summary strong,.metric-card strong{color:var(--ink);font-size:22px;font-weight:700;letter-spacing:-.03em}.group-summary-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:0 0 16px}.group-summary{display:flex;gap:12px;justify-content:space-between}.group-summary-meta{align-items:flex-end;color:var(--muted);display:flex;flex-direction:column;font-size:12px;gap:4px;text-align:right}.group-summary-meta span{align-items:center;display:inline-flex;gap:4px}.bulk-bar{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:10px}.analytics-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.period-panel{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;padding:12px}.period-panel select{max-width:220px}.period-panel .date-filter{min-width:min(100%,330px)}.analytics-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px}.analytics-panel h2{color:var(--ink);font-size:14px;font-weight:600;margin:0 0 14px}.chart-list{display:grid;grid-gap:13px;gap:13px}.chart-row{display:grid;grid-gap:5px;gap:5px}.chart-row-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.chart-row-head span{color:var(--ink);font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-row-head strong{color:var(--muted-strong);font-size:12px;font-weight:600;white-space:nowrap}.chart-row p{font-size:11px;margin:0}.chart-track{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:999px;height:9px;overflow:hidden}.chart-track span{background:linear-gradient(90deg,var(--brand) 0,var(--brand-light) 100%);border-radius:inherit;display:block;height:100%}.form-grid{display:grid;grid-gap:0 12px;gap:0 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.flag-list{display:grid;grid-gap:6px;gap:6px;margin:0 0 12px}.flag{border:1px solid var(--line);border-radius:var(--r-sm);font-size:12px;margin:0;padding:8px 10px}.flag.info{background:var(--brand-soft);border-color:var(--brand-ring);color:var(--brand-light)}.flag.warning{background:var(--amber-bg);border-color:var(--amber-border);color:var(--amber)}.flag.blocking{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn)}.list-button{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;display:flex;justify-content:space-between;min-height:58px;padding:10px 0;text-align:left;width:100%}.list-button span:first-child{display:grid;grid-gap:2px;gap:2px}.receipt-image,canvas,video{aspect-ratio:4/3;background:var(--surface-3);border:1px solid var(--line);border-radius:10px;object-fit:cover;width:100%}.empty{align-items:center;color:var(--muted);display:flex;flex-direction:column;gap:8px;padding:72px 20px;text-align:center}.empty svg{color:var(--line-strong);margin-bottom:4px;opacity:.6}.error-msg{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--r-sm);color:var(--warn);font-size:13px;margin-top:12px;padding:10px 14px}.login-page{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr);min-height:100vh}.login-brand{background:#09081a;color:white;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:48px;position:relative}.login-brand:before{animation:brandGlow1 9s ease-in-out infinite alternate;background:radial-gradient(circle at 25% 35%,rgba(37,99,235,.22) 0,transparent 60%)}.login-brand:after,.login-brand:before{content:"";inset:0;pointer-events:none;position:absolute}.login-brand:after{animation:brandGlow2 12s ease-in-out infinite alternate;background:radial-gradient(circle at 75% 70%,rgba(56,189,248,.1) 0,transparent 60%)}.login-brand-top{display:flex;flex-direction:column;gap:64px;position:relative;z-index:1}.login-brand-logo{align-items:center;display:flex;gap:12px}.login-brand-mark{font-size:17px;height:38px;width:38px}.login-brand-name{color:white;font-size:16px;font-weight:600;letter-spacing:-.02em}.login-brand-headline{color:white;font-size:clamp(30px,4vw,50px);font-weight:700;letter-spacing:-.04em;line-height:1.05;margin:0;max-width:520px}.login-brand-sub{color:rgba(210,210,235,.6);font-size:15px;line-height:1.65;margin:18px 0 0;max-width:460px}.login-brand-features{border-top:1px solid rgba(255,255,255,.07);display:grid;grid-gap:0;gap:0;position:relative;z-index:1}.login-feature{align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.07);display:grid;grid-gap:14px;gap:14px;grid-template-columns:32px 1fr;padding:18px 0}.login-feature-icon{align-items:center;color:var(--brand-light);display:inline-flex;height:28px;justify-content:center;width:28px}.login-feature-title{color:white;font-size:13px;font-weight:600}.login-feature-desc{color:rgba(190,190,220,.55);font-size:12px;line-height:1.5;margin-top:2px}.login-brand-footer{color:rgba(140,140,170,.45);font-size:12px;position:relative;z-index:1}.login-form-area{align-items:center;background:var(--bg);display:flex;justify-content:center;padding:48px;position:relative}.login-form-area:before{background:radial-gradient(circle at 50% 35%,rgba(37,99,235,.07) 0,transparent 65%);content:"";inset:0;pointer-events:none;position:absolute}.login-form-wrap{position:relative;width:min(100%,380px);z-index:1}.login-form-eyebrow{align-items:center;color:var(--brand);display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.08em;margin:0 0 18px;text-transform:uppercase}.login-form-title{color:var(--ink);font-size:28px;font-weight:700;letter-spacing:-.035em;line-height:1.1;margin:0 0 8px}.login-form-sub{color:var(--muted);font-size:14px;margin:0 0 30px}.login-form-footer{border-top:1px solid var(--line);color:var(--muted);font-size:12px;margin-top:20px;padding-top:18px}.login-form-footer a{color:var(--brand-light);font-weight:600;text-decoration:none;transition:color .15s}.login-form-footer a:hover{color:var(--brand)}.kiosk-hero{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:24px;overflow:hidden;padding:44px 40px;position:relative;text-align:center}.kiosk-hero:before{background:radial-gradient(circle at 50% 0,rgba(37,99,235,.14) 0,transparent 70%);content:"";inset:0;pointer-events:none;position:absolute}.kiosk-scan-wrap{align-items:center;display:flex;height:110px;justify-content:center;margin:0 auto 20px;position:relative;width:110px}.kiosk-scan-ring{animation:scanPulse 2.4s ease-out infinite;border:2px solid var(--brand);border-radius:50%;height:72px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.5);width:72px}.kiosk-scan-ring-2{animation-delay:1.2s}.kiosk-hero-icon{align-items:center;background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(37,99,235,.06));border:1px solid var(--brand-ring);border-radius:50%;box-shadow:0 0 0 6px rgba(37,99,235,.06);color:var(--brand);display:inline-flex;height:68px;justify-content:center;position:relative;width:68px;z-index:1}.kiosk-hero-title{color:var(--ink);font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0;position:relative}.kiosk-hero-sub{color:var(--muted);font-size:14px;margin:8px 0 0;position:relative}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scanPulse{0%{opacity:.75;transform:translate(-50%,-50%) scale(.55)}75%{opacity:0}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes brandGlow1{0%{opacity:.6;transform:scale(1) translate(0)}to{opacity:1;transform:scale(1.25) translate(4%,-6%)}}@keyframes brandGlow2{0%{opacity:.35;transform:scale(1) translate(0)}to{opacity:.75;transform:scale(1.2) translate(-4%,6%)}}.theme-toggle{align-items:center;background:transparent;border:1px solid var(--line-strong);border-radius:999px;color:var(--muted-strong);cursor:pointer;display:inline-flex;justify-content:center;min-height:30px;padding:4px 8px;transition:background .15s,border-color .15s,color .15s}.theme-toggle:hover{background:var(--surface-hover);color:var(--ink)}.sidebar .theme-toggle{border-color:rgba(255,255,255,.1);color:#7070a0}.sidebar .theme-toggle:hover{background:rgba(100,100,200,.12);color:#c8c8e8}[data-theme=light]{--bg:#f4f3ff;--surface:#ffffff;--surface-2:#edeafd;--surface-3:#e2defc;--surface-hover:rgba(90,70,190,0.04);--ink:#0c0b18;--muted:#6c6a96;--muted-strong:#46446c;--line:rgba(80,60,180,0.1);--line-soft:rgba(80,60,180,0.06);--line-strong:rgba(80,60,180,0.15);--ok:#057a52;--ok-bg:rgba(5,122,82,0.09);--ok-border:rgba(5,122,82,0.22);--warn:#c42020;--warn-bg:rgba(196,32,32,0.09);--warn-border:rgba(196,32,32,0.22);--amber:#a04800;--amber-bg:rgba(160,72,0,0.09);--amber-border:rgba(160,72,0,0.22);--focus:rgba(37,99,235,0.18);--shadow:0 8px 40px rgba(60,40,120,0.1);--shadow-sm:0 2px 16px rgba(60,40,120,0.07)}[data-theme=light] .sidebar{background:linear-gradient(180deg,#0d0c1e,#090810);border-right-color:rgba(255,255,255,.06)}[data-theme=light] .sidebar-logo{border-bottom-color:rgba(255,255,255,.06)}[data-theme=light] .sidebar-nav-label{color:#50507a}[data-theme=light] .sidebar-nav-item{color:#9898c8}[data-theme=light] .sidebar-nav-item:hover{background:rgba(37,99,235,.08);color:#e4e4f0}[data-theme=light] .sidebar-nav-item.active{background:rgba(37,99,235,.14);color:var(--brand-light)}[data-theme=light] .sidebar-user{border-top-color:rgba(255,255,255,.06)}[data-theme=light] .sidebar-user-name{color:#e4e4f0}[data-theme=light] .sidebar-user-role{color:#5e5e8c}[data-theme=light] .topbar{background:rgba(244,243,255,.92)}[data-theme=light] button{background:var(--surface-2);border-color:var(--line-strong);color:var(--muted-strong)}[data-theme=light] button:not(:disabled):hover{background:var(--surface-3);color:var(--ink)}[data-theme=light] a.btn,[data-theme=light] button.secondary{background:transparent;border-color:var(--line-strong);color:var(--muted-strong)}[data-theme=light] a.btn:hover,[data-theme=light] button.secondary:not(:disabled):hover{background:var(--surface-2);color:var(--ink)}[data-theme=light] .login-form-area button.ghost,[data-theme=light] .main button.ghost,[data-theme=light] .shell button.ghost{color:var(--muted)}[data-theme=light] .login-form-area button.ghost:hover,[data-theme=light] .main button.ghost:hover,[data-theme=light] .shell button.ghost:hover{background:rgba(90,70,190,.07);color:var(--ink)}[data-theme=light] .tab{color:var(--muted)}[data-theme=light] .tab:not(:disabled):hover{color:var(--ink);background:transparent}[data-theme=light] .tab.active{color:var(--ink)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#ffffff;border-color:rgba(80,60,180,.15);color:var(--ink)}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#a0a0c0}[data-theme=light] .login-form-area{background:var(--bg)}[data-theme=light] .kiosk-hero{background:#ffffff;border-color:rgba(80,60,180,.1)}.img-zoomable{cursor:zoom-in;display:block;position:relative}.img-zoomable:after{align-items:center;background:rgba(0,0,0,.45);border-radius:inherit;color:white;content:"";display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .16s}.img-zoomable:hover:after{opacity:1}.lb-overlay{animation:lbFadeIn .2s ease;background:rgba(2,2,10,.95);flex-direction:column;inset:0;position:fixed;z-index:2000}.lb-overlay,.lb-toolbar{align-items:center;display:flex}.lb-toolbar{gap:4px;padding:14px 18px 10px;position:absolute;right:0;top:0;z-index:1}.lb-btn{align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:rgba(255,255,255,.75);cursor:pointer;display:flex;justify-content:center;min-height:36px;padding:6px 10px;transition:background .14s,color .14s,opacity .14s}.lb-btn:hover:not(:disabled){background:rgba(255,255,255,.16);color:white}.lb-btn:disabled{opacity:.3}.lb-btn-close{background:rgba(220,38,38,.14);border-color:rgba(220,38,38,.22);color:rgba(252,165,165,.85)}.lb-btn-close:hover:not(:disabled){background:rgba(220,38,38,.28);color:#fca5a5}.lb-scale{color:rgba(255,255,255,.4);font-size:12px;min-width:44px;text-align:center}.lb-sep{background:rgba(255,255,255,.1);height:20px;margin:0 4px;width:1px}.lb-stage{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;width:100%}.lb-img,.lb-stage{-webkit-user-select:none;-moz-user-select:none;user-select:none}.lb-img{max-height:82vh;max-width:90vw;object-fit:contain;transform-origin:center}.lb-hint{color:rgba(255,255,255,.2);font-size:11px;letter-spacing:.03em;margin:0;padding:10px 0 16px}@keyframes lbFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:960px){.filter-panel,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid{grid-template-columns:1fr}.expense-detail{grid-template-columns:1fr 1fr;padding-left:22px}.expense-detail>:first-child{display:none}.login-page{grid-template-columns:1fr}.login-brand{min-height:44vh}}@media (max-width:768px){.app{flex-direction:column}.sidebar{flex:none;flex-direction:row;min-height:auto;position:static}.sidebar-logo{border-bottom:0;padding:10px 14px}.sidebar-nav{display:flex;flex-direction:row;overflow-x:auto;padding:6px 8px}.sidebar-nav-label,.sidebar-user{display:none}.expense-row{grid-template-columns:28px 44px 1fr 94px 32px;padding:12px 14px}.expense-row.finance-row{grid-template-columns:28px 44px 1fr}.expense-row>:nth-child(5),.finance-row>:nth-child(4),.finance-row>:nth-child(5),.finance-row>:nth-child(6){display:none}.expense-detail{grid-template-columns:1fr;padding:16px}.login-brand{min-height:auto;padding:32px 24px}.login-brand-top{gap:36px}.login-brand-features{display:none}.login-form-area{align-items:flex-start;padding:32px 24px}.page-body,.shell{padding:16px}.filter-panel,.metric-grid{grid-template-columns:1fr}.topbar{padding:14px 16px}.topbar,.topbar-pill{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}}