@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg: #f6f2ea;--bg-2: #f1ece2;--panel: #fffdf9;--card: #ffffff;--line: #ece5d8;--line-2: #f2ede3;--ink: #2c313a;--ink-2: #55606f;--muted: #97928a;--gold: #c79a3f;--gold-2: #e2c169;--green: #16b981;--green-bg: #e7f6ef;--red: #f0526a;--red-bg: #fdeaed;--blue: #5b8def;--blue-bg: #eaf1fe;--purple: #9b7ff0;--purple-bg: #f0ecfd;--amber: #e3a84e;--amber-bg: #fbf1de;--shadow: 0 1px 2px rgba(60, 50, 30, .04), 0 8px 24px rgba(80, 66, 38, .05);--r: 18px;--r-sm: 12px}*{box-sizing:border-box}html,body,#root{margin:0}body{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}button{font-family:inherit;cursor:pointer}::selection{background:var(--gold-2)}.gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(120% 120% at 50% 0%,#fbf6ec 0%,var(--bg) 55%)}.gate-card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:34px 28px;box-shadow:var(--shadow);text-align:center}.gate-card .brand{justify-content:center;margin-bottom:22px}.gate-card h1{font-size:19px;margin:0 0 6px}.gate-card p{color:var(--muted);font-size:13px;margin:0 0 22px}.gate input{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:12px;font-size:14px;background:#fffdf8;color:var(--ink);outline:none;margin-bottom:12px}.gate input:focus{border-color:var(--gold-2);box-shadow:0 0 0 3px #c79a3f1f}.gate button{width:100%;padding:13px;border:0;border-radius:12px;background:linear-gradient(135deg,#d0a24a,#c79a3f);color:#fff;font-weight:700;font-size:14px}.gate .err{color:var(--red);font-size:12.5px;margin:4px 0 12px;min-height:16px}.brand{display:flex;align-items:center;gap:11px}.brand .moon{width:38px;height:38px;flex:none}.brand .name{line-height:1}.brand .name b{display:block;font-size:17px;font-weight:800;letter-spacing:.2px;color:var(--gold)}.brand .name span{display:block;font-size:9.5px;font-weight:700;letter-spacing:3px;color:#cbb78e;margin-top:3px}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.backdrop{display:none}.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.sidebar .brand{padding:4px 8px 18px}.nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;border:0;background:transparent;color:var(--ink-2);font-size:13.5px;font-weight:500;text-align:left;width:100%;transition:background .15s,color .15s}.nav-item svg{width:18px;height:18px;flex:none;opacity:.75}.nav-item:hover{background:#f3eee3}.nav-item.active{background:linear-gradient(180deg,#f7edd6,#f3e6c6);color:#8a6b23;font-weight:600}.nav-item.active svg{opacity:1;color:var(--gold)}.side-user{display:flex;align-items:center;gap:10px;padding:11px 10px;border:1px solid var(--line);border-radius:14px;background:var(--card);margin-top:8px}.side-user .av{width:34px;height:34px;border-radius:10px;background:radial-gradient(circle at 30% 30%,#3a3f4a,#14161c);display:grid;place-items:center;flex:none}.side-user .av svg{width:18px;height:18px;color:var(--gold-2)}.side-user b{font-size:13px;display:block}.side-user span{font-size:11px;color:var(--muted)}.side-user .logout{margin-left:auto;background:none;border:0;color:var(--muted);padding:4px;border-radius:8px}.side-user .logout:hover{background:#f3eee3;color:var(--red)}.main{padding:26px 30px 44px;min-width:0}.page-head{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:20px}.page-head h1{font-size:26px;font-weight:600;margin:0;letter-spacing:-.3px}.head-strip{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap}.pill-select{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);font-size:13px;font-weight:500;color:var(--ink-2)}.pill-select svg{width:15px;height:15px;opacity:.6}.strip{display:flex;gap:10px;flex-wrap:wrap}.strip-card{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);min-width:130px}.strip-card .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}.strip-card .ic svg{width:17px;height:17px}.strip-card .lbl{font-size:11px;color:var(--muted);font-weight:500}.strip-card .val{font-size:16px;font-weight:600;margin-top:1px}.strip-card .tag{font-size:10.5px;font-weight:600;margin-top:2px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.kpi{padding:18px 18px 0;overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:168px}.kpi .row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.kpi .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none}.kpi .ic svg{width:22px;height:22px}.kpi .lbl{font-size:13px;color:var(--ink-2);font-weight:500}.kpi .num{font-size:26px;font-weight:600;letter-spacing:-.4px;margin-top:7px;line-height:1.1}.kpi .delta{font-size:12px;font-weight:600;margin-top:6px;display:flex;align-items:center;gap:5px}.kpi .delta .sub{color:var(--muted);font-weight:500}.up{color:var(--green)}.down{color:var(--red)}.kpi .spark{margin:auto -18px 0;display:block;width:calc(100% + 36px)}.t-gold{background:var(--amber-bg);color:var(--gold)}.t-green{background:var(--green-bg);color:var(--green)}.t-blue{background:var(--blue-bg);color:var(--blue)}.t-purple{background:var(--purple-bg);color:var(--purple)}.t-red{background:var(--red-bg);color:var(--red)}.t-amber{background:var(--amber-bg);color:var(--amber)}.mid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-bottom:14px;align-items:start}.wd-card{padding:20px 22px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}.wd-card .lead{display:flex;align-items:center;gap:14px}.wd-card .big{font-size:30px;font-weight:600}.wd-bars{flex:1;min-width:220px;display:flex;flex-direction:column;gap:12px}.wd-bar-row{display:grid;grid-template-columns:78px 1fr auto;align-items:center;gap:12px;font-size:13px}.wd-bar-row .lbl{font-weight:600}.wd-track{height:7px;border-radius:6px;background:#f0ebe0;overflow:hidden}.wd-track>span{display:block;height:100%;border-radius:6px}.wd-bar-row .n{font-weight:700;font-size:15px}.act-card{padding:18px 20px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-head .ttl{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.card-head .ttl svg{width:17px;height:17px;color:var(--gold)}.link-btn{background:#f6efe0;border:0;color:#a07d2c;font-size:12px;font-weight:600;padding:6px 12px;border-radius:9px}.act-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line-2)}.act-row:first-of-type{border-top:0}.act-row .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}.act-row .ic svg{width:16px;height:16px}.act-row .t{font-size:11px;color:var(--muted);width:42px;flex:none}.act-row .body b{font-size:13px;display:block}.act-row .body span{font-size:11.5px;color:var(--muted)}.act-row .amt{margin-left:auto;font-weight:700;font-size:13px}.charts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chart-card{padding:18px 20px 12px}.chart-card .sub{font-size:12px;font-weight:600;margin-top:2px}.table-card{padding:6px 4px;overflow:hidden}.tbl-scroll{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13px}table.tbl th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--line);white-space:nowrap}table.tbl td{padding:13px 16px;border-bottom:1px solid var(--line-2);white-space:nowrap}table.tbl tr:last-child td{border-bottom:0}table.tbl tr:hover td{background:#fbf7ee}.u-cell{display:flex;align-items:center;gap:10px}.u-av{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#f0e2bf,#e6cf92);color:#86671f;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}.u-cell b{font-weight:600}.u-cell small{color:var(--muted);font-size:11px}.badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600}.b-green{background:var(--green-bg);color:#0f8a60}.b-amber{background:var(--amber-bg);color:#a07d2c}.b-red{background:var(--red-bg);color:#c93a52}.b-gray{background:#f0ece3;color:#7c766c}.mono{font-family:SF Mono,ui-monospace,monospace;font-size:12px;color:var(--ink-2)}.btn-sm{padding:6px 12px;border-radius:9px;border:1px solid var(--line);background:var(--card);font-size:12px;font-weight:600;color:var(--ink-2)}.btn-sm.gold{background:linear-gradient(135deg,#d0a24a,#c79a3f);color:#fff;border:0}.btn-sm:disabled{opacity:.5;cursor:default}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:9px 13px;min-width:240px}.search svg{width:15px;height:15px;opacity:.5}.search input{border:0;outline:0;background:none;font-size:13px;width:100%;color:var(--ink)}.section-title{font-size:14px;font-weight:700;margin:0 4px 12px;color:var(--ink-2)}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 6px 4px}.pager-info{font-size:12.5px;color:var(--muted)}.pager-ctrls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pg-btn{min-width:34px;height:34px;padding:0 8px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--ink-2);font-size:13px;font-weight:600;display:grid;place-items:center}.pg-btn svg{width:15px;height:15px}.pg-btn:hover:not(:disabled):not(.active){background:#f6efe0;color:var(--gold)}.pg-btn.active{background:linear-gradient(180deg,#f7edd6,#f3e6c6);color:#8a6b23;border-color:#ecd9ab}.pg-btn:disabled{opacity:.4;cursor:default}.pg-ellipsis{color:var(--muted);padding:0 2px}.empty{padding:60px 20px;text-align:center;color:var(--muted)}.empty svg{width:40px;height:40px;opacity:.4;margin-bottom:12px}.empty b{display:block;color:var(--ink-2);font-size:15px;margin-bottom:4px}.empty span{font-size:13px}.loading{padding:80px;text-align:center;color:var(--muted);font-size:14px}.muted-tag{color:var(--muted);font-weight:500;font-size:10.5px}@keyframes spin{to{transform:rotate(360deg)}}.dot.dead{background:var(--red);box-shadow:0 0 0 3px var(--red-bg)}.refresh-btn{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink-2);box-shadow:var(--shadow)}.refresh-btn svg{width:18px;height:18px}.refresh-btn:hover{color:var(--gold);border-color:var(--gold-2)}.health-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 12px 9px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:var(--shadow);font-size:13px}.health-pill.on{background:linear-gradient(180deg,#ecf8f1,#e7f6ef);border-color:#cdeede}.health-pill.on b{color:#0f8a60}.health-pill.off{background:linear-gradient(180deg,#fdeef0,#fde9ec);border-color:#f6d3d9}.health-pill.off b{color:#c93a52}.date-in{border:1px solid var(--line);border-radius:10px;padding:8px 11px;font:inherit;font-size:13px;color:var(--ink);background:var(--card);outline:none}.date-in:focus{border-color:var(--gold-2)}.chip{padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-size:12.5px;font-weight:500;color:var(--ink-2)}.chip.active{background:linear-gradient(180deg,#f7edd6,#f3e6c6);color:#8a6b23;border-color:#ecd9ab;font-weight:600}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:720px}.set-card{padding:20px;display:flex;flex-direction:column;gap:12px}.set-head{display:flex;align-items:center;gap:12px;margin-bottom:4px}.set-head .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none}.set-head .ic svg{width:20px;height:20px}.set-head b{display:block;font-size:15px;font-weight:600}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:12px;color:var(--ink-2);font-weight:500}.field input{border:1px solid var(--line);border-radius:11px;padding:11px 13px;font:inherit;font-size:14px;color:var(--ink);background:#fffdf8;outline:none}.field input:focus{border-color:var(--gold-2);box-shadow:0 0 0 3px #c79a3f1a}.set-btn{margin-top:4px;padding:12px;border:0;border-radius:11px;font-size:14px;font-weight:600;color:#fff}.set-btn.green{background:linear-gradient(135deg,#1ec98c,#16b981)}.set-btn.red{background:linear-gradient(135deg,#f2637a,#f0526a)}.set-btn:disabled{opacity:.5;cursor:default}.set-msg{font-size:12.5px;font-weight:500;padding:9px 12px;border-radius:10px}.set-msg.ok{background:var(--green-bg);color:#0f8a60}.set-msg.err{background:var(--red-bg);color:#c93a52}.sys-hero{padding:22px 24px;display:flex;align-items:center;gap:16px}.sys-badge{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;flex:none;background:#f0ece3;color:var(--muted)}.sys-badge svg{width:26px;height:26px}.sys-badge.ok{background:var(--green-bg);color:var(--green)}.sys-badge.bad{background:var(--red-bg);color:var(--red)}.sys-title{font-size:18px;font-weight:600}@media (max-width: 620px){.settings-grid{grid-template-columns:1fr}}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:middle}.dot.live{background:var(--green);box-shadow:0 0 0 3px var(--green-bg)}.hamburger,.mobile-top{display:none}@media (max-width: 1180px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.mid,.charts{grid-template-columns:1fr}}@media (max-width: 860px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:40;left:0;top:0;width:260px;transform:translate(-100%);transition:transform .25s;box-shadow:0 0 40px #00000026}.sidebar.open{transform:none}.backdrop{display:none}.backdrop.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#1410084d;z-index:30}.mobile-top{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:20}.hamburger{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--card)}.hamburger svg{width:18px;height:18px}.main{padding:18px 16px 40px}.head-strip{width:100%;margin-left:0}.strip-card{flex:1}.page-head h1{font-size:23px}}@media (max-width: 560px){.kpi-grid{grid-template-columns:1fr}}