:root{--bg:#0b1020;--card:#121a2e;--line:#253251;--text:#eef3ff;--muted:#91a0bd;--blue:#19b9e6;--green:#29d17d;--red:#ff5b6e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,system-ui,sans-serif;display:flex;min-height:100vh}aside{width:240px;background:#0e1628;border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand b,.brand small{display:block}.brand b{font-size:21px;color:#68dcff}.brand small{letter-spacing:3px;color:var(--muted);margin:5px 0 30px}nav{display:grid;gap:6px}nav a{padding:12px;border-radius:10px;color:var(--muted)}nav a.on{background:#19b9e622;color:#8ce9ff;border-left:3px solid var(--blue)}.logout{margin-top:auto;color:#ff9ba6}main{flex:1;min-width:0}header{padding:24px 30px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}h1,h2,h3,p{margin-top:0}header p{color:var(--muted);margin:5px 0}.user{padding:9px 14px;background:var(--card);border-radius:20px}section{padding:24px 30px}.brand-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:20px}.title{display:flex;justify-content:space-between}.title h2{margin-bottom:4px}.title a{color:#77dfff}.status{height:28px;padding:6px 12px;border-radius:20px;font-weight:800;font-size:11px}.status.ok{color:#8affbd;background:#0c5236}.status.off{color:#ffabb4;background:#551927}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.kpis>div{padding:15px;background:#0d1528;border:1px solid var(--line);border-radius:13px}.kpis small{display:block;color:var(--muted)}.kpis b{display:block;font-size:23px;margin-top:6px}.available b{color:var(--green)}.cols{display:grid;grid-template-columns:2fr 320px;gap:16px}form,.cols>div{background:#0d1528;border:1px solid var(--line);border-radius:13px;padding:16px}table{width:100%;border-collapse:collapse}th,td{text-align:right;padding:9px;border-bottom:1px solid #ffffff0d}th:first-child,td:first-child{text-align:left}input{background:#09101f;color:white;border:1px solid var(--line);border-radius:8px;padding:9px;width:100%}.rate{width:68px;margin-right:4px}label{display:grid;gap:6px;color:var(--muted);margin:10px 0}button{border:0;border-radius:9px;padding:10px 14px;background:linear-gradient(135deg,#16b8e7,#2563eb);color:white;font-weight:800;cursor:pointer}.settings{display:flex;gap:12px;align-items:end;margin-top:14px}.settings label{margin:0}.check{display:flex;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}.fund{height:max-content}.fund small,footer{color:var(--muted);display:block;margin-top:12px}footer{border-top:1px solid var(--line);padding-top:12px}.login{display:grid;place-items:center;background:radial-gradient(circle at top,#12385a,#080d19)}.login-card{width:min(390px,92vw);padding:30px;background:var(--card);border:1px solid var(--line);border-radius:20px}.login-card .logo{text-align:center;font-size:42px;color:#51d9ff}.login-card h1,.login-card p{text-align:center}.login-card button{width:100%;margin-top:8px}.error{color:var(--red);margin-top:12px;text-align:center}@media(max-width:900px){aside{display:none}.kpis{grid-template-columns:1fr 1fr}.cols{grid-template-columns:1fr}header,section{padding:18px}}@media(max-width:520px){.kpis{grid-template-columns:1fr}.brand-card{padding:14px}table{font-size:11px}.title{gap:10px}}