:root{color-scheme:dark;--bg:#0b111b;--panel:#121c2a;--muted:#91a1b8;--line:#263448;--accent:#6be0c0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eef4ff;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}header{padding:22px 4%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;letter-spacing:2px;color:var(--accent);font-size:20px}.brand span{font-weight:400;font-size:13px;letter-spacing:0;color:var(--muted);margin-left:20px}main{max-width:1700px;margin:auto;padding:35px 4%}h1{font-size:clamp(28px,3vw,42px);letter-spacing:-1.5px;margin:5px 0 8px}h2{font-size:19px;margin:0}p{color:var(--muted);margin:8px 0}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent)}.heading,.panel-head,.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}button{border:1px solid transparent;background:var(--accent);color:#06291f;border-radius:9px;padding:10px 16px;font:inherit;font-weight:650;cursor:pointer}button:hover{filter:brightness(1.13)}button.ghost{background:transparent;border-color:var(--line);color:#dce8f8}button.danger{background:#44252e;color:#ffc6cc;margin-right:auto}input,select,textarea{font:inherit;color:#eef4ff;background:#0b1421;border:1px solid #344459;border-radius:8px;padding:10px;width:100%;margin-top:6px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}label{display:block;color:#c1cfe1;font-size:13px;margin-bottom:14px}.notice{padding:12px 16px;border:1px solid #594929;background:#282317;color:#e6ca8e;border-radius:10px;margin:24px 0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:24px}.stat{border:1px solid var(--line);padding:18px 22px;border-radius:12px;background:var(--panel)}.stat strong{display:block;font-size:28px;letter-spacing:-1px}.stat span{color:var(--muted);font-size:13px}.tabs{display:flex;gap:7px;margin:18px 0}.tabs button{color:var(--muted);background:transparent;border-radius:0;border-bottom:2px solid transparent}.tabs .active{color:var(--accent);border-bottom-color:var(--accent)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-head{padding:22px;border-bottom:1px solid var(--line)}.panel-head p{font-size:13px}.graph-wrap{overflow:auto;background:radial-gradient(ellipse at 50% 20%,#18283b,transparent 75%)}#graph{display:block;width:100%;min-width:950px;touch-action:none}#graph .node{cursor:grab}#graph .node:focus{outline:none}#graph .node:focus rect{stroke:#6be0c0;stroke-width:3}details{border-top:1px solid var(--line);padding:16px 22px}summary{cursor:pointer;color:var(--muted)}.link-row{display:flex;justify-content:space-between;gap:20px;margin-top:10px;padding:10px;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:15px 22px;background:#101925}td{padding:17px 22px;border-top:1px solid var(--line)}td small{display:block;color:var(--muted)}.pill{font-size:12px;padding:5px 9px;border:1px solid var(--line);border-radius:30px}.online{color:#6be0c0}.partial,.suspect{color:#f2bf67}.unreachable{color:#ff8291}.unknown,.disabled,.stale{color:#a6b4c6}.search-label{margin:0;width:250px}.search-label input{margin:0}footer{color:var(--muted);font-size:12px;padding:25px 0;display:flex;justify-content:space-between;gap:20px}dialog{color:#eef4ff;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px;width:560px;max-width:95vw}dialog::backdrop{background:#03070dbd}.dialog-head{margin-bottom:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.hint{font-size:12px;margin-bottom:15px}.error{color:#ff9da9}.login{max-width:520px;margin:10vh auto}.login .brand{margin-bottom:32px}.login form{margin:32px 0}.login button{width:100%}.login small{color:var(--muted)}#toast{position:fixed;bottom:22px;right:22px;background:#243a36;color:#dbfff4;padding:12px 22px;border-radius:10px;display:none;max-width:90vw}[hidden]{display:none!important}@media(max-width:800px){.heading,.panel-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}.stat:first-child{grid-column:span 2}.brand span{display:none}main{padding:25px 4%}footer{flex-direction:column}.fields{grid-template-columns:1fr}.actions button{font-size:12px}.tabs button{padding:10px}.notice{font-size:12px}}

.report-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:20px}.settings-content{padding:24px}.settings-content p{max-width:850px}.settings-content h3{margin-top:26px}.settings-content h3:first-child{margin-top:0}body{padding-bottom:env(safe-area-inset-bottom)}header{padding-top:max(20px,env(safe-area-inset-top))}.tabs{overflow-x:auto;white-space:nowrap}dialog{max-height:90dvh;overflow:auto}.check{min-height:36px}button{min-height:44px}[data-theme=light]{color-scheme:light;--bg:#f2f5fa;--panel:#fff;--muted:#506079;--line:#c8d5e4;--accent:#17795f}[data-theme=light] body{color:#192c45}[data-theme=light] .brand{color:#17795f}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{color:#192c45;background:#f8fafc;border-color:#bdccde}[data-theme=light] label{color:#334b68}[data-theme=light] button{color:white}[data-theme=light] .ghost{color:#25415c}[data-theme=light] dialog{color:#192c45}[data-theme=light] th{background:#edf2f8}[data-theme=light] .notice{color:#765915;background:#fff7dc;border-color:#d5c17c}[data-theme=light] .online{color:#08754b}[data-theme=light] .partial,[data-theme=light] .suspect{color:#93650e}[data-theme=light] .unreachable,[data-theme=light] .error{color:#bd2341}[data-theme=light] .graph-wrap{background:#edf2f8}[data-theme=light] .unknown,[data-theme=light] .stale,[data-theme=light] .disabled{color:#53657a}[data-theme=light] .hint{color:#53657a}
@media(max-width:800px){header{gap:12px}.brand{font-size:16px}main{padding-bottom:30px}.heading .actions{width:100%}.heading .actions button{flex:1}.table-wrap{overflow:visible}#inventory table,#inventory tbody,#inventory tr,#inventory td{display:block;white-space:normal}#inventory thead{display:none}#inventory tbody{display:grid;gap:12px;padding:15px}#inventory tr{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--bg)}#inventory td{border:0;padding:5px 6px;overflow-wrap:anywhere}#inventory td:last-child button{width:100%}#history .table-wrap{overflow:auto}#history table{white-space:nowrap}.report-cards{grid-template-columns:1fr;padding:15px}.dialog-head{position:sticky;top:-26px;background:var(--panel);padding:10px 0;z-index:1}.graph-wrap{max-height:70dvh;overflow:auto}.panel-head .actions{width:100%}.panel-head .actions button{flex:1}.stats{gap:10px}.tabs{position:sticky;top:0;background:var(--bg);z-index:2;padding:8px 0}.tabs button{font-size:12px;flex-shrink:0}input,select,textarea{font-size:16px}}
[data-theme=light] .tabs button{color:var(--muted)}[data-theme=light] .tabs button.active{color:var(--accent)}

.header-right{display:flex;gap:12px;align-items:center;margin-left:auto}.brand{display:flex;align-items:center;gap:12px}.brand img{object-fit:contain}.brand span{white-space:normal}.stat{cursor:pointer;text-align:left;color:var(--text,#dbe6f5);background:var(--panel,#152235)}.stat.selected{outline:2px solid #49baa4}.settings-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.settings-content form{max-width:720px;margin:20px 0}.integration-card{border:1px solid #354962;border-radius:12px;padding:20px;margin:16px 0}.integration-card details{max-height:500px;overflow:auto}#filter-label{color:#91a1b8}.brand #brand-title{font-size:14px}footer #custom-footer{display:block}#settings-design textarea{min-height:70px}@media(max-width:600px){header{gap:8px;padding:12px}.brand{gap:6px}.brand #brand-title{font-size:12px}.header-right{gap:6px}.header-right button{padding:8px}.settings-nav button{flex:1 1 40%}#custom-heading{max-width:100%;overflow-wrap:anywhere}.integration-card{padding:12px}}

[data-theme=light] button.stat{color:#192c45}.brand span{display:inline;margin-left:0}#brand-mark{font-size:18px;font-weight:800;letter-spacing:1px}#filter-label{padding:8px 22px;margin:0}#filter-clear{margin:0 22px 10px}@media(max-width:600px){#brand-mark{font-size:13px}.brand{flex-wrap:wrap;max-width:60%}.brand #brand-title{display:block}.brand img{max-width:64px;max-height:64px}}

.settings-nav .active{box-shadow:inset 0 -3px 0 var(--accent);background:transparent;color:var(--accent);border-color:var(--accent)}.history-note{padding:12px 22px;font-size:13px}