:root{--bg-deep: #0b1626;--bg-panel: #0f1e33;--bg-card: #142438;--bg-elev: #1b2f48;--border: #22344d;--text: #e8eef7;--text-dim: #8ea3bf;--text-mute: #5f748f;--accent: #f5a524;--accent-2: #f7b955;--green: #16a34a;--green-soft: #16a34a22;--red: #dc2626;--red-soft: #dc262622;--radius: 14px;--sidebar: 220px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.auth{display:grid;grid-template-columns:1fr 1fr;min-height:100%}.auth__hero{background:var(--bg-panel);padding:48px 56px;display:flex;flex-direction:column;justify-content:center;gap:28px}.auth__form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px}.auth__card{width:100%;max-width:380px}.brand-logo{width:64px;height:64px;object-fit:contain;flex:none}.brand-logo--sm{width:36px;height:36px;object-fit:contain;flex:none}.brand-title{font-size:44px;line-height:1;font-weight:800;letter-spacing:-1px;margin:0}.brand-title .accent{color:var(--accent)}.hero-feature{display:flex;gap:14px;align-items:flex-start}.hero-feature .ico{width:40px;height:40px;border-radius:11px;background:var(--bg-card);display:flex;align-items:center;justify-content:center;flex:none}.hero-feature h4{margin:0 0 3px;font-size:14px}.hero-feature p{margin:0;font-size:12.5px;color:var(--text-dim)}.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;height:100%}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 0;min-height:0}.sidebar__brand{display:flex;gap:10px;align-items:center;padding:0 18px 20px;flex:none}.sidebar__brand .name{font-weight:800;font-size:13px;letter-spacing:.5px;line-height:1.15}.sidebar__brand .name .accent{color:var(--accent)}.nav{display:flex;flex-direction:column;gap:2px;padding:0 10px;flex:1;min-height:0;overflow-y:auto}.nav button{display:flex;gap:11px;align-items:center;padding:10px 12px;border-radius:10px;color:var(--text-dim);font-size:13px;font-weight:600;border:none;background:none;text-align:left}.nav button:hover{background:var(--bg-card);color:var(--text)}.nav button.active{background:var(--accent);color:#1a1205}.sidebar__user{display:flex;gap:10px;align-items:center;padding:14px 18px 0;border-top:1px solid var(--border);margin-top:10px;flex:none}.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#1a1205;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}.sidebar__user .meta{flex:1;min-width:0}.sidebar__user .meta .n{font-size:12.5px;font-weight:700}.sidebar__user .meta .r{font-size:10.5px;color:var(--text-mute);text-transform:capitalize}.icon-btn{background:none;border:none;color:var(--text-mute);padding:6px;border-radius:8px}.icon-btn:hover{color:var(--text);background:var(--bg-card)}.main{overflow-y:auto;padding:30px 38px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;gap:16px;flex-wrap:wrap}.page-head h1{margin:0 0 4px;font-size:25px;font-weight:800}.page-head p{margin:0;color:var(--text-dim);font-size:13px}.btn{border:none;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex;gap:8px;align-items:center}.btn--primary{background:var(--accent);color:#1a1205}.btn--dark{background:var(--bg-panel);color:var(--text);border:1px solid var(--border)}.btn--green{background:var(--green);color:#fff}.btn--red{background:var(--red);color:#fff}.btn--ghost{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn--block{width:100%;justify-content:center;padding:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12px;color:var(--text-dim);font-weight:600}.input,.select{background:var(--bg-deep);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:11px 12px;font-size:13px;width:100%;color-scheme:dark}.input:focus,.select:focus{outline:none;border-color:var(--accent)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.searchbar{display:flex;align-items:center;gap:9px;background:var(--bg-card);border:1px solid var(--border);border-radius:11px;padding:0 12px;flex:1}.searchbar input{background:none;border:none;color:var(--text);padding:11px 0;width:100%;font-size:13px}.searchbar input:focus{outline:none}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.4px;padding:14px 16px;border-bottom:1px solid var(--border)}td{padding:13px 16px;border-bottom:1px solid var(--border);font-size:13px}tr:last-child td{border-bottom:none}.code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px;color:var(--text-dim)}.strong{font-weight:700}.badge{display:inline-flex;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700}.badge--cat{background:var(--bg-elev);color:var(--accent-2)}.badge--ok{background:var(--green-soft);color:#4ade80}.badge--low{background:var(--red-soft);color:#f87171}.badge--warn{background:#f5a52422;color:var(--accent-2)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:20px}.stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;gap:14px;align-items:center}.stat .ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}.stat .lbl{font-size:12px;color:var(--text-dim)}.stat .val{font-size:26px;font-weight:800;line-height:1;margin:3px 0}.stat .sub{font-size:11px;color:var(--text-mute)}.tabs{display:inline-flex;background:var(--bg-panel);border:1px solid var(--border);border-radius:11px;padding:4px;gap:4px;margin-bottom:14px}.tabs button{background:none;border:none;color:var(--text-dim);padding:8px 18px;border-radius:8px;font-size:12px;font-weight:700}.tabs button.active{background:var(--accent);color:#1a1205}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:14px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#030810b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:18px;width:100%;max-width:420px;padding:24px}.modal h3{margin:0 0 18px;font-size:18px}.modal-actions{display:flex;gap:10px;margin-top:8px}.modal-actions .btn{flex:1;justify-content:center}.lowlist{display:flex;flex-direction:column}.lowlist .row{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px}.lowlist .row:last-child{border-bottom:none}.lowlist .row .q{color:var(--text-dim);font-size:12px}.section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;margin:22px 0 10px}.empty{text-align:center;color:var(--text-mute);padding:40px;font-size:13px}.pill-alert{display:inline-flex;align-items:center;gap:7px;background:#f5a52418;color:var(--accent-2);border:1px solid #f5a52433;padding:7px 13px;border-radius:999px;font-size:12px;font-weight:700}.sync-chip{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--text-dim);padding:6px 11px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card)}.dot{width:8px;height:8px;border-radius:50%}.notif-dot{width:7px;height:7px;border-radius:50%;background:#f87171;margin-left:4px;flex:none}.sync-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:999;background:#3b82f626}.sync-bar__fill{height:100%;width:40%;background:#3b82f6;animation:sync-indeterminate 1.4s infinite linear}@keyframes sync-indeterminate{0%{transform:translate(-120%)}to{transform:translate(360%)}}.sync-bar__label{position:fixed;top:8px;left:50%;transform:translate(-50%);background:var(--bg-panel);border:1px solid var(--border);color:var(--text);font-size:11px;font-weight:700;padding:5px 12px;border-radius:999px;z-index:999}.dot--on{background:#4ade80}.dot--off{background:var(--accent)}.mtopbar,.mbottomnav{display:none}@media (max-width: 720px){.auth{grid-template-columns:1fr}.auth__hero{display:none}.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:0 14px calc(78px + env(safe-area-inset-bottom))}.page-head{margin-bottom:16px}.page-head h1{font-size:21px}.toolbar{flex-wrap:wrap}.mtopbar{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:30;margin:0 -14px 16px;padding:12px 14px calc(12px + env(safe-area-inset-top));background:var(--bg-panel);border-bottom:1px solid var(--border)}.mtopbar .brand{display:flex;align-items:center;gap:9px}.mtopbar .brand img.brand-logo--sm{width:28px;height:28px}.mtopbar .name{font-weight:800;font-size:12px;line-height:1.1;letter-spacing:.4px}.mtopbar .name .accent{color:var(--accent)}.mtopbar .right{display:flex;align-items:center;gap:10px}.mbottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--bg-panel);border-top:1px solid var(--border);padding:6px 6px calc(6px + env(safe-area-inset-bottom));overflow-x:auto;gap:2px}.mbottomnav button{flex:1 0 auto;min-width:64px;background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 6px;border-radius:12px;color:var(--text-mute);font-size:10px;font-weight:700}.mbottomnav button .ico{font-size:17px;line-height:1}.mbottomnav button.active{color:var(--accent);background:var(--bg-card)}.panel{border:none;background:none;border-radius:0;overflow:visible}.panel table,.panel thead,.panel tbody,.panel tr,.panel th,.panel td{display:block;width:100%}.panel thead{display:none}.panel tr{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:12px 14px;margin-bottom:12px}.panel td{border:none;padding:7px 0;display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:right}.panel td:before{content:attr(data-label);text-align:left;flex:0 0 auto;color:var(--text-mute);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.3px}.panel td.code{justify-content:space-between}.empty{background:var(--bg-card);border:1px solid var(--border);border-radius:16px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px}.stat .val{font-size:22px}.modal{max-width:100%}.row2{grid-template-columns:1fr 1fr}}