:root{color-scheme:dark;--bg:#0b1020;--surface:#121a2d;--surface2:#172137;--line:#25314a;--text:#edf2ff;--muted:#92a2bc;--teal:#65e2c3;--violet:#b3a0ff;--amber:#f6c874;--red:#ff8c9c;--blue:#8fbaff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}a{color:var(--teal);text-decoration:none}button{background:var(--surface2);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:10px 14px;transition:background .15s}button:hover{background:#25344e}input,select,textarea{background:#0d1425;border:1px solid #33425e;color:var(--text);padding:12px;border-radius:8px;min-width:0;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--teal)}label{display:flex;flex-direction:column;gap:8px;color:#bdcae0;font-size:12px;font-weight:600}p{line-height:1.65;color:var(--muted)}h1,h2,h3,p{margin-top:0}h2{font-size:21px;font-weight:600;letter-spacing:-.4px}h3{font-size:15px;font-weight:600}small{color:var(--muted)}.hidden{display:none!important}.brand{display:flex;gap:12px;align-items:center;color:white;font-size:25px;letter-spacing:-1px;font-weight:700}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:var(--teal);color:#08392f;font-size:32px;line-height:1;font-weight:800}.brand-light{font-size:20px;font-weight:400;color:#9eb0ca}.eyebrow,.sidebar-label{font-size:10px;letter-spacing:2px;color:var(--teal);font-weight:700}.login-layout{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{padding:50px 8vw;background:radial-gradient(ellipse at 50% 65%,#19444e66,transparent 60%),linear-gradient(140deg,#182844,#0a1729);overflow:hidden}.login-story .eyebrow{margin:90px 0 22px}.login-story h1{font-size:clamp(32px,3.2vw,53px);line-height:1.2;letter-spacing:-2px}.login-story h1 span{color:var(--teal)}.login-story p{max-width:430px;font-size:16px}.login-foot{font-size:9px;letter-spacing:3px;color:#90a8bf;margin-top:35px}.login-form-wrap{display:grid;place-items:center;padding:45px}.login-form{width:min(380px,100%)}.login-form h2{font-size:29px;margin-top:19px}.login-form p{margin-bottom:30px}.login-form label{margin:20px 0}.primary{background:var(--teal);color:#0a302c;border-color:var(--teal);font-weight:700}.primary:hover{background:#9af0d8}.login-form .primary{width:100%;display:flex;justify-content:space-between;padding:14px;margin-top:25px}.secure-note{text-align:center;font-size:11px;margin-top:27px;color:var(--muted)}.error{color:var(--red);margin-top:16px;min-height:20px}.orbit{position:relative;border:1px solid #49698266;width:240px;height:240px;border-radius:50%;margin:50px auto 0;transform:rotate(-14deg)}.orbit:before{content:"";position:absolute;inset:29px;border:1px dashed #49698266;border-radius:50%}.orbit-core{position:absolute;inset:66px;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:28px;background:linear-gradient(145deg,#1f5b5b,#172d47);border:1px solid #61dfba44;font-size:28px;letter-spacing:-1px;transform:rotate(14deg)}.orbit-core span{font-size:7px;letter-spacing:2px;margin-top:8px;color:var(--teal)}.orbit-node{position:absolute;background:#183047;padding:10px 13px;border:1px solid #3c576a;border-radius:10px;color:#a4d5cf;font-size:10px;transform:rotate(14deg)}.n1{top:0;left:-25px}.n2{right:-48px;top:120px;color:var(--violet)}.n3{bottom:5px;left:2px;color:var(--blue)}.shell{display:grid;grid-template-columns:238px 1fr;min-height:100dvh}.sidebar{position:fixed;top:0;bottom:0;width:238px;background:#0e1527;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column}.sidebar .brand{margin-bottom:45px}.sidebar-label{color:#647591;font-size:9px;letter-spacing:1.6px;margin:0 12px 15px}nav{display:flex;flex-direction:column;gap:6px}nav button{text-align:left;border:0;background:transparent;display:flex;align-items:center;gap:12px;color:var(--muted);padding:13px}nav button>span:first-child{font-size:19px;width:23px;color:#7a91ad}nav button.active{background:#163335;color:var(--teal)}nav button.active>span:first-child{color:var(--teal)}.badge{margin-left:auto;border-radius:5px;background:#7b5831;color:var(--amber);font-size:10px;padding:2px 5px}.zabbix-link{margin:24px 12px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.sidebar-ai{margin-top:auto;padding:17px 12px;border:1px solid var(--line);border-radius:11px;font-size:12px}.sidebar-ai b{font-size:8px;padding:3px 5px;border-radius:4px;background:#342e51;color:var(--violet);margin-left:10px}.sidebar-ai small{display:block;font-size:10px;margin:8px 0 0 16px}.tiny-dot{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;margin-right:7px;box-shadow:0 0 12px #65e2c340}.profile{margin-top:22px;display:flex;gap:10px;align-items:center}.avatar{width:30px;height:30px;border-radius:8px;background:#253950;display:grid;place-items:center;color:var(--blue)}.profile strong{font-size:11px;display:block;max-width:116px;overflow:hidden;text-overflow:ellipsis}.profile small{font-size:9px}.profile button{margin-left:auto;border:0;background:transparent;padding:5px;color:var(--muted)}main{grid-column:2;min-width:0}.topbar{padding:25px 36px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;background:#0c1323}.breadcrumb{font-size:9px;letter-spacing:2px;color:#7186a6}.topbar h1{font-size:26px;margin:8px 0 0;font-weight:600;letter-spacing:-.7px}.topbar-right{display:flex;align-items:center;gap:24px}.live{font-size:10px;color:var(--teal);white-space:nowrap}.live.stale{color:var(--amber)}.server-picker{gap:4px;font-size:9px;text-transform:uppercase;letter-spacing:1px}.server-picker select{text-transform:none;letter-spacing:0;min-width:160px;padding:8px 10px;font-size:12px}.content{padding:27px 36px 40px;max-width:1800px;margin:auto}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;background:linear-gradient(110deg,#153631,#172340 80%);border:1px solid #30554f;border-radius:14px;margin-bottom:23px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:240px;height:240px;border:1px solid #65e2c30b;border-radius:50%;right:-80px;top:-110px;pointer-events:none}.hero h2{margin:9px 0;color:#effdf8}.hero p{margin:0;max-width:650px;font-size:12px;color:#a9c5c3}.hero .eyebrow{font-size:9px}.hero button{white-space:nowrap;background:#65e2c313;border-color:#6ac5b255;color:var(--teal);z-index:1}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat{padding:21px 22px;background:var(--surface);border:1px solid var(--line);border-radius:12px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent,var(--teal));opacity:.65}.stat-label{font-size:11px;color:#aab9d0;display:flex;justify-content:space-between;margin-bottom:17px}.stat-value{font-size:34px;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums}.stat-unit{font-size:16px;color:var(--accent,var(--teal));margin-left:5px;font-weight:400}.stat-note{font-size:10px;color:var(--muted);margin-top:11px}.bar{height:4px;background:#243146;border-radius:3px;margin-top:18px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent,var(--teal));border-radius:3px}.warn{color:var(--amber)!important}.danger{color:var(--red)!important}.grid-two{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin-bottom:20px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid #25314a88;gap:15px}.panel-head h3{margin:0}.panel-head small{font-size:10px}.panel-body{padding:22px 23px}.chart-labels{display:flex;gap:22px;font-size:10px;color:var(--muted)}.chart-labels i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);margin-right:6px}.chart-labels .violet{background:var(--violet)}.chart{height:165px;width:100%;margin-top:15px}.chart text{font-size:9px;fill:#6e809d}.chart polyline{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart-foot{display:flex;justify-content:space-between;color:#7688a3;font-size:9px;margin-top:7px}.empty{padding:35px 20px;color:var(--muted);text-align:center;font-size:12px}.problem{padding:14px 0;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:12px}.problem:last-child{border-bottom:0}.problem-title{font-size:12px;line-height:1.5}.problem-time{font-size:10px;color:var(--muted);margin-top:5px}.pill{display:inline-block;border-radius:5px;padding:4px 7px;font-size:9px;white-space:nowrap;background:#1c3d37;color:var(--teal)}.pill.warning{background:#493928;color:var(--amber)}.pill.failed{background:#4a2937;color:var(--red)}.pill.processing{background:#302e4e;color:var(--violet)}.disk-row{margin-bottom:22px}.disk-row:last-child{margin-bottom:0}.disk-head{display:flex;justify-content:space-between;font-size:12px}.disk-row .bar{margin-top:10px;height:5px}.submetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.submetric{background:#18233a;border-radius:10px;padding:16px}.submetric strong{font-size:23px;font-weight:600;display:block;margin-bottom:8px}.submetric small{font-size:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{padding:13px 17px;color:#8c9cb6;font-weight:500;border-bottom:1px solid var(--line);font-size:10px;white-space:nowrap}td{padding:13px 17px;border-bottom:1px solid #24304688;max-width:350px;overflow-wrap:anywhere}tr:last-child td{border-bottom:0}td button{padding:6px 8px;font-size:10px;margin:2px}td code{font-size:10px;color:#b9d1e2}.name-cell{font-weight:500;color:#dbe7fa}.table-search{max-width:260px;padding:8px;font-size:11px}.container-table{max-height:400px;overflow:auto}.helper{font-size:12px;line-height:1.65;color:var(--muted);margin-bottom:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.form-actions button{padding:11px 18px}.section-space{margin-top:23px}.chat-layout{display:grid;grid-template-columns:1fr 270px;gap:20px}.chat-box{display:flex;flex-direction:column;min-height:560px}.chat-messages{padding:24px;flex:1;min-height:320px;max-height:63vh;overflow:auto}.message{margin-bottom:22px;max-width:95%}.message.user{margin-left:auto;max-width:82%;background:#203731;padding:14px 18px;border-radius:12px 12px 2px 12px}.message-role{font-size:9px;letter-spacing:1px;margin-bottom:8px;color:var(--teal);text-transform:uppercase}.message-text{white-space:pre-wrap;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.message-meta{margin-top:10px;font-size:9px;color:var(--muted)}.processing-message{animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.5}}.chat-compose{padding:17px 20px;border-top:1px solid var(--line)}.chat-compose textarea{resize:vertical;min-height:78px;max-height:230px;background:#0d1628}.chat-compose .form-actions{margin-top:10px;align-items:center;justify-content:space-between}.chat-compose small{font-size:10px}.suggestion{display:block;width:100%;margin-bottom:10px;text-align:left;padding:13px;font-size:12px;line-height:1.5}.chat-note{font-size:11px;line-height:1.8;color:var(--muted);padding-top:15px}.conversation-picker{max-width:280px;padding:7px;font-size:10px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-status{font-size:12px;line-height:1.8;color:var(--muted)}.admin-status strong{color:var(--text)}.admin-status .pill{margin-bottom:10px}footer{padding:0 36px 20px;display:flex;justify-content:space-between;gap:15px;color:#596d8c;font-size:9px}footer>span:first-child{margin-right:auto;margin-left:15px}.toast{position:fixed;right:30px;top:100px;max-width:420px;background:#25453f;color:#d7fff0;z-index:20;padding:15px 20px;border:1px solid #41736a;border-radius:12px;box-shadow:0 10px 40px #0008;font-size:12px}.toast.error-toast{background:#492837;color:#ffd9df;border-color:#72414e}dialog{max-width:900px;width:90vw;border:1px solid #3b4c68;border-radius:15px;padding:25px;background:#111b2e;color:var(--text)}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{font-size:24px;line-height:1;padding:3px 10px}.dialog-head h2{font-size:19px;margin:0}pre{font:11px/1.7 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:65vh;overflow:auto;color:#b7ccdf}.read-only{padding:15px;background:#262642;border-radius:9px;color:#beb4f7;font-size:12px;margin-bottom:20px}
@media(min-width:1600px){.content{padding:32px 46px}.stats{gap:22px}.stat{padding:26px}.stat-value{font-size:39px}.grid-two{gap:25px}.hero{padding:30px}.panel-body{padding:25px}.chart{height:200px}}
@media(max-width:1150px){.shell{grid-template-columns:205px 1fr}.sidebar{width:205px;padding:25px 14px}.content{padding:24px}.topbar{padding:23px 24px}.stats{grid-template-columns:repeat(2,1fr)}.chat-layout{grid-template-columns:1fr}.chat-side{display:none}.grid-two{grid-template-columns:1fr}.hero p{max-width:450px}.admin-grid{grid-template-columns:1fr}.topbar-right{gap:12px}.sidebar .brand{font-size:22px}.brand-light{font-size:17px}}
@media(max-width:700px){.login-layout{grid-template-columns:1fr}.login-story{padding:25px 25px 32px}.login-story .eyebrow{margin:35px 0 15px}.login-story h1{font-size:33px;letter-spacing:-1px}.orbit,.login-foot{display:none}.login-story p{font-size:13px;margin-bottom:0}.login-form-wrap{padding:30px 25px}.login-form h2{font-size:25px}.shell{display:block}.sidebar{position:static;width:100%;padding:15px;display:block;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{margin-bottom:15px;font-size:21px}.brand-mark{width:29px;height:29px;font-size:26px}.sidebar-label,.zabbix-link,.sidebar-ai{display:none}nav{display:flex;flex-direction:row;overflow:auto;gap:4px;padding-bottom:4px}nav button{white-space:nowrap;padding:9px;font-size:11px;gap:6px}nav button>span:first-child{font-size:14px;width:auto}.profile{position:absolute;top:12px;right:14px;margin:0}.profile .avatar,.profile div{display:none}.profile button{padding:6px}.topbar{padding:20px 18px;align-items:flex-start;gap:10px}.topbar h1{font-size:22px}.topbar-right{flex-direction:column;align-items:flex-end;gap:8px}.server-picker>span{display:none}.server-picker select{min-width:130px;font-size:11px}.live{font-size:9px}.content{padding:18px}.hero{padding:20px;display:block}.hero h2{font-size:19px}.hero button{margin-top:15px;font-size:11px}.stats{gap:11px}.stat{padding:17px 15px}.stat-value{font-size:29px}.stat-label{font-size:10px;margin-bottom:13px}.stat-note{font-size:9px}.grid-two{gap:15px;margin-bottom:15px}.panel-head,.panel-body{padding:18px}.panel-head{flex-wrap:wrap}.panel-head h3{font-size:13px}.table-search{max-width:100%}.submetrics{gap:8px}.submetric{padding:12px}.submetric strong{font-size:20px}.submetric small{font-size:9px}.form-grid{grid-template-columns:1fr}.form-actions button{font-size:11px}.chat-box{min-height:450px}.chat-messages{padding:18px;max-height:50vh}.chat-compose{padding:14px}.chat-compose small{max-width:160px;font-size:9px}.chat-messages .empty{padding:25px 0}.conversation-picker{max-width:185px}.toast{left:18px;right:18px;top:145px;width:auto}footer{padding:0 18px 20px;flex-wrap:wrap;line-height:1.7}footer>span:first-child{margin-left:0;width:100%}td,th{padding:11px}.admin-grid{gap:15px}}