: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;border-radius:16px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:30px}.brand-logo--sm{width:34px;height:34px;border-radius:9px;font-size:17px}.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}.sidebar__brand{display:flex;gap:10px;align-items:center;padding:0 18px 20px}.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}.nav a{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 a:hover{background:var(--bg-card);color:var(--text)}.nav a.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}.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%}.dot--on{background:#4ade80}.dot--off{background:var(--accent)}@media (max-width: 720px){.auth{grid-template-columns:1fr}.auth__hero{display:none}.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:18px}}