:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#14213d;background:#f5f7fb;--blue:#1769ff;--nav:#0d1d35;--line:#e3e8f1;--muted:#718096}*{box-sizing:border-box}body{margin:0;min-height:100vh}.hidden{display:none!important}button,input,select{font:inherit}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.login-brand{background:linear-gradient(145deg,#0f62f2,#081b3c);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8vw;color:#d8e8ff}.login-brand img{max-width:520px;width:100%;filter:brightness(0) invert(1)}.login-form{max-width:440px;width:80%;margin:auto;display:flex;flex-direction:column}.login-icon{width:58px}.login-form h1{font-size:34px;margin:22px 0 6px}.login-form>p,.login-form small{color:var(--muted)}label{font-weight:650;font-size:13px;margin-top:18px}input,select{display:block;width:100%;border:1px solid #d6deea;border-radius:10px;padding:13px;margin-top:7px;background:#fff}button{border:0;border-radius:10px;padding:12px 17px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer}.login-form button{margin:24px 0 15px}.error{display:none;margin-top:14px;padding:11px;background:#fff0f1;color:#ae2633;border-radius:9px}.app{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}aside{background:var(--nav);color:#fff;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{padding:26px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.brand img{width:170px;filter:brightness(0) invert(1)}nav{padding:20px 12px;display:grid;gap:6px}nav button{background:transparent;text-align:left;color:#9fb0c8;padding:13px 16px}nav button:hover,nav button.active{background:rgba(42,118,255,.18);color:#fff}.aside-bottom{margin-top:auto;padding:20px;border-top:1px solid rgba(255,255,255,.08);font-size:13px}.secondary{background:#eaf1ff;color:#185fd0}.aside-bottom .secondary{width:100%;margin-top:12px;background:rgba(255,255,255,.1);color:#fff}main{padding:0 34px 50px;min-width:0}header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header h1{margin:0;font-size:25px}header p{margin:5px 0 0;color:var(--muted)}.state{padding:7px 12px;border-radius:999px;background:#eef2f8;color:#536176;font-size:12px}.state.ok{background:#e7f8ee;color:#15733d}.state.bad{background:#ffeaec;color:#af2432}.cards{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:16px;margin:24px 0}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 4px 16px rgba(15,31,56,.04)}.card{padding:20px}.card span{display:block;color:var(--muted);font-size:12px}.card strong{font-size:27px;display:block;margin-top:9px}.panel{margin-top:20px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:17px;margin:0}.actions{display:flex;gap:9px}.actions input{margin:0;min-width:260px;padding:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid #edf0f5;white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#778398;background:#fafbfc}.badge{display:inline-flex;padding:5px 9px;border-radius:99px;background:#edf4ff;color:#1760c7;font-weight:700;font-size:11px}.muted{color:var(--muted)}.empty{padding:50px;text-align:center;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px}.form-grid button{align-self:end}.code-note{padding:15px 20px;background:#f7faff;color:#52627a}.danger{background:#fff0f1;color:#b02432}.small{padding:8px 10px;font-size:11px}dialog{border:0;border-radius:18px;box-shadow:0 30px 100px #1020404d;padding:0;max-width:520px;width:90%}dialog::backdrop{background:#08152a99}dialog form{padding:30px}.activation-code{font-family:Consolas,monospace;font-size:24px;font-weight:800;letter-spacing:.05em;background:#eef4ff;padding:18px;border-radius:12px;margin:18px 0;user-select:all}.diagnostic{padding:20px;display:grid;gap:12px}.diagnostic code{background:#101b2d;color:#d7e6ff;padding:15px;border-radius:10px;overflow:auto}.toast{position:fixed;right:26px;bottom:26px;background:#12243f;color:#fff;padding:13px 18px;border-radius:10px;box-shadow:0 12px 30px #0f20343d;z-index:10}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.app{grid-template-columns:76px 1fr}aside .brand img{width:36px;object-fit:cover;object-position:left}nav button{font-size:0;text-align:center}nav button:before{content:'•';font-size:22px}.aside-bottom{display:none}main{padding:0 16px 30px}.cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}