:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090d0a;color:#edf5ed;--panel:#151b16;--line:#2f3c31;--text:#edf5ed;--muted:#aeb9af;--green:#6fda91;--green-deep:#163f27;--red:#ff7b83;--orange:#ffc36f}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 83% -12%,#214b3152,transparent 28rem),#090d0a;min-height:100vh}.page{max-width:1240px;margin:0 auto;padding:56px 28px 80px}.hidden{display:none}.login-panel{width:min(100%,460px);margin:12vh auto 0;padding:38px;border:1px solid var(--line);border-radius:28px;background:#131914cc;box-shadow:0 24px 80px #0008}.eyebrow{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--green)}h1{font-size:clamp(31px,5vw,48px);letter-spacing:-.045em;margin:0;color:var(--text)}h1 span{color:var(--green)}h2{font-size:25px;margin:0;letter-spacing:-.03em}.intro,.muted{color:var(--muted)}.intro{line-height:1.55;margin:20px 0 26px}form{display:grid;gap:17px}label{font-size:13px;font-weight:700;color:#d1dbd1;display:grid;gap:7px}input{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:#0d120e;color:var(--text);font:inherit;outline:none}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #65d88b21}button{font:inherit;font-weight:800;cursor:pointer}.primary{border:0;border-radius:13px;padding:15px;background:var(--green);color:#0a100b}.primary:hover{filter:brightness(1.08)}.form-error{color:var(--red);min-height:1.2em;margin:0;font-size:14px}.topbar,.header-actions,.card-heading,.device-title,.device-meta{display:flex;align-items:center}.topbar{justify-content:space-between;gap:18px;margin-bottom:34px}.header-actions{gap:11px;flex-wrap:wrap;justify-content:flex-end}.quiet{background:transparent;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:9px 11px}.quiet:hover{border-color:var(--green);color:var(--green)}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.summary article,.card{border:1px solid var(--line);border-radius:20px;background:#121812e8}.summary article{padding:20px}.summary strong{display:block;font-size:31px;letter-spacing:-.04em}.summary span{display:block;margin-top:3px;color:var(--muted);font-size:13px}.content-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.card{min-height:420px;padding:23px}.card-heading{justify-content:space-between;margin-bottom:17px}.live-dot{font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--green);padding:7px 9px;border-radius:999px;background:var(--green-deep)}.status-list,.event-list{display:grid;gap:10px}.device,.event{border:1px solid #263329;border-radius:14px;background:#0d120e;padding:15px}.device-title{justify-content:space-between;gap:10px}.device-title strong{font-size:15px}.badge{font-size:11px;font-weight:850;border-radius:999px;padding:5px 9px;white-space:nowrap}.running{color:var(--green);background:#173e27}.stopped{color:var(--muted);background:#252d26}.error{color:var(--red);background:#4b2027}.device p,.event p{margin:9px 0 0;color:#d6ded6;font-size:14px;line-height:1.4}.device-meta{gap:8px;flex-wrap:wrap;margin-top:11px;color:var(--muted);font-size:12px}.device-meta span{padding-right:8px;border-right:1px solid #334034}.device-meta span:last-child{border-right:0}.event{display:grid;grid-template-columns:auto 1fr;gap:10px}.event-marker{width:9px;height:9px;border-radius:99px;margin-top:6px;background:var(--green)}.event-marker.warning{background:var(--orange)}.event-marker.error{background:var(--red)}.event time{display:block;color:var(--muted);font-size:12px;margin-top:5px}.empty{padding:26px 8px;color:var(--muted);text-align:center}.error-text{color:var(--red)}
@media(max-width:800px){.page{padding:30px 16px 50px}.topbar{align-items:flex-start;flex-direction:column}.header-actions{justify-content:flex-start}.summary,.content-grid,.license-form,.license-fields{grid-template-columns:1fr}.license-form .primary{grid-column:auto}.card{min-height:auto}.summary{gap:10px}.summary article{padding:15px}.summary strong{font-size:26px}.license-toolbar{align-items:flex-start;flex-direction:column}.tabs{width:100%}.tab{flex:1}}

.tabs{display:flex;gap:8px;margin:0 0 24px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#111711;width:max-content}.tab{border:0;background:transparent;border-radius:9px;padding:9px 13px;color:var(--muted)}.tab.active{background:var(--green-deep);color:var(--green)}.license-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.create-card{min-height:0;margin-bottom:20px}.license-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:end}.license-form .primary{grid-column:span 2}.check{display:flex;align-items:center;gap:9px;padding:12px 2px}.check input,.license-options input{width:17px;height:17px;accent-color:var(--green)}.created-license{margin-top:18px;padding:15px;border:1px solid var(--green);border-radius:12px;background:#112216}.created-license code{display:block;margin:8px 0;word-break:break-all;font-size:16px;color:var(--green)}.license-list{display:grid;gap:10px}.license{border:1px solid #263329;border-radius:14px;background:#0d120e;padding:15px;display:grid;gap:13px}.license-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.license-id{color:var(--muted);font-size:12px;word-break:break-all;margin:4px 0 0}.license-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.license-fields label{font-size:11px}.license-fields input,.license-fields select{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:#0d120e;color:var(--text);font:inherit}.license-options{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.license-options label{display:flex;align-items:center;gap:7px}.license-actions,.device-actions{display:flex;gap:8px;flex-wrap:wrap}.license-actions button,.device-actions button{padding:8px 10px}.danger{color:var(--red)}.device-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #263329}.device-row:first-child{border-top:0}.device-row p{margin:3px 0 0;color:var(--muted);font-size:12px}.active{color:var(--green);background:#173e27}.disabled,.expired{color:var(--red);background:#4b2027}
@media(max-width:800px){.license-form,.license-fields{grid-template-columns:1fr}.license-form .primary{grid-column:auto}}
.event-actions{display:flex;align-items:end;gap:9px}.monitor-filter{display:grid;gap:5px;font-size:11px;color:var(--muted);font-weight:700}.monitor-filter select{min-width:145px;padding:8px 28px 8px 10px;border:1px solid var(--line);border-radius:9px;background:#0d120e;color:var(--text);font:inherit}.event-actions button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:800px){.card-heading:has(.monitor-filter){align-items:flex-start;gap:12px}.monitor-filter select{min-width:130px}.event-actions{align-items:stretch;flex-direction:column}}
.license-toolbar-actions{display:flex;align-items:center;gap:10px}.license-toolbar-actions input{min-width:220px;padding:9px 11px}@media(max-width:800px){.license-toolbar-actions{width:100%;flex-direction:column;align-items:stretch}.license-toolbar-actions input{min-width:0}}