:root{--bg:#080d19;--panel:#10182b;--panel2:#0c1424;--line:#23304b;--text:#f5f7ff;--muted:#95a3bf;--accent:#70a7ff;--accent2:#9a7cff;--green:#55d99a;--red:#ff7184;--amber:#f4c463;--shadow:0 14px 35px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at 85% -10%,#182747 0,#0b1020 30%,#080d19 68%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 22px;border-bottom:1px solid rgba(70,91,132,.35);background:rgba(8,13,25,.94);backdrop-filter:blur(11px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#15213a;border:1px solid #2e4065;color:#7aa9ff;font-weight:900;font-size:19px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.brand b{display:block;font-size:15px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:1px}.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-pill,.notify-btn,.logout,.secondary,.primary,.select-wrap{border:1px solid var(--line);border-radius:11px;background:#121b30;color:#dfe7fa;padding:9px 11px;font-size:12px;text-decoration:none}.status-pill i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-right:7px}.status-pill.online i{background:var(--green)}.notify-btn{cursor:pointer}.logout{color:#ffb5bf}.container{max-width:1240px;margin:0 auto;padding:22px}.hero{display:flex;justify-content:space-between;gap:18px;padding:25px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#111a2e,#0f1728);box-shadow:var(--shadow)}.hero-main{min-width:0}.kicker,.login-kicker{font-size:10px;letter-spacing:.16em;color:#7eabff;font-weight:900}.hero h1{max-width:760px;font-size:33px;line-height:1.1;margin:8px 0 10px}.hero p{max-width:760px;color:var(--muted);line-height:1.5;margin:0}.hero-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.primary,.secondary{cursor:pointer}.primary{background:#2f74ff;border-color:#3e83ff;color:#fff;font-weight:800}.select-wrap{display:flex;align-items:center;gap:8px;color:var(--muted)}select{border:0;background:transparent;color:#fff;outline:0;font:inherit}.hero-side{min-width:230px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.live-dot{font-weight:900;font-size:12px;margin-bottom:12px}.live-dot span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 0 5px rgba(85,217,154,.12)}.sync-card{display:grid;gap:4px;min-width:200px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#0c1424;text-align:right}.sync-card small{font-size:10px;color:var(--muted)}.sync-card strong{font-size:12px;margin-bottom:5px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:14px 0}.stat{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--line);background:var(--panel);border-radius:16px;min-width:0}.stat.featured{grid-column:span 2;background:linear-gradient(145deg,#131f39,#11192c)}.stat.alert-stat{background:#16182a}.stat-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#182540;font-size:18px;flex:0 0 auto}.stat span,.stat small{display:block;color:var(--muted);font-size:11px}.stat strong{display:block;font-size:23px;margin:6px 0 2px;white-space:nowrap}.panel{margin:14px 0;padding:17px;border:1px solid var(--line);background:var(--panel);border-radius:17px;box-shadow:0 10px 22px rgba(0,0,0,.12)}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel-grid .panel{margin:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.panel-head.compact{margin-bottom:10px}.panel-head h2{font-size:17px;margin:0}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.panel-tools{display:flex;align-items:center;gap:7px}.new-pill{padding:7px 9px;border-radius:999px;background:#173927;color:#8ef0bb;font-size:11px;font-weight:800}.hidden{display:none}.filter-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.filter{border:1px solid var(--line);background:#0d1627;color:#aebbd4;border-radius:10px;padding:8px 10px;font-size:11px;cursor:pointer}.filter.active{background:#1d3970;color:#fff;border-color:#3564ae}.search{margin-left:auto;min-width:210px;border:1px solid var(--line);background:#0b1322;color:#fff;border-radius:10px;padding:9px 11px;outline:0}.feed{display:grid;gap:7px}.feed-item{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid #1c2842;border-radius:12px;background:var(--panel2)}.feed-item.deposit{border-left:3px solid #57d99a}.feed-item.order{border-left:3px solid #75a9ff}.feed-item.rental{border-left:3px solid #b58cff}.feed-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#18233a;font-size:16px;flex:0 0 auto}.feed-main{flex:1;min-width:0}.feed-main b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-main span{display:block;color:var(--muted);font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-right{text-align:right;flex:0 0 auto}.feed-right strong{font-size:12px}.badge{display:inline-block;border-radius:999px;padding:3px 7px;font-size:9px;margin-top:3px;background:#293248;color:#d9e3fa;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge.ok{background:#123a2b;color:#8fe5ba}.badge.bad{background:#45202b;color:#ffb0bc}.badge.wait{background:#413718;color:#ffd67c}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{padding:9px 8px;border-bottom:1px solid #1d2840;text-align:left;font-size:11px}th{color:#7f8eab;text-transform:uppercase;font-size:9px;letter-spacing:.06em}td{color:#eaf0ff}.empty{text-align:center;color:var(--muted);padding:25px}.toast-stack{position:fixed;right:16px;bottom:16px;z-index:90;display:grid;gap:8px;max-width:min(360px,calc(100vw - 32px))}.toast{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid #30415f;border-radius:14px;background:#121c31;box-shadow:0 20px 45px rgba(0,0,0,.35);animation:toastIn .22s ease-out}.toast-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#182640}.toast strong{display:block;font-size:12px}.toast span{display:block;color:var(--muted);font-size:10px;margin-top:2px}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}footer{text-align:center;color:#65738d;font-size:10px;padding:20px 0 6px}.login-page{display:grid;place-items:center;min-height:100vh;padding:18px}.login-card{width:min(450px,100%);padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow)}.login-card h1{font-size:28px;margin:9px 0}.login-card form{display:grid;gap:14px;margin-top:20px}.login-card label{font-size:11px;font-weight:800;color:#dce5f8}.login-card input{width:100%;margin-top:7px;padding:13px 14px;border-radius:11px;border:1px solid #2a3754;background:#0a1220;color:#fff;outline:0}.password-wrap{position:relative}.password-wrap input{padding-right:46px}.password-wrap button{position:absolute;right:6px;top:12px;border:0;background:transparent;color:#8b9ab6;cursor:pointer}.alert{padding:11px 12px;border-radius:11px;font-size:11px}.danger{background:#3b1c27;color:#ffbbc4}.login-note{color:#697793;font-size:10px;margin:13px 0 0}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(3,1fr)}.stat.featured{grid-column:span 2}.hero-side{min-width:200px}}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column;padding:12px 14px}.top-actions{width:100%}.top-actions>*{flex:1}.container{padding:12px}.hero{flex-direction:column;padding:18px}.hero h1{font-size:27px}.hero-side{align-items:flex-start}.sync-card{text-align:left;width:100%}.stats-grid{grid-template-columns:1fr 1fr}.stat.featured{grid-column:span 2}.panel-grid{grid-template-columns:1fr}.search{margin-left:0;min-width:100%;width:100%}.panel-head{align-items:flex-start;flex-direction:column}.panel-tools{width:100%}.panel-tools>*{flex:1}.hero-tools>*{flex:1}.select-wrap{justify-content:space-between}.toast-stack{right:10px;left:10px;max-width:none}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.stat.featured{grid-column:auto}.feed-right strong{font-size:11px}.feed-main span{font-size:9px}}