:root{--color-primary-50: #EBF0F7;--color-primary-100: #D1DFED;--color-primary-200: #A3BFDB;--color-primary-300: #7099C4;--color-primary-400: #4A7AB0;--color-primary-500: #2E5C8A;--color-primary-600: #1E3A5F;--color-primary-700: #162D4A;--color-primary-800: #0F1F35;--color-primary-900: #081220;--color-accent-500: #4A90D9;--color-accent-600: #3578C2;--color-gray-50: #F8F9FA;--color-gray-100: #F1F3F5;--color-gray-200: #E9ECEF;--color-gray-300: #DEE2E6;--color-gray-400: #ADB5BD;--color-gray-500: #6C757D;--color-gray-600: #495057;--color-gray-700: #343A40;--color-gray-800: #212529;--color-success: #2E7D4F;--color-warning: #D4850A;--color-danger: #C0392B;--color-info: #2E5C8A;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-gray-800);background-color:var(--color-gray-50)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;color:var(--color-gray-800)}a{color:var(--color-accent-500);text-decoration:none}a:hover{color:var(--color-accent-600)}.brand-bg{background-color:var(--color-primary-600)}.brand-bg-dark{background-color:var(--color-primary-800)}.brand-text{color:var(--color-primary-600)}.accent-text{color:var(--color-accent-500)}.card{background:#fff;border-radius:8px;border:1px solid var(--color-gray-200);padding:1.5rem}.card-hover:hover{border-color:var(--color-primary-300);box-shadow:0 2px 8px #1e3a5f14}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.btn-primary{background-color:var(--color-primary-600);color:#fff}.btn-primary:hover{background-color:var(--color-primary-700)}.btn-secondary{background-color:#fff;color:var(--color-primary-600);border-color:var(--color-gray-300)}.btn-secondary:hover{background-color:var(--color-gray-50);border-color:var(--color-primary-400)}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-primary{background-color:var(--color-primary-50);color:var(--color-primary-600)}.badge-success{background-color:#e8f5e9;color:var(--color-success)}.badge-warning{background-color:#fff3e0;color:var(--color-warning)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}