:root{--primary: #001D67;--primary-dark: #00124A;--primary-light: #E6ECFF;--bg: #F9FAFB;--white: #FFFFFF;--border: #E5E7EB;--text: #111827;--text-muted: #6B7280;--success: #16A34A;--warning: #F97316;--danger: #DC2626;--info: #2563EB;--radius-card: 12px;--radius-button: 8px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--shadow-card: 0 1px 2px rgba(9, 30, 66, .08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;font-size:16px}h1{font-size:36px;font-weight:700;margin:0}h2{font-size:28px;font-weight:600;margin:0}h3{font-size:20px;font-weight:600;margin:0}small,.caption{font-size:12px;font-weight:500;color:var(--text-muted)}a{color:inherit}.btn{min-height:44px;padding:10px 14px;border-radius:6px;border:1px solid transparent;cursor:pointer;font-weight:600;transition:all .15s ease;box-shadow:0 1px #091e4214;color:var(--text)}.btn-sm{min-height:28px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.btn-primary{background:linear-gradient(180deg,#001d67,#0a2a84);color:var(--white);border-color:#00124a}.btn-primary:hover{background:linear-gradient(180deg,#00257a,#0b2f8f)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:var(--primary-light);color:var(--primary-dark);border:1px solid var(--border)}.btn-secondary:hover{background:#dce8ff}.btn-danger{background:var(--danger);color:var(--white);border-color:#b91c1c}.btn-danger:hover{background:#b91c1c}.btn-ghost{background:var(--white);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:#f3f4f6}.btn-icon{padding:4px 6px;width:28px;height:28px;display:inline-grid;place-items:center}.btn-icon svg{width:14px;height:14px;stroke:currentColor}.btn+.btn{margin-left:6px}.modal-actions .btn{padding-top:.5rem;padding-bottom:.5rem;min-height:auto}.btn-icon.edit{color:#f97316;border-color:#fed7aa}.btn-icon.edit:hover{background:#fff7ed}.btn-icon.delete{color:#dc2626;border-color:#fecaca}.btn-icon.delete:hover{background:#fef2f2}.btn-spinner{display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:50%;border:2px solid rgba(255,255,255,.6);border-top-color:#fff;animation:spin .8s linear infinite}.btn-ghost .btn-spinner,.btn-secondary .btn-spinner{border-color:#11182740;border-top-color:#111827b3}.badge{padding:4px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600}.badge-success{background:#16a34a1f;color:var(--success)}.badge-warning{background:#f973161f;color:var(--warning)}.badge-danger{background:#dc26261f;color:var(--danger)}.badge-info{background:#2563eb1f;color:var(--info)}.card{background:var(--white);border:1px solid var(--border);border-radius:0;box-shadow:var(--shadow-card)}.modal{max-width:92vw}.modal-actions{flex-wrap:wrap}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;background:var(--white);border:1px solid var(--border);border-radius:5px;overflow:hidden}.table th{background:#f9fafb;color:var(--text-muted);font-weight:600;font-size:12px;text-transform:none;letter-spacing:.02em}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);text-align:left}.table tr:last-child td{border-bottom:none}.table th:last-child,.table td:last-child{border-right:none}.table tbody tr:hover{background:#f7faff}.table{margin-top:8px}.table-wrap{width:100%;overflow-x:auto}.table{min-width:720px}.table-header{display:flex;flex-direction:column;gap:var(--space-2)}.table-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.actions{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.filters-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.skeleton-row{display:grid;gap:8px}.skeleton{position:relative;overflow:hidden;background:#e5e7eb;border-radius:6px}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:skeleton 1.2s infinite}.skeleton-line{height:10px}.w-30{width:30%}.w-50{width:50%}.w-70{width:70%}.w-90{width:90%}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-button);padding:10px 12px;font-size:14px;background:var(--white)}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-light);border-color:var(--primary)}@media (max-width: 900px){body{font-size:15px}.table{min-width:640px}}@media (max-width: 640px){body{font-size:14px}.table{min-width:520px}.btn{min-height:40px}.btn-sm{min-height:28px}.table-header-top{flex-direction:column;align-items:flex-start}.actions{width:100%;justify-content:flex-start}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton{to{transform:translate(100%)}}