:root{--bg:#071019;--bg-soft:#0a1621;--panel:#0d1b27;--panel-2:#102231;--line:#203444;--text:#e8f1f7;--muted:#8ca2b2;--cyan:#36d6c8;--blue:#4a8cff;--green:#36d28f;--yellow:#f5bb45;--red:#ff5e6c;--purple:#a78bfa;--shadow:0 18px 45px rgba(0,0,0,.22);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(54,214,200,.08),transparent 32%),var(--bg);color:var(--text);font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid var(--line);background:rgba(7,16,25,.96);padding:22px 14px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.1rem;letter-spacing:-.02em;padding:0 10px 22px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#031017;font-size:.8rem;box-shadow:0 0 30px rgba(54,214,200,.2)}.nav-group{margin:17px 0}.nav-group>p{margin:0 10px 7px;color:#5e788a;font-size:.69rem;font-weight:800;letter-spacing:.13em}.nav-group a{display:flex;align-items:center;gap:10px;padding:9px 11px;margin:2px 0;border-radius:9px;color:#a8bac7;font-size:.88rem}.nav-group a:hover{background:rgba(255,255,255,.04);color:var(--text)}.nav-group a.active{background:linear-gradient(90deg,rgba(54,214,200,.16),rgba(74,140,255,.08));color:#dffefa;border:1px solid rgba(54,214,200,.16)}.nav-icon{width:22px;text-align:center;color:#7290a5;font-size:.78rem;font-weight:800}.active .nav-icon{color:var(--cyan)}.workspace{min-width:0}.topbar{height:80px;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:18px;justify-content:space-between;padding:13px 28px;border-bottom:1px solid var(--line);background:rgba(7,16,25,.88);backdrop-filter:blur(16px)}.topbar h1{font-size:1.25rem;margin:1px 0 0;letter-spacing:-.025em}.eyebrow{font-size:.66rem;font-weight:800;letter-spacing:.15em;color:#5f8197;margin:0}.top-actions{display:flex;align-items:center;gap:13px}.live-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(54,210,143,.22);background:rgba(54,210,143,.08);padding:6px 10px;border-radius:999px;color:#8deabb;font-size:.76rem}.live-pill span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.user-name{font-size:.86rem;color:#b7c7d2}.content{padding:24px 28px 50px;max-width:1800px;margin:auto}.card{background:linear-gradient(145deg,rgba(16,34,49,.94),rgba(11,25,36,.94));border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.card.compact{box-shadow:none}.filters{display:flex;align-items:center;gap:38px;padding:12px 16px;margin-bottom:18px}.filters div{display:flex;flex-direction:column}.filter-label,.stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#718a9b}.filters strong{font-size:.86rem}.filters a{margin-left:auto}.stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat-card{padding:16px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(155deg,#102330,#0b1823);min-width:0}.stat-card:hover{border-color:#36566b}.stat-card strong{display:block;font-size:2rem;line-height:1.1;margin:6px 0;letter-spacing:-.05em}.stat-card strong small{font-size:.8rem;color:#718a9b;margin-left:4px;letter-spacing:0}.stat-card.warning strong{color:var(--yellow)}.stat-card.danger strong{color:var(--red)}.trend{font-size:.7rem}.trend.good{color:var(--green)}.trend.warn{color:var(--yellow)}.trend.bad{color:var(--red)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:16px}.dashboard-grid>.card{padding:19px}.dashboard-grid>.wide{grid-column:1/-1}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px}.card-heading h2,.info-card h2,.queue-visual h2{font-size:1rem;margin:3px 0;letter-spacing:-.01em}.card-heading a{font-size:.76rem;color:var(--cyan)}.incident-list{display:grid;gap:7px}.incident-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto 88px;align-items:center;gap:11px;padding:10px;border:1px solid #1a3040;background:rgba(0,0,0,.12);border-radius:9px}.severity-dot{width:7px;height:7px;border-radius:50%;background:var(--yellow)}.severity-critical .severity-dot{background:var(--red);box-shadow:0 0 9px rgba(255,94,108,.5)}.severity-info .severity-dot{background:var(--blue)}.incident-main{min-width:0;display:flex;flex-direction:column}.incident-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.84rem}.incident-main span,.telegram-state{font-size:.7rem;color:var(--muted)}.tag,.status{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:3px 8px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#1a2d3a;color:#a8c0ce}.tag.critical,.status.offline,.status.failed{background:rgba(255,94,108,.12);color:#ff8791}.tag.warning,.status.warning,.status.unstable{background:rgba(245,187,69,.12);color:#ffd16e}.tag.info{background:rgba(74,140,255,.13);color:#85b1ff}.status.online,.status.sent,.status.completed,.status.open{background:rgba(54,210,143,.12);color:#7be5b2}.status.pending,.status.queued,.status.reserved{background:rgba(167,139,250,.13);color:#c4adff}.status.resolved,.status.acknowledged,.status.disabled{background:rgba(140,162,178,.12);color:#a9bac6}.spark-bars{height:188px;display:flex;align-items:flex-end;justify-content:space-around;gap:10px;padding:14px 5px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent,transparent 44px,rgba(255,255,255,.035) 45px)}.spark-column{height:100%;flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:8px}.spark-column span{position:relative;width:min(38px,70%);min-height:6px;border-radius:5px 5px 1px 1px;background:linear-gradient(to top,var(--blue),var(--cyan));box-shadow:0 0 18px rgba(54,214,200,.08)}.spark-column b{position:absolute;top:-20px;width:100%;text-align:center;font-size:.68rem}.spark-column small{font-size:.65rem;color:var(--muted)}.empty-chart{align-self:center;color:var(--muted);font-size:.84rem}.server-list{display:grid;gap:7px}.server-row{display:grid;grid-template-columns:65px minmax(120px,1fr) 85px 70px 48px;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(32,52,68,.65);font-size:.76rem}.server-row:last-child{border:0}.server-row>span:not(.source-badge):not(.status){color:var(--muted)}.source-badge{display:inline-flex;align-items:center;width:max-content;max-width:150px;overflow:hidden;text-overflow:ellipsis;padding:3px 7px;border-radius:5px;background:rgba(74,140,255,.11);color:#8cb6ff;font-size:.65rem;font-weight:800}.bar-list{display:grid;gap:10px}.bar-item{display:grid;grid-template-columns:105px 1fr 28px;align-items:center;gap:9px;font-size:.73rem;text-transform:capitalize}.bar-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aabdc9}.bar-item>div{height:7px;border-radius:99px;background:#152633;overflow:hidden}.bar-item i{height:100%;display:block;background:linear-gradient(90deg,var(--purple),var(--blue));border-radius:99px}.table-wrap{overflow:auto}.table-card{padding:19px;margin-top:16px}table{width:100%;border-collapse:collapse;min-width:780px}th{text-align:left;font-size:.66rem;color:#698497;text-transform:uppercase;letter-spacing:.08em;font-weight:800;padding:10px;border-bottom:1px solid var(--line)}td{font-size:.78rem;color:#b7c7d1;padding:11px 10px;border-bottom:1px solid rgba(32,52,68,.6)}tr:last-child td{border-bottom:0}.table-sub{display:block;color:#688294;margin-top:3px}.empty-cell{text-align:center!important;color:var(--muted)!important;padding:32px!important}.bad-text{color:var(--red)!important}.button{border:1px solid #315267;background:#142a39;color:#d7e7f0;border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:700;font-size:.78rem}.button:hover{border-color:#4c7891}.button.primary{background:linear-gradient(135deg,#20bcae,#2f7ee8);border-color:transparent;color:white}.button.ghost{background:transparent}.button.small{padding:6px 9px;font-size:.7rem}.icon-button{display:none;border:0;background:none;color:white;font-size:1.2rem}.module-intro{display:flex;justify-content:space-between;margin:0 0 16px;color:var(--muted);font-size:.88rem}.module-intro p{margin:0}.flash{border:1px solid rgba(54,210,143,.25);background:rgba(54,210,143,.08);padding:13px 15px;border-radius:10px;margin-bottom:16px;color:#b9f3d5;font-size:.82rem}.flash.error{border-color:rgba(255,94,108,.25);background:rgba(255,94,108,.08);color:#ffadb5}.command-box{display:flex;align-items:center;gap:12px;background:#061019;border:1px solid #1d394a;border-radius:8px;padding:9px;margin-top:10px;overflow:auto}.command-box code{white-space:nowrap;color:#8be7dc;font-size:.74rem}.two-column,.placeholder-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.two-column>.card,.placeholder-grid>.card{padding:19px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:grid;gap:5px;font-size:.73rem;color:#8fa6b5}.form-grid input,.form-grid select{width:100%;border:1px solid #284455;background:#08151f;color:#e4edf3;border-radius:8px;padding:9px 10px;outline:none;min-height:40px}.form-grid input:focus,.form-grid select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(54,214,200,.07)}.span-2{grid-column:1/-1}.form-actions{display:flex;align-items:flex-end;justify-content:flex-end}.form-grid details{border:1px solid var(--line);padding:9px 11px;border-radius:8px;color:#9fb2bf;font-size:.75rem}.form-grid summary{cursor:pointer}.form-grid.nested{margin-top:12px}.check{display:flex!important;grid-template-columns:18px 1fr!important;align-items:center;margin-top:17px}.check input,.check-grid input{min-height:unset;width:16px;height:16px}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:9px;padding:12px}.check-grid legend{font-size:.72rem;color:#8fa6b5;padding:0 5px}.check-grid label{display:flex;align-items:center;gap:8px}.info-card p{color:var(--muted);font-size:.82rem}.info-card ul{padding-left:18px;color:#a8bdc9;font-size:.8rem;display:grid;gap:8px}.network-flow{display:grid;grid-template-columns:1fr;justify-items:center;gap:7px;margin:18px 0}.network-flow span{border:1px solid #2a5064;background:#0a1b26;padding:9px 24px;border-radius:8px;font-weight:800;font-size:.78rem}.network-flow i{font-style:normal;color:var(--cyan);font-size:.67rem}.queue-visual p{color:var(--muted);font-size:.8rem}.batch-line{display:flex;align-items:center;justify-content:center;gap:8px;margin:28px 0}.batch-line span{display:grid;text-align:center;border:1px solid #275065;background:#09202c;border-radius:9px;padding:10px 15px;font-weight:800}.batch-line small{display:block;color:var(--muted);font-weight:400}.batch-line i{font-style:normal;color:var(--cyan);font-size:.7rem}.queue-count{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.queue-count strong{font-size:2rem;color:var(--cyan)}.queue-count span{font-size:.8rem;color:var(--muted)}.empty-state{text-align:center;padding:35px;color:var(--muted)}.empty-state span{display:grid;place-items:center;margin:auto;width:44px;height:44px;border:1px solid #2d5367;border-radius:50%;color:var(--green);font-size:1.2rem}.empty-state strong{display:block;color:#c8d6df;margin-top:10px}.empty-state p{margin:6px 0}.empty-state.small{padding:22px}.guest-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,rgba(54,214,200,.12),transparent 35%),#071019}.login-shell{width:100%;padding:24px}.login-card{width:min(430px,100%);margin:auto;padding:34px;border:1px solid var(--line);border-radius:18px;background:rgba(13,27,39,.94);box-shadow:0 30px 70px rgba(0,0,0,.35)}.brand-login{padding:0 0 28px}.login-card h1{margin:5px 0;font-size:1.65rem}.muted{color:var(--muted);font-size:.85rem}.stack-form{display:grid;gap:15px;margin-top:22px}.stack-form label{display:grid;gap:6px;color:#9eb2bf;font-size:.78rem}.stack-form input{border:1px solid #284455;background:#07141e;border-radius:8px;padding:11px;outline:none}.stack-form input:focus{border-color:var(--cyan)}.stack-form .button{margin-top:5px;padding:11px}.placeholder-grid p{color:var(--muted)}
.action-strip{padding:13px 16px;margin-top:16px}.inline-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.inline-form label{display:grid;gap:4px;color:var(--muted);font-size:.7rem;min-width:180px;flex:1}.inline-form input,.inline-form select{border:1px solid #284455;background:#08151f;color:var(--text);border-radius:8px;padding:8px;min-height:38px}.inline-form .button{min-height:38px}
@media(max-width:1250px){.stat-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.incident-row{grid-template-columns:10px minmax(0,1fr) auto}.telegram-state{display:none}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;transform:translateX(-105%);transition:transform .2s;width:270px}.sidebar.open{transform:translateX(0)}.icon-button{display:block}.content{padding:18px}.topbar{padding:12px 18px}.user-name,.live-pill{display:none}.dashboard-grid,.two-column,.placeholder-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.filters{overflow:auto}.filters div{min-width:130px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:1}.check-grid{grid-template-columns:1fr 1fr}.dashboard-grid>.wide{grid-column:auto}}
@media(max-width:520px){.stat-grid{grid-template-columns:1fr 1fr}.stat-card{padding:13px}.stat-card strong{font-size:1.55rem}.topbar h1{font-size:1rem}.content{padding:14px}.dashboard-grid>.card,.two-column>.card,.placeholder-grid>.card,.table-card{padding:15px}.filters{display:none}.check-grid{grid-template-columns:1fr}.batch-line{gap:4px}.batch-line span{padding:8px}.incident-row{grid-template-columns:8px minmax(0,1fr)}.incident-row>.tag{display:none}}
.status.on_battery,.status.low_battery{background:rgba(245,187,69,.12);color:#ffd16e}.status.communication_lost{background:rgba(255,94,108,.12);color:#ff8791}.energy-discovery{grid-template-columns:65px minmax(160px,1fr) minmax(100px,.5fr) minmax(120px,.7fr) auto}.soft-line{border:0;border-top:1px solid var(--line);margin:24px 0}@media(max-width:900px){.energy-discovery{grid-template-columns:1fr}.energy-discovery>*{justify-self:start}}
.button.danger{border-color:rgba(255,94,108,.42);background:rgba(255,94,108,.09);color:#ff9aa3}.button.danger:hover{border-color:var(--red);background:rgba(255,94,108,.16)}.table-action{display:inline-flex;margin:0}.table-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.status.deletion_pending{background:rgba(245,187,69,.12);color:#ffd16e}.status.delete_failed{background:rgba(255,94,108,.12);color:#ff8791}.status.cancelled{background:rgba(140,162,178,.12);color:#a9bac6}