*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f6f8;color:#1a1a1a}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:24px}.nav{background:#0f172a;color:#fff;padding:12px 24px;display:flex;align-items:center;gap:24px}.nav a{color:#e2e8f0}.nav a.router-link-active{color:#fff;font-weight:600}.nav .spacer{flex:1}.nav .user{font-size:13px;opacity:.8}.btn{display:inline-block;padding:8px 14px;border-radius:6px;border:1px solid transparent;cursor:pointer;font-size:14px;background:#2563eb;color:#fff}.btn:hover{background:#1d4ed8}.btn.secondary{background:#e2e8f0;color:#0f172a}.btn.secondary:hover{background:#cbd5e1}.btn.danger{background:#dc2626}.btn.danger:hover{background:#b91c1c}.btn.ghost{background:transparent;color:#2563eb;border-color:#2563eb}.btn.ghost:hover{background:#eff6ff}.card{background:#fff;border-radius:8px;border:1px solid #e5e7eb;padding:20px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.toolbar h1{margin:0;font-size:20px}.toolbar .spacer{flex:1}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #e5e7eb;font-size:14px}th{background:#f8fafc;font-weight:600}tr:hover td{background:#f8fafc}td.actions{white-space:nowrap;text-align:right}td.actions .btn{margin-left:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.form-grid .full{grid-column:1 / -1}label{display:block;font-size:13px;font-weight:500;margin-bottom:4px;color:#334155}input[type=text],input[type=number],input[type=password],textarea{width:100%;padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;font-family:inherit}input:focus,textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:10px;padding:24px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto}.modal h2{margin:0 0 16px;font-size:18px}.modal .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.alert{padding:10px 14px;border-radius:6px;margin-bottom:12px;font-size:14px}.alert.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.alert.info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.muted{color:#64748b;font-size:13px}.empty{padding:40px;text-align:center;color:#64748b}