:root{--bg:#070809;--sidebar:#0a0b0d;--surface:#111214;--surface-2:#161719;--surface-3:#1d1f22;--gold:#f4bd2f;--gold-soft:#d9a727;--gold-dark:#6f5313;--text:#f4f4f4;--muted:#a7a9ad;--green:#63d64d;--red:#ff4b4b;--line:#303236}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);background:radial-gradient(circle at 70% -20%,#33270d 0,transparent 30%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.center-screen,.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.spinner{width:38px;height:38px;border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:rotate .8s linear infinite}@keyframes rotate{to{transform:rotate(1turn)}}.login-card{width:min(440px,100%);padding:44px;border:1px solid #3a331f;border-radius:18px;background:linear-gradient(145deg,rgba(25,26,28,.98),rgba(11,12,13,.98));box-shadow:0 28px 80px #000,0 0 45px rgba(244,189,47,.08)}.brand-mark{width:96px;height:96px;margin-bottom:20px;display:grid;place-items:center;overflow:hidden;border-radius:22px;background:#030303;box-shadow:0 0 30px rgba(244,189,47,.16)}.brand-mark img{width:100%;height:100%;display:block;object-fit:cover}.brand-mark.small{width:58px;height:58px;margin:0;border-radius:14px}.eyebrow{display:flex;align-items:center;gap:7px;margin:0 0 8px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.login-card h1{margin:0;font-size:38px;letter-spacing:-.04em}.login-copy{color:var(--muted);margin:8px 0 28px}.login-card label{display:grid;grid-gap:8px;gap:8px;margin:16px 0;color:#d7d7d7;font-size:13px;font-weight:700}.login-card input,.search input,select{color:var(--text);background:#0b0c0e;border:1px solid var(--line);border-radius:8px;outline:none}.login-card input{height:48px;padding:0 14px}.login-card input:focus,.search:focus-within,select:focus{border-color:var(--gold-dark);box-shadow:0 0 0 3px rgba(244,189,47,.08)}.login-card button{width:100%;height:50px;margin-top:12px;border:1px solid #ffd662;border-radius:8px;color:#080808;background:linear-gradient(#ffd45c,var(--gold-soft));font-weight:900;letter-spacing:.08em;cursor:pointer}.error{color:#ff7777;font-size:13px}.restricted{margin:22px 0 0;text-align:center;color:#707276;font-size:12px;text-transform:uppercase;letter-spacing:.1em}header{height:82px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #25272a;background:rgba(8,9,10,.94);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:-webkit-sticky;position:sticky;top:0;z-index:5}.header-actions,.header-brand{display:flex;align-items:center;gap:15px}.header-brand h1{margin:0;font-size:21px}.header-brand p{margin:2px 0 0;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.18em}.connection{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:99px;background:#151719;font-size:11px;font-weight:900;letter-spacing:.08em}.connection i{width:8px;height:8px;border-radius:50%}.connection.online{color:var(--green)}.connection.online i{background:var(--green);box-shadow:0 0 10px var(--green)}.connection.offline{color:var(--red)}.connection.offline i{background:var(--red)}.icon-button,.signout{height:38px;color:var(--muted);border:1px solid var(--line);background:#151619;border-radius:8px;cursor:pointer}.icon-button{width:38px;display:grid;place-items:center}.signout{display:flex;align-items:center;gap:7px;padding:0 13px}.spin{animation:rotate .8s linear infinite}.content{width:min(1320px,calc(100% - 40px));margin:32px auto 60px}.history-panel,.latest,.status-panel{border:1px solid #292b2f;background:linear-gradient(145deg,rgba(21,22,24,.96),rgba(12,13,14,.96));border-radius:14px}.status-panel{padding:26px 28px;display:flex;justify-content:space-between;align-items:center;border-left:3px solid var(--gold)}.history-panel h2,.status-panel h2{margin:0 0 5px;font-size:24px}.status-panel>div>p:last-child{margin:0;color:var(--muted)}.heartbeat{display:flex;gap:11px;align-items:center;color:var(--gold)}.heartbeat div{display:grid;grid-gap:4px;gap:4px}.heartbeat span,.latest-grid span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em}.heartbeat strong{color:var(--text);font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:12px;gap:12px;margin:16px 0}.metric-card{min-height:126px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #292b2f;border-radius:12px;background:var(--surface)}.metric-card p{margin:0;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.metric-card strong{font-size:clamp(25px,2.4vw,38px);line-height:1}.metric-card.total{border-color:var(--gold-dark);background:linear-gradient(145deg,#201b0d,#12120f)}.metric-card.total strong{color:var(--gold)}.latest{padding:23px 26px}.latest-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.latest-grid div{display:grid;grid-gap:6px;gap:6px}.latest-grid strong{font-size:15px}.history-panel{margin-top:16px;padding:26px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end}.section-heading>span{color:var(--muted);font-size:12px}.filters{display:flex;gap:10px;margin:20px 0 14px}.search{flex:1 1;height:44px;padding:0 13px;display:flex;align-items:center;gap:9px;color:var(--muted);background:#0b0c0e;border:1px solid var(--line);border-radius:8px}.search input{flex:1 1;height:100%;padding:0;border:0;background:transparent}select{min-width:150px;padding:0 13px}.table-wrap{overflow:auto;border:1px solid #292b2f;border-radius:10px}table{width:100%;border-collapse:collapse;font-size:13px}th{padding:13px 16px;color:var(--gold);background:#101113;text-align:left;font-size:10px;letter-spacing:.12em;text-transform:uppercase}td{padding:15px 16px;border-top:1px solid #25272a;color:#d9d9da}tbody tr:hover{background:#17181a}.source-pill{padding:5px 8px;color:var(--gold);background:#2a2412;border:1px solid #4f4014;border-radius:6px;font-size:10px;font-weight:900;text-transform:uppercase}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.empty{padding:32px;text-align:center;color:var(--muted)}@media (max-width:1000px){.metric-grid{grid-template-columns:repeat(3,1fr)}.latest-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:650px){header{height:auto;padding:14px 16px}.header-actions{gap:7px}.signout{width:38px;padding:0;justify-content:center;font-size:0}.connection{padding:7px 9px}.content{width:calc(100% - 24px);margin-top:18px}.status-panel{align-items:flex-start;gap:22px;flex-direction:column}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-card{min-height:106px;padding:16px}.latest-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;gap:8px}.filters,.section-heading{flex-direction:column}.search,select{width:100%;min-height:44px}.login-card{padding:30px 24px}}.app-shell{width:min(100%,560px);min-height:100vh;margin:0 auto;border-inline:1px solid #202226;background:#08090a;box-shadow:0 0 70px #000}.app-shell header{min-height:74px;height:auto;padding:12px 16px}.app-shell .brand-mark.small{width:48px;height:48px;border-radius:12px}.app-shell .header-brand h1{font-size:18px}.app-shell .header-actions{gap:6px}.app-shell .connection{padding:7px 8px;font-size:9px}.app-shell .signout{width:38px;padding:0;justify-content:center;font-size:0}.app-nav{position:-webkit-sticky;position:sticky;top:74px;z-index:4;padding:9px 12px;display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;border-bottom:1px solid #24262a;background:rgba(8,9,10,.96);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.app-nav button,.period-tabs button{color:var(--muted);border:1px solid var(--line);background:#121315;border-radius:8px;cursor:pointer;font-weight:800}.app-nav button{height:42px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.app-nav button.active,.period-tabs button.active{color:#090909;border-color:#ffd662;background:linear-gradient(#ffd45c,var(--gold-soft))}.app-shell .content{width:calc(100% - 24px);margin:16px auto 44px}.app-shell .status-panel{padding:21px;align-items:flex-start;gap:20px;flex-direction:column}.app-shell .metric-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.app-shell .metric-card{min-height:104px;padding:16px}.app-shell .metric-card strong{font-size:28px}.app-shell .latest{padding:21px}.app-shell .latest-grid{grid-template-columns:1fr;gap:18px}.report-panel{padding:18px;border:1px solid #292b2f;background:linear-gradient(145deg,rgba(21,22,24,.96),rgba(12,13,14,.96));border-radius:14px}.app-shell .history-panel{margin-top:12px;padding:18px}.app-shell .filters{flex-direction:column;gap:10px;margin:18px 0 14px}.app-shell select{width:100%;min-height:44px}.period-tabs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px}.period-tabs button{height:38px;font-size:11px;text-transform:uppercase}.period-picker{margin-top:18px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;grid-gap:10px;gap:10px;text-align:center}.period-picker button{height:42px;display:grid;place-items:center;color:var(--gold);border:1px solid var(--line);border-radius:8px;background:#111214;cursor:pointer}.period-picker div{display:grid;grid-gap:4px;gap:4px}.period-picker span,.report-totals span{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.12em}.period-picker strong{font-size:15px}.date-picker{width:100%;height:42px;margin-top:10px;padding:0 12px;color:var(--text);color-scheme:dark;background:#0b0c0e;border:1px solid var(--line);border-radius:8px}.report-totals{margin:16px 0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.report-totals article{padding:13px;display:grid;grid-gap:5px;gap:5px;border:1px solid #292b2f;border-radius:9px;background:#111214}.report-totals strong{font-size:25px}.report-totals .combined{border-color:var(--gold-dark);background:#201b0d}.report-totals .combined strong{color:var(--gold)}.chart{max-height:470px;padding:12px;overflow:auto;border:1px solid #292b2f;border-radius:10px;background:#0d0e0f}.bar-row{min-height:30px;display:grid;grid-template-columns:56px 1fr 28px;align-items:center;grid-gap:8px;gap:8px}.bar-row>span{color:var(--muted);font-size:10px}.bar-row>strong{text-align:right;font-size:11px}.bar-track{height:9px;overflow:hidden;border-radius:99px;background:#24262a}.bar-track i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#9e7418,var(--gold))}.timezone-note{margin:12px 0 0;color:#737579;text-align:center;font-size:10px}.history-list{display:grid;grid-gap:9px;gap:9px}.history-list article{padding:13px;border:1px solid #292b2f;border-radius:9px;background:#101113}.history-list article>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.history-list time{color:var(--muted);font-size:10px}.history-list p{margin:11px 0 0;display:flex;justify-content:space-between;gap:12px}.history-list p span{color:var(--muted);font-size:10px;font-weight:800}.history-list p strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}