:root{--navy: #00233F;--yellow: #F8B300;--white: #FFFFFF;--ink: #1D2637;--text-muted: #7A92A8;--border-default: #D0DCE8;--neutral-50: #F4F7FA;--neutral-500: #7A92A8;--success: #17A165;--warning: #F8B300;--error: #D94040;--blue-light: #E3EDF7;--font-display: "Poppins", sans-serif;--font-body: "Quicksand", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 9999px;--shadow-sm: 0 2px 8px rgba(0, 35, 63, .05);--shadow-md: 0 8px 24px rgba(0, 35, 63, .1);--shadow-lg: 0 12px 32px rgba(0, 35, 63, .15)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:var(--font-body);background-color:var(--white);color:var(--ink);line-height:1.6}h1{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--navy);margin-bottom:var(--space-md)}h2{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--navy);margin-bottom:var(--space-md)}h3{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--navy);margin-bottom:var(--space-sm)}p{color:var(--ink);line-height:1.6}button{font-family:var(--font-display);border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all .12s ease;font-weight:600;font-size:14px}.btn-primary{background:var(--yellow);color:var(--navy);padding:10px 20px}.btn-primary:hover{background:#e6a100;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:var(--white);color:var(--navy);border:1px solid var(--border-default);padding:10px 20px}.btn-secondary:hover{background:var(--neutral-50);box-shadow:var(--shadow-sm)}.btn-danger{background:var(--error);color:var(--white);padding:10px 20px}.btn-danger:hover{background:#c63030;box-shadow:var(--shadow-md)}.card{background:var(--white);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-lg);transition:all .12s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}input,select,textarea{font-family:var(--font-body);font-size:14px;padding:10px 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue-light);box-shadow:0 0 0 3px #2b7fc459}label{display:block;font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--navy);margin-bottom:var(--space-sm)}table{width:100%;border-collapse:collapse}thead{background:var(--neutral-50);border-bottom:1px solid var(--border-default)}th{font-family:var(--font-display);font-weight:600;color:var(--navy);padding:var(--space-md);text-align:left}td{padding:var(--space-md);border-bottom:1px solid var(--border-default)}tr:hover{background:var(--neutral-50)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-1{margin-top:var(--space-sm)}.mt-2{margin-top:var(--space-md)}.mt-3{margin-top:var(--space-lg)}.mb-1{margin-bottom:var(--space-sm)}.mb-2{margin-bottom:var(--space-md)}.mb-3{margin-bottom:var(--space-lg)}.gap-1{gap:var(--space-sm)}.gap-2{gap:var(--space-md)}.gap-3{gap:var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.grid{display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:600}.badge-success{background:#17a1651a;color:var(--success)}.badge-warning{background:#f8b3001a;color:var(--warning)}.badge-error{background:#d940401a;color:var(--error)}.loading{display:inline-block;width:20px;height:20px;border:3px solid var(--neutral-50);border-top:3px solid var(--yellow);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){h1{font-size:24px}h2{font-size:20px}.grid-2,.grid-3{grid-template-columns:1fr}}