:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg:#050b12;--bg-2:#07111f;--panel:#0b1524;--panel-2:#101b2a;--border:#223246;--text:#f3f7fb;--muted:#8ea3ba;--blue:#1fa8ff;--blue-soft:#1fa8ff24;--green:#38e76f;--green-soft:#38e76f24;--red:#ff4b4b;--red-soft:#ff4b4b24;--orange:#f97316;--orange-soft:#f9731624;--shadow:0 20px 50px #00000052;--radius:20px}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;min-height:100%;color:var(--text);margin:0;font-family:Inter,Arial,sans-serif;overflow-x:hidden}body{background:radial-gradient(circle at 100% 0,#1fa8ff1f,#0000 25%),radial-gradient(circle at 0 0,#38e76f0d,#0000 20%),linear-gradient(135deg,#04080f 0%,#050b12 40%,#09111c 100%)}.app{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:linear-gradient(#07111f 0%,#060d18 100%);flex-direction:column;width:240px;min-width:240px;padding:22px 18px;display:flex}.logo{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;align-items:center;gap:12px;margin-bottom:34px;padding:10px;display:flex}.logo-icon{background:linear-gradient(135deg,#0b63ce,#1fa8ff);border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex;box-shadow:0 8px 24px #0b63ce59}.logo h2{color:var(--blue);letter-spacing:.08em;margin:0;font-size:17px}.logo p{color:var(--muted);letter-spacing:.12em;margin:3px 0 0;font-size:11px}nav button{color:#dbeafe;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:14px;font-size:14px;font-weight:600;transition:all .25s;display:flex}nav button:hover,nav button.active{background:linear-gradient(135deg,#0b63ce38,#1fa8ff1f);border-color:#1fa8ff38;transform:translate(4px)}nav span{background:var(--red);color:#fff;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:12px}.system-box{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(145deg,#0b1524,#0d1928);border-radius:18px;align-items:center;gap:12px;margin-top:auto;padding:16px;display:flex}.system-box p{margin:0;font-weight:600}.system-box small{color:var(--muted)}.main{flex:1;width:100%;padding:24px;overflow-x:hidden}.header{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#0b1524d9,#111c2bcc);border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.header h1{letter-spacing:1px;margin:0;font-size:30px}.header p{color:var(--muted);max-width:580px;margin:8px 0 0;line-height:1.5}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.badge,.admin,.icon-button{border:1px solid var(--border);color:var(--text);background:#0b1524;border-radius:14px;align-items:center;gap:7px;padding:10px 13px;font-size:13px;font-weight:700;display:flex}.badge.dark{background:#ffffff08}.badge.green{background:var(--green-soft);color:var(--green);border-color:#38e76f33}.icon-button{cursor:pointer;justify-content:center;width:42px;height:42px;padding:0}.sync{text-align:right;color:var(--muted);margin-top:12px;font-size:13px}.big-alert{border:1px solid var(--orange);color:#fff7ed;background:linear-gradient(135deg,#7c2d12cc,#f9731626);border-radius:16px;margin-top:16px;padding:16px 18px;font-weight:700;box-shadow:0 10px 30px #f9731629}.big-alert.danger{border-color:var(--red);background:linear-gradient(135deg,#7f1d1de6,#ef44442e);box-shadow:0 10px 30px #ef444429}.cards{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px;margin-top:22px;display:grid}.card,.panel{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(145deg,#0b1524f5,#101b2af0)}.card{align-items:flex-start;gap:16px;padding:20px;transition:all .25s;display:flex}.card:hover{border-color:#1fa8ff40;transform:translateY(-3px)}.icon{background:linear-gradient(135deg,#0b63ce,#1fa8ff);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 10px 30px #0b63ce40}.icon.green{background:linear-gradient(135deg,#15803d,#22c55e)}.icon.red{background:linear-gradient(135deg,#991b1b,#ef4444)}.icon.cyan{background:linear-gradient(135deg,#0b63ce,#38bdf8)}.icon.gray{background:linear-gradient(135deg,#334155,#475569)}.card p{color:var(--muted);letter-spacing:.08em;margin:0;font-size:12px;font-weight:700}.card h2{margin:10px 0 8px;font-size:30px;line-height:1.1}.card small{color:#cbd5e1;align-items:center;gap:7px;display:flex}.grid{grid-template-columns:1.7fr 1fr;gap:16px;margin-top:16px;display:grid}.panel{padding:20px}.panel h3{letter-spacing:.03em;margin:0;font-size:19px}.panel-title,.section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.panel-title p,.section-head small{color:var(--muted);margin:8px 0 0;font-size:13px;display:block}.panel-tag{color:var(--blue);background:#1fa8ff24;border:1px solid #1fa8ff33;border-radius:12px;padding:10px 14px;font-weight:700}.control-panel{grid-row:span 2}.control-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.btn,.emergency,.reset{color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:15px;font-weight:700;transition:all .25s;display:flex}.btn:hover,.emergency:hover,.reset:hover{filter:brightness(1.05);transform:translateY(-2px)}.btn.on{background:linear-gradient(135deg,#15803d,#22c55e)}.btn.off{background:linear-gradient(135deg,#991b1b,#ef4444)}.btn.blue{background:linear-gradient(135deg,#0b3d70,#0b63ce)}.emergency{background:linear-gradient(135deg,#dc2626,#b91c1c);width:100%;margin-top:18px;padding:18px;font-size:16px;box-shadow:0 14px 30px #dc26263d}.reset{background:linear-gradient(135deg,#334155,#475569);width:100%;margin-top:12px}.status-line{border-bottom:1px solid #1d2b3a;align-items:center;gap:14px;padding:14px 0;display:flex}.status-line:last-child{border-bottom:none}.status-line h4,.status-line p{margin:0}.status-line h4{font-size:15px}.status-line p{color:var(--muted);margin-top:4px;font-size:13px}.lamp,.dot{border-radius:50%;display:inline-block}.dot{width:9px;height:9px}.lamp{width:16px;height:16px;box-shadow:0 0 14px}.green{background:var(--green);color:var(--green)}.red{background:var(--red);color:var(--red)}.blue{background:var(--blue);color:var(--blue)}.critical{background:linear-gradient(135deg,#1d2432,#151f2e);border:1px solid #334155;border-radius:18px;align-items:center;gap:15px;margin-top:18px;padding:18px;display:flex}.critical h2{color:var(--orange);margin:0;font-size:24px}.critical span{color:#cbd5e1;margin-left:8px;font-size:13px}.critical p{color:var(--muted);margin:5px 0 0}.bottom-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.history{grid-column:span 2}.alert-line,.action-line{border-bottom:1px solid #1d2b3a;align-items:center;gap:12px;padding:14px 0;display:flex}.alert-line:last-child,.action-line:last-child{border-bottom:none}.alert-line h4,.alert-line p,.action-line h4,.action-line p{margin:0}.alert-line h4,.action-line h4{font-size:15px}.alert-line p,.action-line p{color:var(--muted);margin-top:4px;font-size:13px}.alert-line span,.action-line span{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12px}.action-icon{background:linear-gradient(135deg,#0b3d70,#0b63ce);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.empty-state{color:var(--muted);align-items:center;gap:10px;padding:18px 0;display:flex}table{border-collapse:collapse;width:100%;margin-top:10px}th,td{text-align:left;border-bottom:1px solid #1d2b3a;padding:13px 12px}th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px}td{font-size:14px}.green-text{color:var(--green)!important}.blue-text{color:var(--blue)!important}.red-text{color:var(--red)!important}.orange-text{color:var(--orange)!important}.cyan-text{color:#38bdf8!important}.info{color:#dbeafe;background:linear-gradient(135deg,#071a30f2,#0b3d7038);border:1px solid #0b63ce;border-radius:18px;margin-top:18px;padding:18px 20px}.info strong{margin-bottom:8px;display:block}.info p{color:#c7d7ea;margin:0;line-height:1.6}@media (width<=1400px){.grid,.bottom-grid{grid-template-columns:1fr}.history{grid-column:span 1}}@media (width<=1100px){.sidebar{display:none}.header{flex-direction:column;align-items:flex-start}.header-actions{justify-content:flex-start}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.control-grid{grid-template-columns:1fr}}@media (width<=700px){.main{padding:14px}.header{padding:16px}.header h1{font-size:24px}.cards{grid-template-columns:1fr}.panel,.card{padding:16px}.panel-title,.section-head{flex-direction:column}.alert-line,.action-line{flex-direction:column;align-items:flex-start}.alert-line span,.action-line span{margin-left:0}table{display:block;overflow-x:auto}}