:root{--bg:#0f1012;--surface:#17181c;--surface2:#1e2025;--line:#2a2c33;--line2:#363943;--ink:#f2f3f5;--soft:#9aa0a8;--faint:#61656d;--accent:#ff375f;--accent2:#ff6b8a;--accent-soft:#3a1420;--teal:#34d8c4;--good:#4ade80;--warn:#fbbf24;--danger:#f87171;--info:#60a5fa;--ig:#e1306c;--fb:#3b82f6;--shadow:0 6px 24px -12px #0009;--r:16px;--r-sm:10px}:root[data-theme=light]{--bg:#f6f6f4;--surface:#fff;--surface2:#f2f2ef;--line:#e7e7e3;--line2:#dcdcd6;--ink:#1b1c20;--soft:#5f646d;--faint:#9aa0a8;--accent:#e11d48;--accent2:#f43f5e;--accent-soft:#fdeaef;--shadow:0 6px 22px -14px #1e1e2847}*{box-sizing:border-box;margin:0}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}body{min-width:1280px}a{color:inherit;text-decoration:none}.tab{font-variant-numeric:tabular-nums}.muted{color:var(--soft)}.faint{color:var(--faint)}.app{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.side{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:3px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:10px;padding:6px 10px 18px;display:flex}.logo .mk{background:radial-gradient(circle at 30% 30%,var(--accent2),var(--accent));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:flex}.logo .nm{letter-spacing:-.02em;font-size:15px;font-weight:800;line-height:1.05}.logo .nm small{color:var(--faint);letter-spacing:0;font-size:10.5px;font-weight:500;display:block}.nav-h{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);padding:12px 10px 5px;font-size:10.5px}.ni{color:var(--soft);cursor:pointer;border-radius:11px;align-items:center;gap:11px;padding:9px 11px;font-size:13.5px;font-weight:500;display:flex}.ni svg{width:18px;height:18px}.ni:hover{background:var(--surface2);color:var(--ink)}.ni.on{background:var(--accent-soft);color:var(--accent);font-weight:600}:root:not([data-theme=light]) .ni.on{background:var(--surface2);color:var(--accent2)}.side-foot{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.side-foot .av{background:var(--surface2);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;justify-content:space-between;align-items:center;padding:14px 30px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.02em;font-size:18px;font-weight:800}.topbar .r{align-items:center;gap:10px;display:flex}.chips{gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);color:var(--soft);cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:6px 13px;font-size:12.5px;font-weight:500;display:flex}.chip .d{border-radius:50%;width:8px;height:8px}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chip.on .d{background:var(--bg)}.icon-btn{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--soft);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:var(--ink);border-color:var(--line2)}.icon-btn svg{width:17px;height:17px}.logout{border:1px solid var(--line);background:var(--surface);color:var(--soft);cursor:pointer;border-radius:10px;padding:7px 13px;font-size:12.5px}.content{width:100%;max-width:1460px;margin:0 auto;padding:24px 34px 60px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}.card.h{transition:transform .16s,box-shadow .16s}.card.h:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.sec-h{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.sec-h h2{font-size:15px;font-weight:700}.sec-h .tag{color:var(--faint);font-size:11.5px}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}.kpi .lb{color:var(--soft);align-items:center;gap:6px;margin-bottom:9px;font-size:11.5px;font-weight:500;display:flex}.kpi .lb .pd{border-radius:50%;width:8px;height:8px}.kpi .v{letter-spacing:-.02em;font-size:25px;font-weight:800}.kpi .s{color:var(--soft);margin-top:6px;font-size:11.5px}.delta{border-radius:99px;margin-left:8px;padding:2px 7px;font-size:11px;font-weight:700}.delta.up{background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--good)}.delta.dn{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.grid2{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.row{gap:16px;margin-bottom:16px;display:grid}.ins{background:var(--surface2);border:1px solid var(--line);border-radius:12px;gap:10px;margin-bottom:9px;padding:12px 14px;display:flex}.ins .ic{background:var(--surface);border:1px solid var(--line);border-radius:7px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:flex}.ins p{font-size:12.5px;line-height:1.45}.ins b{font-weight:700}.ins.star .ic{color:var(--good)}.ins.warn .ic{color:var(--warn)}.ins.acc .ic{color:var(--accent2)}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);border-bottom:1px solid var(--line);padding:9px 10px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--line);padding:11px 10px}tr:last-child td{border-bottom:0}.num{text-align:right;font-variant-numeric:tabular-nums}.rowme{background:var(--accent-soft)}:root:not([data-theme=light]) .rowme{background:var(--surface2)}.pill{border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.pill.on{background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--good)}.pill.off{background:var(--surface2);color:var(--faint);border:1px solid var(--line)}.pill.role{background:var(--surface2);color:var(--soft)}.avatar{background:var(--surface2);vertical-align:middle;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;margin-right:8px;font-size:10px;font-weight:700;display:inline-flex}.cloud{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 20px;padding:30px 20px;line-height:1.05;display:flex}.w{white-space:nowrap;cursor:default;font-weight:700;transition:transform .15s}.w:hover{transform:scale(1.07)}.addbar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:14px 16px;display:flex}.addbar .sel,.addbar .inp{flex:150px;width:auto;min-width:120px}.addbar .inp.url{flex:2 260px}.scanbtn{align-items:center;gap:8px;display:inline-flex}.scanmsg{color:var(--soft);font-size:12.5px}.scanmsg.run{color:var(--accent2)}.masonry{column-count:5;column-gap:16px}.masonry>*{break-inside:avoid;margin-bottom:16px}.pin{background:var(--surface);border:1px solid var(--line);border-radius:16px;transition:transform .16s,box-shadow .16s;overflow:hidden}.pin:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.pin .ph{background:var(--surface2);width:100%;display:block}.pin .fallback{aspect-ratio:1;background:linear-gradient(135deg,var(--surface2),var(--line));width:100%;color:var(--faint);text-align:center;justify-content:center;align-items:center;padding:14px;font-size:12px;display:flex}.pin .bd{padding:11px 13px}.pin .cap{color:var(--ink);max-height:52px;font-size:12px;line-height:1.4;overflow:hidden}.pin .meta{color:var(--soft);align-items:center;gap:12px;margin-top:9px;font-size:11.5px;font-weight:600;display:flex}.pin .tagp{color:#fff;background:#0009;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.pin .wrap-img{position:relative}.tgrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.tcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.tcard .k{margin-bottom:6px;font-size:14px;font-weight:700}.tcard .bar{background:var(--surface2);border-radius:99px;height:6px;overflow:hidden}.tcard .bar i{background:linear-gradient(90deg,var(--accent),var(--accent2));height:100%;display:block}.tcard .m{color:var(--soft);margin-top:7px;font-size:11px}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.sel{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:8px 12px;font-size:12.5px}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:600}.btn:hover{background:var(--accent2)}.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.inp{border:1px solid var(--line);background:var(--surface2);color:var(--ink);border-radius:10px;width:100%;padding:9px 12px;font-size:13px}.inp:focus{border-color:var(--accent);outline:none}.empty{color:var(--faint);text-align:center;padding:30px;font-size:13px}.login-wrap{background:radial-gradient(130% 90% at 50% -10%,var(--accent-soft),transparent 55%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;width:370px;padding:34px}.login-card .brand{align-items:center;gap:11px;margin-bottom:8px;display:flex}.login-card p{color:var(--soft);margin-bottom:22px;font-size:13px}.fld{margin-bottom:13px;display:block}.fld span{color:var(--soft);margin-bottom:6px;font-size:12px;display:block}.fld input{background:var(--surface2);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:10px;padding:11px 13px;font-size:14px}.fld input:focus{border-color:var(--accent);outline:none}.err{color:var(--danger);min-height:18px;margin-top:10px;font-size:13px}