:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b110f;--panel:#111a16;--border:#23312a;--text:#edf5f0;--muted:#83988c;--mint:#9ceec0;--red:#f49a9a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.55 Arial,Segoe UI,Tahoma,sans-serif}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button,a{transition:background .16s,color .16s,border-color .16s}a{color:var(--mint);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.5px;font-size:38px;font-weight:600;line-height:1.2}h2{letter-spacing:-.4px;font-size:20px;font-weight:500}h3{font-size:15px}p{color:var(--muted)}small{color:var(--muted);font-size:11px}.shell{min-height:100vh;display:flex}.sidebar{border-inline-end:1px solid var(--border);background:#101813;flex-direction:column;width:238px;padding:34px 20px 24px;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.brand{color:var(--text);letter-spacing:1.3px;align-items:center;gap:12px;margin:0 9px 48px;font-size:15px;font-weight:700;display:flex}.brand>span{color:var(--mint);font-size:39px;line-height:1}.brand small{letter-spacing:1px;margin-top:2px;font-size:8px;display:block}.nav-label{letter-spacing:2px;margin:0 13px 15px;font-size:9px}nav{flex-direction:column;gap:7px;display:flex}nav button{text-align:start;color:#91a397;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:13px;padding:12px;font-size:13px;display:flex}nav button>span{width:20px;font-size:20px;line-height:1}nav button.selected{color:var(--mint);background:#1c2b22;border-color:#2c4535}nav button:hover{background:#1a251e}nav em{background:#2c4033;border-radius:3px;margin-inline-start:auto;padding:0 4px;font:10px monospace}.sidebar-bottom{margin-top:auto;padding:28px 10px 0;font-size:11px}.network{letter-spacing:1.3px;color:var(--mint);align-items:center;gap:8px;margin-bottom:9px;font-size:9px;display:flex}.network i,.sync i,.badge i{background:var(--mint);border-radius:50%;width:6px;height:6px;display:inline-block}.sidebar-bottom .button{width:100%;margin-top:20px}.content{width:calc(100% - 238px);min-width:0;margin-inline-start:238px}.topbar{border-bottom:1px solid var(--border);background:#0e1511;justify-content:space-between;align-items:center;height:76px;padding:0 40px;display:flex}.breadcrumb{color:#c1cdc5;font-size:11px}.breadcrumb span{color:#43584a;padding:0 13px}.topbar>div{align-items:center;gap:18px;display:flex}.badge{color:var(--mint);letter-spacing:.7px;white-space:nowrap;background:#152b1d;border:1px solid #2c4936;border-radius:5px;align-items:center;gap:7px;padding:4px 8px;font-size:9px;display:inline-flex}.badge.muted{color:#9eaea3;background:#1c251f;border-color:#2b3930}.badge.muted i{background:#91a295}.badge.live{box-shadow:0 0 14px #83e7a522}.lang{color:#b9c9bf;background:0 0;border:0;padding:5px;font-size:12px}.owner-icon{width:29px;height:29px;color:var(--mint);background:#29382e;border:1px solid #3c5142;border-radius:50%;place-items:center;font-size:10px;display:grid}.main{max-width:1660px;margin:auto;padding:38px 40px 0}.page-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:2px;color:#90a596;margin-bottom:10px;font-size:8px}.page-title h1{margin-bottom:9px}.page-title p:not(.eyebrow){font-size:12px}.title-dot{color:var(--mint)}.sync{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.sync button{border:1px solid var(--border);color:var(--muted);background:var(--panel);border-radius:4px;width:28px;height:28px;margin-inline-start:5px;font-size:16px}.sync .offline{background:#e2b570}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px;display:grid}.metric{border:1px solid var(--border);background:linear-gradient(125deg,#152019,#101813);border-radius:9px;min-width:0;padding:22px}.metric>p{margin-bottom:11px;font-size:11px}.metric>strong{color:#e5eee7;letter-spacing:-.8px;text-align:start;overflow-wrap:anywhere;font-size:25px;font-weight:500;display:block}.metric>small{margin-top:7px;font-size:9px;display:block}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:0;margin-bottom:22px;padding:24px}.panel>h2{margin-bottom:20px}.panel>p{margin:12px 0 20px;font-size:12px}.overview-grid{grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);gap:22px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.section-heading .eyebrow{margin-bottom:5px}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:25px;display:flex}.empty>span{color:#536e5c;margin-bottom:10px;font-size:44px}.empty h3{color:#c0d2c6;font-size:14px;font-weight:500}.empty p{max-width:330px;margin-top:9px;font-size:11px}.chart-footer{border-top:1px solid var(--border);color:var(--muted);gap:22px;padding-top:19px;font-size:9px;display:flex}.chart-footer b{color:#c7d9cd;margin-inline-start:8px;font-weight:400}.guardrails{background:linear-gradient(135deg,#18261c,#111a16)}.guardrails>h2{margin-bottom:20px}.guardrails>div{border-bottom:1px solid #293a2d;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.guardrails>div>span{color:#96aa9c;font-size:10px}.guardrails strong{font-size:24px;font-weight:500;line-height:1.2}.guardrails strong small{color:inherit;margin-inline-start:4px;font-size:13px}.guardrails>p:not(.eyebrow){margin-bottom:12px;font-size:10px;line-height:1.7}.positive{color:var(--mint)!important}.negative{color:var(--red)!important}.text-button{color:var(--mint);background:0 0;border:0;padding:0;font-size:10px}.agent-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:28px;display:grid}.agent{border:1px solid var(--border);background:linear-gradient(160deg,#17211c,#101813);border-radius:9px;min-width:0;padding:18px 15px}.agent-top{justify-content:space-between;align-items:center;gap:6px;margin-bottom:18px;display:flex}.avatar{color:#b7f3ce;background:radial-gradient(at 30% 0,#527461,#22352a 80%);border:1px solid #3e5948;border-radius:11px;place-items:center;width:42px;height:42px;font-size:28px;animation:5s ease-in-out infinite breathe;display:grid;box-shadow:0 6px 16px #0003}.agent-1 .avatar{color:#b4d2f7;background:radial-gradient(at 30% 0,#4e657b,#24313e 80%);border-color:#3a5066;animation-delay:.4s}.agent-2 .avatar{color:#d8c4fa;background:radial-gradient(at 30% 0,#6c567e,#302739 80%);border-color:#574163;animation-delay:.8s}.agent-3 .avatar{color:#94dde1;background:radial-gradient(at 30% 0,#417076,#1c3538 80%);border-color:#376267;animation-delay:1.2s}.agent-4 .avatar{color:#efd29c;background:radial-gradient(at 30% 0,#786947,#3a3020 80%);border-color:#615334;animation-delay:1.6s}.agent-top .badge{text-overflow:ellipsis;max-width:90px;padding:3px 5px;font-size:7px;overflow:hidden}.agent>h3{letter-spacing:1px;margin-bottom:7px;font-size:11px}.agent>p{min-height:30px;font-size:9px;line-height:1.6}.agent-stats{grid-template-columns:1fr 1fr;gap:12px 5px;margin-top:19px;display:grid}.agent-stats>div:last-child{grid-column:span 2}.agent-stats small{font-size:8px;display:block}.agent-stats b{margin-top:3px;font-size:12px;font-weight:500;display:block}.agent-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;margin-top:17px;padding-top:15px;font-size:9px;display:flex}.switch{background:#253129;border:1px solid #435248;border-radius:20px;align-items:center;width:30px;height:17px;padding:3px;display:flex}.switch span{background:#8b9c90;border-radius:50%;width:9px;height:9px}.switch.on{background:#264832;border-color:#527a5e;justify-content:flex-end}.switch.on span{background:var(--mint)}.agent details{border-top:1px solid var(--border);margin-top:15px;padding-top:12px;font-size:10px}.agent details p{margin-top:10px;font-size:9px}.agent summary{cursor:pointer;color:var(--mint)}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#b5c9bc;max-height:300px;font:11px/1.6 monospace;overflow:auto}.table-wrap{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}th{text-align:start;color:#7f9486;padding:0 13px 14px;font-size:9px;font-weight:400}td{border-top:1px solid var(--border);color:#c2d3c7;padding:17px 13px}td b{font-weight:500}td small{margin-top:5px;font-size:8px;display:block}td a{margin-inline-end:8px}.info-strip{color:#9abda6;background:#15261b;border:1px solid #304a38;border-radius:8px;margin-bottom:25px;padding:16px 20px;font-size:12px}.button{color:#c9dbcf;background:#1e2c23;border:1px solid #3a4c40;border-radius:6px;padding:10px 16px;font-size:11px;display:inline-block}.button:hover{background:#2c4133;border-color:#597661}.button.primary{background:var(--mint);border-color:var(--mint);color:#142b1c;font-weight:600}.button.primary:hover{background:#c1fbd9}.button.danger{color:#f2b0a9;background:#332120;border-color:#68413d}.button.danger:hover{background:#4e2d29}.button.small{padding:5px 10px;font-size:9px}.button.ghost{background:0 0}.panel .button+.button{margin-inline-start:10px}label{color:#adbfb3;margin-bottom:17px;font-size:11px;display:block}input,textarea{color:#e1eee5;background:#0e1511;border:1px solid #34483a;border-radius:6px;outline:none;width:100%;margin-top:7px;padding:12px;display:block}textarea{resize:vertical;font:11px/1.7 monospace}input:focus,textarea:focus{border-color:#8ec6a1}.settings-grid{grid-template-columns:1.3fr 1fr;gap:22px;display:grid}.panel dl{margin:20px 0 32px}.panel dt{color:var(--muted);margin-top:17px;font-size:10px}.panel dd{margin:5px 0 0;font-size:12px}.break{overflow-wrap:anywhere}.activation form{grid-template-columns:2fr 1fr auto;align-items:end;gap:16px;margin-top:25px;display:grid}.activation form label{margin:0}.activation form button{height:43px}.checks{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.checks>div{background:#17221b;border-radius:6px;gap:10px;padding:12px;display:flex}.checks b{font-size:11px;font-weight:400}.checks small{font-size:9px;display:block}.health-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.health-card{margin-bottom:0}.health-card h3{text-transform:capitalize;margin:8px 0}.health-card .health-icon{color:var(--mint);font-size:25px}.health-grid+.panel{margin-top:22px}.audit-list article{border-top:1px solid var(--border);align-items:start;gap:14px;padding:16px 0;display:flex}.audit-list article>i{background:#4a6c55;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:7px}.audit-list b{font-size:12px;font-weight:400}.audit-list p{overflow-wrap:anywhere;font-size:10px}.audit-list time{color:var(--muted);white-space:nowrap;margin-inline-start:auto;font-size:9px}.alert{color:#b5e6c5;overflow-wrap:anywhere;background:#1f3829;border:1px solid #42634d;border-radius:7px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:12px;display:flex}.alert.error{color:#efb5b5;background:#321f1f;border-color:#683d3d}.alert>button{color:inherit;background:0 0;border:0;margin-inline-start:auto;font-size:19px}.footer{border-top:1px solid var(--border);color:#627869;letter-spacing:.7px;justify-content:space-between;margin-top:37px;padding:24px 0;font-size:8px;display:flex}.footer b{margin-inline-start:8px;font-size:7px;font-weight:400}.login-screen{background:radial-gradient(at 50% 12%,#20382955,#0000 60%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.login-screen>.lang{position:absolute;inset-block-start:30px;inset-inline-end:40px}.login-mark{color:var(--mint);margin-bottom:22px;font-size:62px;line-height:1}.login-screen>.eyebrow{color:#a1beac;margin-bottom:16px}.login-screen>h1{text-align:center;font-size:33px}.login-description{text-align:center;margin-top:13px;font-size:12px}.login-card{background:#131e17;border:1px solid #314438;border-radius:12px;width:100%;max-width:390px;margin-top:34px;padding:28px;box-shadow:0 22px 90px #0004}.login-card>h2{font-size:19px}.login-card>p{margin:8px 0 24px;font-size:11px}.login-card>.button{width:100%;margin-top:5px}.login-card>small{text-align:center;margin-top:20px;font-size:8px;line-height:1.8;display:block}.login-card input{height:44px}.loading-orb{border:2px solid #34523d;border-top-color:var(--mint);border-radius:50%;width:30px;height:30px;margin-bottom:18px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:translateY(-2px);box-shadow:0 4px 22px #9ceec018}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}[dir=rtl] .metric>strong{text-align:right}[dir=rtl] h1,[dir=rtl] .eyebrow,[dir=rtl] .agent>h3{letter-spacing:0}@media (min-width:1600px){.agent{padding:22px}.agent>h3{font-size:13px}.agent>p{font-size:11px}.agent-stats small{font-size:10px}}@media (max-width:1250px){.sidebar{width:200px;padding:28px 12px}.brand{font-size:12px}.brand small{font-size:7px}.content{width:calc(100% - 200px);margin-inline-start:200px}.main{padding:30px 25px 0}.topbar{padding:0 25px}.agent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics{gap:10px}.metric{padding:17px}.metric>strong{font-size:21px}.activation form{grid-template-columns:1fr 1fr}.activation form button{grid-column:span 2}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.sidebar{width:76px;padding:22px 10px}.brand{margin:0 8px 35px}.brand>div,.nav-label,nav button:not(.selected) em,nav em,.sidebar-bottom{display:none}.brand>span{font-size:35px}nav button{justify-content:center;padding:13px 8px;font-size:0}nav button>span{width:auto;font-size:23px}.content{width:calc(100% - 76px);margin-inline-start:76px}.overview-grid{grid-template-columns:1fr}.guardrails{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.guardrails>.eyebrow,.guardrails>h2,.guardrails>p,.guardrails>.text-button{grid-column:span 3;margin-bottom:0}.guardrails>div{display:block}.guardrails>div>span{margin-bottom:8px;display:block}.settings-grid{grid-template-columns:1fr}.checks{grid-template-columns:repeat(2,1fr)}.page-title{align-items:start}.sync{font-size:0}.sync button{font-size:16px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.sidebar{top:0;border-inline-end:0;border-bottom:1px solid var(--border);z-index:10;width:100%;height:auto;padding:13px 12px;position:sticky;inset-inline-start:auto}.brand{justify-content:center;margin:0 0 10px;font-size:12px}.brand>div{display:block}.brand small{font-size:6px}.brand>span{font-size:27px}nav{flex-direction:row;justify-content:space-around;gap:4px}nav button{padding:8px 12px}nav button>span{font-size:20px}.shell{display:block}.content{width:100%;margin:0}.topbar{height:58px;padding:0 18px}.topbar>div{gap:9px}.breadcrumb{font-size:9px}.breadcrumb span{padding:0 6px}.owner-icon{display:none}.topbar .badge{font-size:7px}.main{padding:25px 18px 0}.page-title{margin-bottom:24px}.page-title h1{font-size:32px}.page-title .eyebrow{letter-spacing:1px;font-size:7px}.page-title p:not(.eyebrow){max-width:250px;font-size:10px}.panel{padding:18px}.metric{padding:15px 13px}.metric>p{font-size:9px}.metric>strong{font-size:20px}.metric>small{font-size:8px}.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-grid .agent:last-child{grid-column:span 2}.agent-grid .agent:last-child .agent-stats{grid-template-columns:1fr 1fr 1fr}.agent-grid .agent:last-child .agent-stats>div:last-child{grid-column:span 1}.section-heading h2{font-size:18px}.guardrails{gap:8px}.guardrails strong{font-size:23px}.guardrails>div>span{font-size:9px}.chart-footer{flex-direction:column;gap:8px}.health-grid,.checks,.activation form{grid-template-columns:1fr}.activation form button{grid-column:span 1}.audit-list time{display:none}.footer{gap:15px;font-size:6px}.login-screen>h1{font-size:27px}.login-card{padding:23px}.alert{font-size:10px}.panel .button+.button{margin-inline-start:0;margin-top:10px;display:block}}select{color:#e1eee7;background:#101b17;border:1px solid #345044;border-radius:8px;width:100%;padding:12px}details pre{max-height:300px;overflow:auto}details summary{cursor:pointer;padding:14px 0}.audit-list b{overflow-wrap:anywhere}
