:root{font-family:Inter,ui-sans-serif,system-ui;background:#07131f;color:#e9f3fa;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#19d3c5;color:#032522;border:0;border-radius:9px;padding:.7rem 1rem;font-weight:700}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{background:#0b1d2c;border-right:1px solid #18394b;padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.brand{font-weight:900;letter-spacing:.08em;font-size:1.15rem}.brand span{color:#19d3c5}nav{display:grid;gap:.35rem}nav button,.logout{background:transparent;color:#a9c0ce;text-align:left}nav button.active,nav button:hover{background:#143446;color:#fff}.logout{margin-top:auto}main{padding:2.5rem;overflow:auto}h1{margin-top:0}.card{background:#0e2434;border:1px solid #1a4052;border-radius:14px;padding:1.2rem}.metrics{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:1rem}.metric{background:linear-gradient(145deg,#102b3e,#0d2130);padding:1.4rem;border-radius:14px;border:1px solid #1a4052}.metric small,.row small{display:block;color:#8ba8b8}.metric strong{font-size:2rem;display:block;margin-top:.6rem}.inline{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.editor{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:1rem;max-width:850px;margin-bottom:1rem}.editor button{align-self:end}label{display:grid;gap:.35rem;color:#a9c0ce}input,select,textarea{background:#071722;border:1px solid #285064;color:#fff;border-radius:8px;padding:.65rem}.toolbar{display:flex;gap:.5rem}.list{display:grid;gap:.7rem}.row{display:flex;justify-content:space-between;align-items:center}.secondary{background:#17384b;color:#dcecf4}table{width:100%;border-collapse:collapse;background:#0e2434;border-radius:12px;overflow:hidden}th,td{text-align:left;padding:.8rem;border-bottom:1px solid #18394b}th{color:#8ba8b8}.tag{font-size:.75rem;border-radius:99px;padding:.25rem .5rem;background:#203849}.ACTIVE,.ONLINE{color:#50e3a4}.BLOCKED,.DISABLED{color:#ff7e86}.empty{color:#7895a5;padding:2rem;text-align:center}.error{color:#ff8990}.login{min-height:100vh;display:grid;place-items:center}.login form{width:min(380px,90vw);display:grid;gap:1rem}.check{display:flex;align-items:center}textarea{min-height:100px}code{color:#69bbd6}@media(max-width:800px){.shell{grid-template-columns:1fr}aside{position:sticky;top:0;z-index:2;padding:1rem;gap:.7rem}nav{display:flex;overflow:auto}nav button{white-space:nowrap}.logout{display:none}main{padding:1.2rem}.metrics{grid-template-columns:repeat(2,1fr)}.editor{grid-template-columns:1fr}table{display:block;overflow-x:auto}}@media(max-width:460px){.metrics{grid-template-columns:1fr}.row{align-items:flex-start;gap:1rem;flex-direction:column}}.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.config-layout{display:grid;grid-template-columns:minmax(460px,1.15fr) minmax(340px,.85fr);gap:1.2rem}.config-layout .editor{max-width:none}.wide{grid-column:1/-1}.notice{color:#e8c873;max-width:700px}.success{color:#50e3a4}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.actions button{padding:.48rem .65rem}.danger{background:#5a202b;color:#ffd9dd}.user{display:flex;justify-content:space-between;gap:1rem}.user>div:first-child{display:grid;gap:.5rem}.user .tag{width:max-content}@media(max-width:1000px){.config-layout{grid-template-columns:1fr}}@media(max-width:800px){.wide{grid-column:auto}.user,.title-row{flex-direction:column}}