:root{--navy:#022a48;--navy2:#060a25;--blue:#145d94;--cyan:#2ad0c8;--ink:#11273c;--muted:#6f8294;--line:#e2e9f0;--paper:#f3f6f9;--white:#fff;--red:#e5485b;--amber:#eaa32d;--green:#14a879;--shadow:0 14px 38px rgba(2,42,72,.09)}
*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Tahoma,Arial,sans-serif;background:var(--paper);color:var(--ink)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;color:#4d7ca8;text-transform:uppercase}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;padding:6vw;background:radial-gradient(circle at 15% 80%,#174f7b 0,transparent 38%),linear-gradient(135deg,#06192b,#0b2b47)}.login-brand,.logo{display:flex;gap:12px;align-items:center;color}.login-brand{color:#fff;align-self:start}.login-brand strong,.logo strong{display:block;letter-spacing:.1em}.login-brand span,.logo span{font-size:11px;opacity:.65}.brand-mark{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:800}.login-card{background:#fff;border-radius:24px;padding:44px;max-width:520px;width:100%;align-self:center;justify-self:center;box-shadow:0 30px 80px #0004}.login-card h1{font-size:33px;line-height:1.3;margin:8px 0}.login-card p{color:var(--muted);margin-bottom:28px}label{display:grid;gap:7px;margin:13px 0;font-size:13px;font-weight:600}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #d8e2eb;border-radius:9px;background:#fbfcfd;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1c72e81a}button{border:0;border-radius:9px;background:var(--blue);color:#fff;padding:11px 18px;font-weight:700;cursor:pointer}.login-card button{width:100%;margin-top:10px}.error{color:var(--red);font-size:13px;margin-top:10px}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:fixed;right:0;top:0;bottom:0;width:245px;background:linear-gradient(180deg,var(--navy),#061625);color:#fff;padding:22px 16px;display:flex;flex-direction:column}.logo{padding:3px 7px 28px}.sidebar nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;text-align:right;background:transparent;color:#a8bed1;padding:13px}.nav-item i{display:grid;place-items:center;width:24px;height:24px;font-style:normal}.nav-item b{margin-right:auto;background:var(--red);border-radius:20px;padding:2px 7px;font-size:11px;color:#fff}.nav-item:hover,.nav-item.active{background:#ffffff12;color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid #ffffff17;padding:18px 8px 0;display:flex;justify-content:space-between;font-size:12px}.sidebar-footer strong{color:var(--cyan)}main{grid-column:2;padding:0 28px 40px;max-width:1800px;width:100%;margin:auto}header{height:92px;display:flex;justify-content:space-between;align-items:center}header h2{margin:3px 0;font-size:25px}.header-actions,.user{display:flex;align-items:center;gap:12px}.user{border-right:1px solid var(--line);padding-right:13px}.user span{display:block;font-size:11px;color:var(--muted)}.avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--navy2);color:#fff;font-weight:800}.quiet,.icon-button,.link{background:#fff;color:var(--ink);border:1px solid var(--line)}.icon-button{padding:8px 13px;font-size:20px}.link{font-size:12px}.page{display:none}.page.active{display:block}.hero-strip{min-height:190px;border-radius:18px;padding:32px 38px;color:#fff;display:flex;justify-content:space-between;align-items:center;background:radial-gradient(circle at 15% 30%,#2ad0c855,transparent 34%),linear-gradient(110deg,#0a2742,#15547d);box-shadow:var(--shadow)}.hero-strip span{color:#8ceae3;font-size:12px;font-weight:700}.hero-strip h3{font-size:28px;margin:7px 0}.hero-strip p{margin:0;color:#c7dae9}.pulse{display:grid;place-items:center;width:100px;height:100px;border:1px solid #ffffff26;border-radius:50%;position:relative}.pulse i{width:14px;height:14px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 10px #2ad0c822}.pulse b{position:absolute;bottom:13px;font-size:10px;letter-spacing:.2em}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin:17px 0}.stat,.panel{background:#fff;border:1px solid #e6edf3;border-radius:14px;box-shadow:var(--shadow)}.stat{padding:17px}.stat span{color:var(--muted);font-size:12px}.stat strong{display:block;font-size:27px;margin-top:6px}.stat.critical strong{color:var(--red)}.stat.warning strong{color:var(--amber)}.stat.online strong{color:var(--green)}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:17px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.panel h3{margin:3px 0}.mini-row,.alert-row,.customer-row{padding:13px 4px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.mini-row:last-child,.alert-row:last-child,.customer-row:last-child{border-bottom:0}.mini-row>div:nth-child(2),.alert-row>div:nth-child(2){flex:1}.mini-row span,.alert-row p{display:block;font-size:12px;color:var(--muted);margin:3px 0}.status{display:inline-flex;padding:4px 9px;border-radius:20px;font-size:10px;font-weight:800}.status.healthy{background:#dcf8ef;color:#087b5c}.status.warning{background:#fff2d9;color:#9b6200}.status.critical{background:#ffe4e7;color:#b51f36}.status.offline{background:#e9edf1;color:#586a79}.severity{width:9px;height:38px;border-radius:9px;background:var(--amber)}.severity.critical{background:var(--red)}.toolbar{display:grid;grid-template-columns:1fr 180px auto;gap:10px;margin-bottom:14px}.table-panel{overflow:auto;padding:0}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:right;padding:14px;background:#f8fafc;color:#63788c;font-size:11px}td{padding:14px;border-top:1px solid var(--line);font-size:13px}tr[data-id]{cursor:pointer}tr[data-id]:hover{background:#f7fbff}.metric{font-weight:700}.muted,.list-state{color:var(--muted)}.form-panel{padding:26px}.customer-row{justify-content:space-between}dialog{width:min(900px,90vw);border:0;border-radius:18px;padding:30px;box-shadow:0 30px 80px #071d3266}dialog::backdrop{background:#071d3280}.dialog-close{float:left;background:#eef3f8;color:var(--ink);font-size:20px;padding:5px 12px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;clear:both;padding-top:15px}.detail-card{background:#f6f9fc;padding:15px;border-radius:10px}.detail-card span{display:block;color:var(--muted);font-size:11px}.detail-card strong{display:block;margin-top:5px}.anydesk-action{display:flex;gap:9px;align-items:center;margin-top:18px;padding:16px;border-radius:11px;background:#edf6ff}.anydesk-action strong{direction:ltr;font-size:21px;margin-left:auto}
@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}.grid-two{grid-template-columns:1fr}}@media(max-width:760px){.login-shell{display:block;padding:24px}.login-brand{margin-bottom:35px}.login-card{padding:28px}.app-shell{display:block}.sidebar{position:static;width:100%;height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}.sidebar-footer{display:none}main{padding:0 14px 30px}header{height:auto;padding:18px 0}.user{display:none}.stats{grid-template-columns:repeat(2,1fr)}.hero-strip{padding:24px}.pulse{display:none}.toolbar{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}}
.brand-logo{display:block;width:172px;max-height:45px}.login-brand,.logo{flex-wrap:wrap}.login-brand>span,.logo>span{width:100%;margin-top:-8px}