:root{--nav:#173b36;--green:#287b69;--mint:#e2f2ed;--bg:#f3f7f5;--ink:#17322e;--muted:#71837f;--line:#dce7e3;--danger:#b74242;--white:#fff;--shadow:0 12px 32px rgba(26,65,57,.07)}
*{box-sizing:border-box}body{margin:0;min-width:1080px;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:230px;padding:27px 18px;display:flex;flex-direction:column;background:var(--nav);color:white}.brand{display:flex;gap:11px;align-items:center}.brand>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#9cd6c5;color:var(--nav);font-weight:900}.brand small,.connection small{display:block;color:#a7c0ba}.brand strong{font-size:15px}nav{display:grid;gap:7px;margin-top:44px}.nav{padding:11px 13px;border:0;border-radius:9px;background:transparent;color:#bdd0cb;text-align:left;cursor:pointer}.nav:hover,.nav.active{background:rgba(255,255,255,.11);color:white}.connection{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.connection i{width:9px;height:9px;border-radius:50%;background:#df9e4f;box-shadow:0 0 0 5px rgba(223,158,79,.12)}.connection i.online{background:#69d2a9;box-shadow:0 0 0 5px rgba(105,210,169,.12)}main{grid-column:2;padding:28px 34px 50px}header{height:76px;display:flex;justify-content:space-between;align-items:flex-start}.header-actions{display:flex;align-items:center;gap:10px}.language-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:9px;background:white}.lang{padding:6px 9px;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-weight:750;cursor:pointer}.lang.active{background:var(--mint);color:var(--green)}h1,h2,p{margin-top:0}h1{font-size:28px;margin-bottom:0}h2{font-size:20px;margin-bottom:14px}.kicker{margin-bottom:3px;color:var(--green);font-size:10px;font-weight:850;letter-spacing:.14em}.card{padding:22px;border:1px solid rgba(29,76,66,.07);border-radius:16px;background:var(--white);box-shadow:var(--shadow)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.stat span,.stat small{display:block;color:var(--muted)}.stat strong{display:block;margin:7px 0 1px;font-size:28px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.content-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:16px;align-items:start}.card-title{display:flex;justify-content:space-between;align-items:center}.outline,.primary,.danger,.icon-button{border-radius:8px;padding:9px 13px;font:inherit;font-weight:700;cursor:pointer}.outline{border:1px solid var(--line);background:white;color:var(--green)}.primary{border:0;background:var(--green);color:white}.danger{border:0;background:#f9e8e8;color:var(--danger)}.icon-button{border:0;background:transparent;font-size:24px;color:var(--muted)}form{display:grid;gap:13px}label{display:grid;gap:5px;color:#415c56;font-weight:650}input,select,textarea{width:100%;padding:9px 10px;border:1px solid #cbdad6;border-radius:8px;background:white;color:var(--ink);font:inherit}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(40,123,105,.1)}.hint{color:var(--muted);font-size:13px}.message{min-height:20px;margin:0;color:var(--danger)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:10px 9px;border-bottom:1px solid #e8efed;text-align:left;white-space:nowrap}th{color:var(--muted);font-size:11px;text-transform:uppercase}.actions{display:flex;gap:6px}.actions button{padding:5px 8px;font-size:12px}.compact-list{display:grid;gap:9px}.compact-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf2f0}.compact-row small{display:block;color:var(--muted)}.chart{height:260px}.chart.empty,.empty{display:grid;place-items:center;color:var(--muted)}.chart svg{width:100%;height:100%}.grid-line{stroke:#e2ebe8;stroke-width:1}.chart-line{fill:none;stroke:var(--green);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.chart-point{fill:white;stroke:var(--green);stroke-width:2}.chart-text{fill:#728782;font-size:11px}.search-card{max-width:1000px;margin:0 auto}.search-form{grid-template-columns:180px 1fr auto}.json-result{margin-top:20px;min-height:240px;padding:18px;border-radius:10px;background:#183a35;color:#def2ec;overflow:auto;white-space:pre-wrap;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.json-result.empty{background:#f6f9f8;color:var(--muted);font-family:inherit}dialog{width:min(600px,90vw);padding:24px;border:0;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(16,42,37,.55)}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:8px}#toast{position:fixed;right:24px;bottom:24px;max-width:380px;padding:12px 17px;border-radius:9px;background:#173b36;color:white;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}.hidden{display:none!important}