:root{--bg:#0B1C2E;--surface:#162A3D;--raised:#1F3549;--gold:#C9A84C;--bronze:#A67C3D;--green:#4A7C6F;--warn:#B87A5C;--text:#F2EDE4;--text2:#A8B0B8;--text3:#6B7A88;--edge:#2A3F55;--focus:#D4B86A;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--scale:1;--radius:16px;--space:16px;--motion:180ms}
*{box-sizing:border-box}html{font-size:calc(16px * var(--scale));background:var(--bg);color:var(--text)}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}.hidden{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}.boot,.auth-screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,rgba(201,168,76,.09),transparent 28%),var(--bg)}.boot-card,.auth-card{width:min(520px,100%);text-align:center;padding:32px;border:1px solid var(--edge);border-radius:24px;background:linear-gradient(180deg,rgba(31,53,73,.58),rgba(22,42,61,.92));box-shadow:0 28px 90px rgba(0,0,0,.25)}.boot-logo,.auth-logo{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(201,168,76,.15));animation:floatLogo 4.5s ease-in-out infinite}.auth-logo{width:128px;height:128px}@keyframes floatLogo{50%{transform:translateY(-4px);filter:drop-shadow(0 10px 30px rgba(201,168,76,.24))}}.eyebrow{font-size:.7rem;letter-spacing:.16em;color:var(--gold);font-weight:700}.boot h1,.auth-card h1{letter-spacing:.22em;margin:.5rem 0 .35rem}.subtitle{font-weight:600}.muted{color:var(--text2)}.tiny{font-size:.78rem}.progress{height:4px;background:var(--edge);border-radius:99px;overflow:hidden;margin-top:18px}.progress span{display:block;height:100%;width:8%;background:linear-gradient(90deg,var(--bronze),var(--gold));transition:width .25s}.boot-status{margin-top:20px;color:var(--text2)}.form-stack{display:grid;gap:14px;text-align:left;margin:24px 0}.form-stack label,.form-grid label,.analysis-bar label{display:grid;gap:7px;color:var(--text2);font-size:.82rem}input,select,textarea{width:100%;border:1px solid var(--edge);background:#0f2234;color:var(--text);border-radius:10px;padding:11px 12px;outline:none;min-height:44px}input:focus,select:focus,textarea:focus,button:focus-visible{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,184,106,.16);outline:none}.primary,.secondary,.ghost,.danger,.icon-btn{border-radius:10px;border:1px solid var(--edge);padding:10px 14px;color:var(--text);background:var(--raised);min-height:42px}.primary{background:var(--gold);color:#172334;border-color:var(--gold);font-weight:800}.secondary:hover,.ghost:hover{border-color:var(--bronze)}.ghost{background:transparent}.danger{background:rgba(184,122,92,.12);border-color:rgba(184,122,92,.55)}.icon-btn{width:42px;padding:0;display:grid;place-items:center;background:transparent}.error{color:#e1a88d;min-height:1.3em}.app{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;background:#0e2032;border-right:1px solid var(--edge);min-width:0}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--edge);flex:0 0 auto}.brand-logo{width:46px;height:54px;object-fit:contain}.sidebar-brand strong{display:block;letter-spacing:.15em;color:var(--gold)}.sidebar-brand span{display:block;color:var(--text2);font-size:.76rem;margin-top:3px}.nav{overflow-y:auto;overscroll-behavior:contain;padding:12px 10px;min-height:0;flex:1 1 auto;scrollbar-width:thin;scrollbar-color:var(--bronze) transparent}.nav button{width:100%;text-align:left;border:0;background:transparent;color:var(--text2);border-radius:10px;padding:10px 12px;margin:2px 0;min-height:42px}.nav button:hover,.nav button.active{background:var(--surface);color:var(--text)}.nav button.active{box-shadow:inset 3px 0 var(--gold)}.sidebar-footer{border-top:1px solid var(--edge);padding:12px;flex:0 0 auto}.sync-pill{font-size:.76rem;color:var(--text2);margin-bottom:8px}.full{width:100%}.main{min-width:0;padding:0 22px 42px}.topbar{min-height:84px;display:flex;justify-content:space-between;gap:18px;align-items:center;position:sticky;top:0;z-index:20;background:rgba(11,28,46,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(42,63,85,.5)}.topbar h1{margin:.2rem 0 0;font-size:1.45rem}.top-actions{display:flex;gap:8px;align-items:center}.analysis-bar{display:grid;grid-template-columns:minmax(150px,220px) auto auto minmax(180px,1fr) auto;gap:10px;align-items:end;padding:14px 0;position:sticky;top:84px;z-index:15;background:rgba(11,28,46,.94);border-bottom:1px solid rgba(42,63,85,.5)}.period-meta,.freshness{display:grid;gap:3px;font-size:.78rem;color:var(--text2)}.period-meta strong{color:var(--text)}.freshness{text-align:right}.page-root{padding-top:18px;min-width:0}.grid{display:grid;gap:14px}.grid.kpi{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.panel{background:linear-gradient(180deg,var(--surface),#13283b);border:1px solid var(--edge);border-radius:var(--radius);padding:16px;min-width:0}.kpi-card .label{font-size:.77rem;color:var(--text2)}.kpi-card .value{font-size:1.45rem;font-weight:800;margin-top:8px}.kpi-card .sub{font-size:.72rem;color:var(--text3);margin-top:5px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:13px}.panel-head h2{font-size:1rem;margin:0}.panel-head p{font-size:.76rem;color:var(--text2);margin:4px 0 0}.tag{font-size:.7rem;padding:5px 8px;border-radius:99px;border:1px solid var(--edge);color:var(--text2)}.table-wrap{overflow:auto;max-width:100%;border:1px solid var(--edge);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:10px 11px;border-bottom:1px solid var(--edge);text-align:left;font-size:.78rem;vertical-align:top}th{position:sticky;top:0;background:#13283b;color:var(--text2);z-index:1}.money{font-variant-numeric:tabular-nums;text-align:right}.positive{color:#78aa9b}.negative{color:#d49475}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.empty{padding:28px;text-align:center;color:var(--text2)}dialog{border:0;padding:0;background:transparent;color:var(--text);width:min(820px,calc(100vw - 24px));max-height:92vh}dialog::backdrop{background:rgba(2,8,14,.75);backdrop-filter:blur(5px)}.modal-shell{background:var(--surface);border:1px solid var(--edge);border-radius:18px;overflow:hidden;max-height:92vh;display:flex;flex-direction:column}.modal-shell>header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--edge)}.modal-shell h2{margin:0;font-size:1rem}#modalBody{padding:16px;overflow:auto}.toast{position:fixed;right:18px;bottom:18px;z-index:100;background:#12283b;border:1px solid var(--bronze);padding:12px 14px;border-radius:12px;max-width:min(420px,calc(100vw - 36px));box-shadow:0 15px 50px rgba(0,0,0,.3)}.mobile-dock{display:none}.mobile-only{display:none}.nav-backdrop{display:none}.bar{height:8px;background:var(--edge);border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:var(--gold)}.chart-bars{display:flex;align-items:flex-end;gap:6px;height:150px;padding-top:12px}.chart-bars span{flex:1;min-width:5px;background:linear-gradient(180deg,var(--gold),var(--bronze));border-radius:5px 5px 1px 1px;opacity:.8}.metric-list{display:grid;gap:8px}.metric-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--edge);padding:8px 0}.metric-row span{color:var(--text2)}
@media(max-width:1100px){.grid.kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:1fr 1fr}.analysis-bar{grid-template-columns:1fr 1fr}.period-meta,.freshness{grid-column:auto}.freshness{text-align:left}}
@media(max-width:820px){body{padding-bottom:72px}.app{display:block}.sidebar{position:fixed;left:0;top:0;width:min(86vw,330px);height:100dvh;z-index:80;transform:translateX(-104%);transition:transform var(--motion);box-shadow:18px 0 60px rgba(0,0,0,.35)}.sidebar.open{transform:translateX(0)}.nav-backdrop{display:block;position:fixed;inset:0;background:rgba(1,7,12,.62);z-index:70}.mobile-only{display:grid}.main{padding:0 12px 86px}.topbar{min-height:72px;top:0}.topbar .primary{padding:9px 11px}.analysis-bar{top:72px;grid-template-columns:1fr 1fr;padding:10px 0}.period-meta,.freshness{grid-column:1/-1}.grid.kpi,.grid.two,.grid.three{grid-template-columns:1fr 1fr}.mobile-dock{position:fixed;left:0;right:0;bottom:0;height:66px;display:grid;grid-template-columns:repeat(5,1fr);z-index:60;background:rgba(14,32,50,.96);border-top:1px solid var(--edge);padding-bottom:env(safe-area-inset-bottom)}.mobile-dock button{border:0;background:transparent;color:var(--text2);display:grid;place-items:center;align-content:center;gap:3px;font-size:.62rem}.mobile-dock button.active{color:var(--gold)}.mobile-dock svg{width:19px;height:19px}.form-grid{grid-template-columns:1fr}.sidebar-brand .mobile-only{margin-left:auto}.chart-bars{height:120px}}
@media(max-width:520px){.grid.kpi,.grid.two,.grid.three{grid-template-columns:1fr 1fr}.top-actions #exportBtn{display:none}.analysis-bar{grid-template-columns:1fr}.analysis-bar>*{grid-column:1}.card,.panel{padding:13px}.kpi-card .value{font-size:1.25rem}.auth-card,.boot-card{padding:24px 18px}}
@media(max-width:360px){.grid.kpi,.grid.two,.grid.three{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}