:root{font-family:Inter,system-ui,Arial,sans-serif;color:#e8eef8;background:#0a1020}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% -20%,#1e3a8a44 0,transparent 36%),#0a1020}.app-shell{max-width:1200px;margin:0 auto;padding:28px 18px 70px}.app-header{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px}.header-actions{display:flex;gap:8px}.app-header h1{margin:0;font-size:30px}.app-header p{margin:6px 0 0;color:#96a5bf}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.kpi-grid article{background:#111a31;border:1px solid #223050;border-radius:12px;padding:14px}.kpi-grid h3{margin:0;color:#96a5bf;font-size:13px;font-weight:500}.kpi-grid strong{font-size:30px}.tabs{display:flex;gap:8px;margin-bottom:14px}.tabs button{background:#121d35;color:#d5e0f5;border:1px solid #2b3a5d;border-radius:10px;padding:8px 14px;cursor:pointer}.tabs button.active{background:#345fff;border-color:#4f7ef8}.panel{background:#101a30;border:1px solid #223050;border-radius:12px;padding:16px}.login-shell{min-height:100vh;display:grid;place-items:center}.login-panel{width:min(460px,96vw);background:#101a30;border:1px solid #223050;border-radius:14px;padding:24px}.login-panel h1{margin:0;font-size:28px}.login-panel p{margin:8px 0 16px;color:#96a5bf}.login-form{grid-template-columns:1fr;margin-bottom:0}.panel h2{margin:8px 0 10px;font-size:19px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}input,select,button{border-radius:10px;border:1px solid #2b3a5d;background:#0c1528;color:#e8eef8;padding:10px 12px;font:inherit}a{color:#7bb5ff}.btn{background:#365dff;border-color:#4f7ef8;cursor:pointer}.danger{background:#5f1f2f;border:1px solid #8f3d55;color:#fff;cursor:pointer}table{width:100%;border-collapse:collapse}thead{background:#162341}th,td{text-align:left;padding:10px;border-bottom:1px solid #273861;font-size:14px}.error-box{margin-bottom:14px;background:#5f1f2f;border:1px solid #8f3d55;padding:10px 14px;border-radius:8px}@media (max-width: 960px){.kpi-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-header{flex-direction:column;align-items:flex-start}}@media (max-width: 680px){.form-grid,.kpi-grid{grid-template-columns:1fr}th,td{font-size:12px;padding:8px}}