:root{--primary: #1e3a8a;--accent: #f59e0b;--bg: #f8fafc;--card: #ffffff;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--danger: #dc2626;--success: #10b981;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--primary)}.app{display:flex;min-height:100%}.sidebar{width:220px;background:var(--primary);color:#fff;padding:20px 0;flex-shrink:0}.sidebar h1{margin:0 20px 20px;font-size:18px}.sidebar nav a{display:block;padding:10px 20px;color:#cbd5e1;text-decoration:none}.sidebar nav a.active{background:#ffffff26;color:#fff}.sidebar nav a:hover:not(.active){background:#ffffff14;color:#fff}.sidebar-footer{margin:20px;padding-top:12px;border-top:1px solid rgba(255,255,255,.15);color:#cbd5e1;font-size:12px}.sidebar-footer button{margin-top:8px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 10px;border-radius:6px;width:100%}.content{flex:1;padding:24px 32px;overflow-y:auto}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px 20px;margin-bottom:16px}.row{display:flex;gap:16px;flex-wrap:wrap}.stat{flex:1;min-width:140px}.stat .label{font-size:11px;text-transform:uppercase;color:var(--muted);font-weight:600;letter-spacing:1px}.stat .value{font-size:24px;font-weight:700;color:var(--primary);margin-top:4px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}tr:hover td{background:#f1f5f9}td code{font-size:12px;background:var(--bg);padding:2px 6px;border-radius:4px}.btn{border:1px solid var(--border);background:var(--card);color:var(--text);padding:8px 14px;border-radius:6px;text-decoration:none;display:inline-block}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn[disabled]{opacity:.5;cursor:not-allowed}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.login-card{background:#fff;padding:32px;border-radius:12px;min-width:340px;box-shadow:0 20px 60px #0003}.login-card h1{margin:0 0 8px;color:var(--primary)}.login-card p{color:var(--muted);margin:0 0 20px;font-size:13px}.field{display:block;margin-bottom:14px}.field>label{display:block;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;margin-bottom:6px}.field>input,.field>select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--card)}.muted{color:var(--muted)}.danger{color:var(--danger)}.success{color:var(--success)}.space-between{display:flex;justify-content:space-between;align-items:center}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-header h2{margin:0;color:var(--primary)}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;background:var(--bg);color:var(--muted)}.badge.success{background:#d1fae5;color:#065f46}.badge.accent{background:#fef3c7;color:#92400e}