*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0F2044;--navy-mid: #1a3060;--blue: #2263EB;--blue-lt: #3b7cf5;--gold: #F5A623;--gold-lt: #fff3d6;--white: #FFFFFF;--gray: #F8F9FA;--gray-mid: #e9ecef;--gray-dark: #6c757d;--text: #212529;--text-mid: #495057;--border: #dee2e6;--danger: #dc3545;--success: #198754;--warning: #fd7e14;--font: "Inter", system-ui, sans-serif}body{font-family:var(--font);background:var(--gray);color:var(--text);font-size:14px;line-height:1.5}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font);cursor:pointer}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.badge-danger{background:#fde8ea;color:var(--danger)}.badge-success{background:#d1f2e1;color:var(--success)}.badge-warning{background:#fff3cd;color:var(--warning)}.badge-info{background:#dbe9ff;color:var(--blue)}.badge-gray{background:var(--gray-mid);color:var(--gray-dark)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;border:none;transition:opacity .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--blue);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--blue-lt)}.btn-gold{background:var(--gold);color:var(--navy)}.btn-gold:hover:not(:disabled){opacity:.9}.btn-outline{background:transparent;color:var(--blue);border:1px solid var(--blue)}.btn-outline:hover:not(:disabled){background:#dbe9ff}.btn-danger{background:var(--danger);color:var(--white)}.btn-sm{padding:5px 12px;font-size:12px}.card{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:20px}.section-title{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:16px}.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{background:var(--gray);color:var(--text-mid);font-weight:600;text-align:left;padding:8px 12px;border-bottom:2px solid var(--border);white-space:nowrap}td{padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:middle}tr:hover td{background:#f0f4ff}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--gray-mid);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}