:root{--bg:#07111f;--text:#122036;--muted:#728198;--accent:#2f7df6;--accent2:#58a6ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f4f7fb;color:var(--text)}.shell{display:flex;min-height:100vh}.sidebar{width:245px;background:var(--bg);color:white;padding:26px 18px;display:flex;flex-direction:column}.brand{font-size:22px;font-weight:800;letter-spacing:-.5px}.brand span{color:var(--accent2)}.brand.big{font-size:30px}.sidebar nav{margin-top:30px;display:flex;flex-direction:column;gap:8px}.sidebar a{color:#b9c7da;text-decoration:none;padding:11px 12px;border-radius:9px}.sidebar a:hover{background:#132238;color:white}.bottom{margin-top:auto}.content{flex:1;padding:34px;max-width:1500px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h1{margin:0;font-size:30px}.topbar p{margin:5px 0 0;color:var(--muted)}.ready{font-size:13px;color:#217a55;background:#e7f8ef;padding:8px 12px;border-radius:999px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.card,.panel{background:white;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 5px 18px rgba(22,34,52,.04)}.card{padding:20px}.card span{display:block;color:var(--muted);font-size:13px}.card strong{display:block;font-size:30px;margin-top:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{padding:20px}.panel h2{margin:0 0 18px;font-size:18px}.pt{display:flex;justify-content:space-between;align-items:center}.pt a{font-size:13px;color:var(--accent);text-decoration:none}.row,.device{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f6;padding:14px 2px}.row b,.device b{display:block}.row small,.device small{display:block;color:#7c899b;margin-top:4px}.pill{background:#edf4ff;color:#2862aa;font-size:12px;padding:5px 9px;border-radius:999px;white-space:nowrap}.empty{color:#8391a5;padding:18px 0}.form{display:flex;flex-direction:column;gap:11px}.form input,.form textarea,.form select,.login-card input,.login-card textarea,.login-card select{width:100%;padding:12px;border:1px solid #ced7e3;border-radius:9px;font:inherit;background:white}.form textarea,.login-card textarea{min-height:105px;resize:vertical}button,.button-link{background:var(--accent);color:white;border:0;border-radius:9px;padding:11px 15px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{background:#d5dde8;color:#8794a5}.actions{display:flex;gap:7px;align-items:center}.actions button{padding:7px 9px;font-size:12px}.login-body{min-height:100vh;background:linear-gradient(145deg,#07111f,#0d2440);display:flex;align-items:center;justify-content:center;padding:25px}.login-card{width:min(420px,100%);background:white;border-radius:18px;padding:30px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.login-card.wide{width:min(600px,100%)}.login-card h1{font-size:22px;margin:18px 0}.login-card label{display:block;font-size:13px;margin:13px 0 6px}.login-card button{width:100%;margin-top:14px}.muted{color:#7e8b9e;font-size:13px}.alert{background:#fff0f0;color:#a43e3e;padding:10px;border-radius:8px}@media(max-width:900px){.sidebar{width:78px}.sidebar .brand{font-size:0}.sidebar .brand:after{content:'CL';font-size:20px}.sidebar nav a{font-size:0}.sidebar nav a:before{content:'•';font-size:20px}.content{padding:22px}.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}