:root{font-family:Inter,system-ui,-apple-system,"PingFang SC",sans-serif;color:#1c263a;background:#f4f6f9;--brand:#315fd6;--line:#d9e2ef;--muted:#66748b;--surface:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eef3ff,#f7f9fc)}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:0 18px 50px #24375e17}.brand{font-weight:700}.brand span{background:#071127;color:#fff;padding:8px;border-radius:8px;margin-right:7px}.muted,.security,header p{color:var(--muted)}form,label{display:grid;gap:7px}form{gap:15px;margin:25px 0}input{border:1px solid var(--line);border-radius:7px;padding:11px;min-width:0}.primary,button{border:1px solid var(--line);border-radius:7px;background:#fff;padding:9px 12px}.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.security{font-size:12px;line-height:1.6}.alert,.mode{background:#fff4e5;border:1px solid #f4d39d;border-radius:7px;padding:9px;color:#85520a}.app{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}aside{background:var(--surface);border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column}nav{display:grid;gap:4px;margin-top:28px}nav button{text-align:left;border:0;color:var(--muted)}nav button[aria-current="page"]{color:var(--brand);background:#edf2ff}.account{margin-top:auto;border-top:1px solid var(--line);padding:16px 8px 0;display:grid;gap:5px}.account small{color:var(--muted)}.account button{margin-top:7px}main{padding:30px;min-width:0}header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}h1{font-size:24px;margin:0 0 6px}header p{margin:0}.mode{margin:20px 0;background:#eef3ff;border-color:#cbd9ff;color:#31529f}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.stats article,.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px}.stats article{display:grid;gap:5px}.stats b{font-size:26px}.stats span,.empty small{color:var(--muted)}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.toolbar input{width:min(380px,100%)}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);padding:12px;text-align:left}th{color:var(--muted);font-weight:500}.empty{text-align:center;padding:50px!important;line-height:1.8}button:focus-visible,input:focus-visible{outline:3px solid #9bb4ff;outline-offset:2px}@media(max-width:760px){.app{grid-template-columns:1fr}aside{position:static;border-right:0;border-bottom:1px solid var(--line)}nav{grid-template-columns:repeat(2,1fr)}.account{margin-top:18px}main{padding:18px}.stats{grid-template-columns:1fr}.panel{overflow:auto}}