:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:dark;--bg:#080f20;--panel:#101b30;--panel2:#14223a;--fg:#edf4ff;--muted:#9dafcb;--border:#30415e;--center:#101c32;--accent:#51b7ff;--input:#15243c}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}body{background:var(--bg);color:var(--fg)}:root[data-theme=light]{color-scheme:light;--bg:#f3f7fc;--panel:#fff;--panel2:#eaf1fa;--fg:#162641;--muted:#5a6d8a;--border:#cbd7e8;--center:#f9fcff;--accent:#0877ba;--input:#f4f8fe}button,input,select{font:inherit}button{cursor:pointer;color:var(--fg);border:1px solid var(--border);border-radius:10px;background:var(--panel2);padding:10px 13px;min-height:42px}button:hover{border-color:var(--accent)}button.primary{background:#1875bd;color:#fff;border-color:#1875bd}input,select{width:100%;background:var(--input);color:var(--fg);border:1px solid var(--border);border-radius:10px;padding:12px;margin:7px 0 13px}header{min-height:78px;padding:15px 22px;padding-top:max(15px,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--border);background:var(--panel)}.logo{font-size:21px;font-weight:850;letter-spacing:.5px}.caption,.small{color:var(--muted);font-size:12px;line-height:1.8}.head-actions,.actionrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tag{border:1px solid var(--border);padding:8px 13px;border-radius:30px;color:var(--muted);font-size:12px}.layout{display:grid;grid-template-columns:265px minmax(0,1fr) 270px;min-height:calc(100dvh - 79px)}aside{padding:19px;background:var(--panel)}.controls{border-left:1px solid var(--border)}.info{border-right:1px solid var(--border)}h3{font-size:14px;color:var(--muted);font-weight:700;margin:9px 0 16px}h3:not(:first-child){margin-top:28px}.legend>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);padding:9px 0;font-size:12px}.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:9px}.graph-panel{position:relative;min-height:580px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(circle,var(--panel2),var(--bg) 72%)}#graph{display:block;width:100%;height:calc(100dvh - 88px);min-height:580px;max-height:980px;touch-action:none;user-select:none;-webkit-user-select:none}.edge{fill:none;stroke-width:1;pointer-events:none}.node{cursor:pointer}.node text{font-size:10px;fill:var(--muted);pointer-events:none}.node.selected text{font-size:11px;fill:var(--fg);font-weight:800}.center-title{font-size:20px;font-weight:800;fill:var(--fg)}.center-sub{font-size:12px;fill:var(--muted)}.graph-tools{position:absolute;top:16px;left:16px;z-index:2;display:flex;gap:6px}.hint{position:absolute;bottom:12px;color:var(--muted);font-size:11px;pointer-events:none}.metric{font-size:29px;font-weight:850}.details{background:var(--panel2);border:1px solid var(--border);border-radius:14px;padding:17px;line-height:1.7;font-size:13px}.details h2{font-size:19px;overflow-wrap:anywhere}.field{color:var(--muted);font-size:12px;margin-top:13px}.reports{max-height:190px;overflow:auto}.reports>div{border-bottom:1px solid var(--border);padding:4px}.notice{background:var(--panel);padding:10px;border-radius:9px;margin-top:12px}.security{margin-top:25px}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:30px;box-shadow:0 14px 50px #0002}.login-card h1{font-size:22px}.login-card p{color:var(--muted);font-size:13px;line-height:1.7}.login-card label{font-size:13px}.login-card .primary{width:100%;margin-top:8px}.error{color:#e57878;font-size:13px;margin-top:12px}.foot{margin-top:25px}.center{max-width:580px;margin:15vh auto;padding:25px;text-align:center}.center p{line-height:1.8;color:var(--muted)}dialog{background:var(--panel);color:var(--fg);border:1px solid var(--border);border-radius:16px;max-width:min(440px,90vw);line-height:2}dialog::backdrop{background:#0009}@media(max-width:1080px){.layout{grid-template-columns:220px minmax(0,1fr)}.info{grid-column:1/-1;border-top:1px solid var(--border);border-right:0}.graph-panel{min-height:520px}}@media(max-width:700px){.layout{display:flex;flex-direction:column}.controls{border-left:0;border-bottom:1px solid var(--border)}.graph-panel{min-height:470px}#graph{height:66dvh;min-height:470px}.info{border-top:1px solid var(--border)}header{padding:13px}.logo{font-size:17px}.head-actions button{font-size:12px;padding:8px 10px}.graph-tools{top:10px;left:10px}}