:root{--bg: #eef3f8;--sidebar: #0f2038;--surface: #ffffff;--line: #d8e1ee;--text: #0d1a2f;--muted: #5f6f8a;--accent: #1677ff;--warn: #e84a4a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,SF Pro Text,Inter,sans-serif}.center,.auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(96vw,420px);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;display:grid;gap:10px}.auth-card h1{margin:0}.auth-card p{margin:0;color:var(--muted)}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;border:1px solid #c8d3e2;border-radius:10px;padding:10px;background:#fff}button{border:0;border-radius:10px;padding:10px 12px;cursor:pointer;background:var(--accent);color:#fff;font-weight:700}button.warn{background:var(--warn)}button.ghost{background:#eef3f8;border:1px solid #cad6e8;color:#29436a}button.secondary-btn{background:#1f6ad8}.layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:var(--sidebar);color:#dbe7ff;padding:20px 16px;display:grid;grid-template-rows:auto auto 1fr auto;gap:16px}.sidebar h1{margin:0;color:#fff}.sidebar p{margin:0;color:#9eb4d9}.profile{border:1px solid #324664;background:#132844;border-radius:12px;padding:10px;display:grid}.profile span{color:#9eb4d9;font-size:12px}.sidebar nav{display:grid;gap:6px}.sidebar nav button{background:transparent;color:#c6d8f8;border:1px solid transparent;text-align:left;font-weight:600}.sidebar nav button.active{background:#173968;border-color:#2c5389;color:#fff}.sidebar .logout{background:#24466f}.content{padding:18px;display:grid;gap:12px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:12px}.panel h2{margin:0}.panel-head{display:grid;gap:10px}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;align-items:center}.table{display:grid;gap:8px}.row-card{border:1px solid #dbe4f1;border-radius:12px;padding:10px;display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fbfdff}.row-card p{margin:2px 0;color:var(--muted);font-size:13px}.actions{display:grid;gap:6px;min-width:132px}.form-grid{display:grid;gap:10px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.kpi-grid article{border:1px solid #dbe4f1;background:#f8fbff;border-radius:12px;padding:10px}.kpi-grid h3{margin:4px 0 0}.inline-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.error{margin:0;color:#cf2323;background:#ffecec;border:1px solid #ffd1d1;padding:10px;border-radius:10px}.loading{margin:0 0 10px;color:var(--muted)}.notice{position:fixed;right:20px;bottom:20px;background:#0f2038;color:#fff;padding:10px 14px;border-radius:10px}@media (max-width: 980px){.layout{grid-template-columns:1fr}.sidebar{grid-template-rows:auto auto}.inline-form{grid-template-columns:1fr}.row-card{flex-direction:column;align-items:flex-start}.actions{width:100%;grid-template-columns:1fr 1fr}}html,body,#root{min-height:100%}