:root{--navy:#262262;--navy-light:#3a3690;--cream:#fdfbf7;--bg:#f5f5f7;--card:#fff;--text:#1a1a2e;--text-secondary:#6b7280;--border:#e5e7eb;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}#root{min-height:100vh}button{cursor:pointer;border-radius:var(--radius);border:none;padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--navy);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-warning{background:var(--warning);color:#fff}.btn-danger{background:var(--danger);color:#fff;padding:6px 12px;font-size:13px}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}input,select{border:1px solid var(--border);border-radius:var(--radius);outline:none;padding:8px 12px;font-size:14px;transition:border-color .15s}input:focus,select:focus{border-color:var(--navy)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}#logout-btn{color:#fff;background:#ffffff26;border:none}