:root{--bg:#07110d;--panel:#0d1c16;--line:#244234;--text:#f0f6f2;--muted:#93aa9e;--green:#40dc87;--red:#ff6b6b;--amber:#f7bc58;--brand:#22b96f;--shadow:0 24px 70px rgba(0,0,0,.34)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#123b28 0,transparent 34%),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}button,input,select{font:inherit}button{border:0;border-radius:10px;background:var(--brand);color:#03150c;padding:12px 18px;font-weight:800;cursor:pointer}button:hover{filter:brightness(1.1)}button:disabled{opacity:.58;cursor:wait}.secondary,.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));border-bottom:1px solid var(--line);background:rgba(7,17,13,.8);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.brand{display:flex;gap:12px;align-items:center}.brand div{display:grid}.brand small{color:var(--muted)}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#29da82,#11894f);color:#042013;font-weight:950;letter-spacing:-1px;box-shadow:0 12px 35px rgba(34,185,111,.24)}.brand-mark.small{width:42px;height:42px;border-radius:11px}.header-actions{display:flex;align-items:center;gap:16px}.auto-label{color:var(--muted);font-size:13px}.auto-label i{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:6px;box-shadow:0 0 0 5px rgba(64,220,135,.11)}
.container{max-width:1180px;margin:auto;padding:56px 24px 80px}.hero{display:flex;justify-content:space-between;align-items:end;gap:24px}.eyebrow{margin:0 0 8px;color:var(--green);font-size:12px;font-weight:900;letter-spacing:.18em}.hero h1,.login-card h1{font-size:clamp(30px,5vw,50px);letter-spacing:-.04em;margin:0}.muted{color:var(--muted);margin:6px 0 0}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0 18px}.summary article,.panel{background:linear-gradient(145deg,rgba(18,38,29,.96),rgba(10,25,18,.96));border:1px solid var(--line);box-shadow:var(--shadow)}.summary article{padding:20px;border-radius:14px}.summary span{display:block;color:var(--muted);font-size:13px}.summary strong{font-size:30px}.green{color:var(--green)}.red{color:var(--red)}
.panel{border-radius:18px;padding:24px;margin-top:18px}.panel-title,.report-panel{display:flex;justify-content:space-between;align-items:center;gap:20px}.panel h2{margin:0;font-size:20px}.panel input,.panel select,.login-card input{background:#07150f;border:1px solid var(--line);border-radius:9px;color:var(--text);padding:11px 13px;outline:none}.panel input:focus,.panel select:focus,.login-card input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(34,185,111,.12)}#searchInput{width:min(340px,100%)}.system-list{margin-top:18px}.system-row{display:grid;grid-template-columns:12px minmax(0,1fr) 160px 180px;gap:18px;align-items:center;padding:17px 4px;border-top:1px solid rgba(72,111,89,.35)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--amber)}.status-dot.online{background:var(--green);box-shadow:0 0 0 5px rgba(64,220,135,.1)}.status-dot.offline{background:var(--red);box-shadow:0 0 0 5px rgba(255,107,107,.1)}.system-main{min-width:0}.system-name{font-weight:800}.system-main a{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;font-size:13px}.system-main a:hover{color:var(--green)}.test-info{display:grid}.test-info b{font-size:13px}.test-info .waiting{color:var(--amber)}.test-info span,time{color:var(--muted);font-size:12px}.report-fields{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.report-fields label{display:grid;gap:5px;color:var(--muted);font-size:12px}.empty{text-align:center;color:var(--muted);padding:28px}
.login-page{display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);padding:40px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#12261d,#091710);box-shadow:var(--shadow)}.login-card .brand-mark{margin-bottom:28px}.login-card h1{font-size:36px}.login-card form{display:grid;gap:8px;margin-top:30px}.login-card label{color:var(--muted);font-size:13px;margin-top:8px}.login-card button{margin-top:12px}.form-error{min-height:22px;color:var(--red);margin:2px 0 0;font-size:13px}
@media(max-width:820px){.auto-label{display:none}.container{padding-top:34px}.summary{grid-template-columns:1fr 1fr}.system-row{grid-template-columns:12px minmax(0,1fr);gap:10px 14px}.test-info,time{grid-column:2}.panel-title,.report-panel,.hero{align-items:stretch;flex-direction:column}.report-fields{display:grid;grid-template-columns:1fr 1fr}.report-fields label{grid-column:1/-1}#searchInput{width:100%}}
@media(max-width:480px){.topbar{padding:0 16px}.brand small{display:none}.container{padding-inline:14px}.summary{gap:8px}.summary article,.panel{padding:16px}.summary strong{font-size:25px}.header-actions{gap:8px}.report-fields{grid-template-columns:1fr}.report-fields button{width:100%}}