:root{--brand-primary:#2563EB;--brand-primary-hover:#1D4ED8;--brand-primary-light:#DBEAFE;--brand-secondary:#1E3A8A;--brand-secondary-hover:#1E40AF;--color-success:#10B981;--color-success-light:#D1FAE5;--color-error:#EF4444;--color-error-light:#FEE2E2;--color-warning:#F59E0B;--color-warning-light:#FEF3C7;--color-info:#3B82F6;--color-info-light:#DBEAFE;--gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;--bg-primary:#F8FAFC;--bg-secondary:#FFFFFF;--bg-tertiary:var(--gray-50);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-500);--text-on-primary:#FFFFFF;--border-light:var(--gray-200);--border-medium:var(--gray-300);--border-dark:var(--gray-400);--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"Fira Code","Consolas","Monaco","Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font-family:var(--font-family-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-secondary);background-color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-4)}h1{font-size:var(--text-5xl);font-weight:var(--font-extrabold);letter-spacing:-.02em}h2{font-size:var(--text-4xl);font-weight:var(--font-bold)}h3{font-size:var(--text-2xl)}h3,h4{font-weight:var(--font-semibold)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h5,h6{font-weight:var(--font-medium)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4)}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-primary-hover)}b,strong{font-weight:var(--font-semibold)}small{font-size:var(--text-sm);color:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-family-sans);font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-tight);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--brand-primary);color:var(--text-on-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--brand-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background-color:var(--brand-secondary);color:var(--text-on-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--brand-secondary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{background-color:initial;color:var(--brand-primary);border:2px solid var(--brand-primary)}.btn-outline:hover:not(:disabled){background-color:var(--brand-primary-light);border-color:var(--brand-primary-hover)}.btn-ghost{background-color:initial;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--gray-100);color:var(--text-primary)}.btn-success{background-color:var(--color-success);color:var(--text-on-primary)}.btn-success:hover:not(:disabled){background-color:#059669;box-shadow:var(--shadow-md)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-full{width:100%}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.form-input,.form-select,.form-textarea{display:block;width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family-sans);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-light)}.form-input::placeholder{color:var(--text-tertiary)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--gray-100);color:var(--text-tertiary);cursor:not-allowed}.form-textarea{resize:vertical;min-height:100px}.form-checkbox,.form-radio{width:1.125rem;height:1.125rem;margin-right:var(--space-2);cursor:pointer;accent-color:var(--brand-primary)}.form-help{color:var(--text-tertiary)}.form-error,.form-help{display:block;margin-top:var(--space-1);font-size:var(--text-sm)}.form-error{color:var(--color-error)}.input-group{position:relative}.input-icon{position:absolute;top:50%;left:var(--space-4);transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.input-group .form-input{padding-left:var(--space-10)}.card{background-color:var(--bg-secondary);border-radius:var(--radius-xl);overflow:hidden}.card-elevated{box-shadow:var(--shadow-lg)}.card-bordered{border:1px solid var(--border-light)}.card-header{border-bottom:1px solid var(--border-light)}.card-body,.card-footer,.card-header{padding:var(--space-6)}.card-footer{border-top:1px solid var(--border-light);background-color:var(--gray-50)}.alert{padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid;margin-bottom:var(--space-4)}.alert-success{background-color:var(--color-success-light);border-color:var(--color-success);color:#065F46}.alert-error{background-color:var(--color-error-light);border-color:var(--color-error);color:#991B1B}.alert-warning{background-color:var(--color-warning-light);border-color:var(--color-warning);color:#92400E}.alert-info{background-color:var(--color-info-light);border-color:var(--color-info);color:#1E40AF}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.navbar-container{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:var(--space-4) var(--space-6)}.navbar-brand{gap:12px;flex-wrap:nowrap;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--brand-primary);text-decoration:none}.navbar-brand,.navbar-nav{display:flex;align-items:center}.navbar-nav{gap:var(--space-6);list-style:none;margin:0;padding:0}.navbar-link{color:var(--text-secondary);font-weight:var(--font-medium);transition:color var(--transition-fast)}.navbar-link:hover{color:var(--brand-primary)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.container-narrow{max-width:720px}.container-wide{max-width:1536px}.section{padding:var(--space-20) 0}.section-sm{padding:var(--space-12) 0}.section-lg{padding:var(--space-24) 0}.grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-brand{color:var(--brand-primary)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.spinner{width:40px;height:40px;border-top:4px solid var(--border-light);border:4px solid var(--border-light);border-top-color:var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}@media (min-width:768px){h1{font-size:var(--text-6xl)}h2{font-size:var(--text-5xl)}.grid-md-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-md-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.section{padding:var(--space-12) 0}}@media (min-width:1024px){.grid-lg-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-lg-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:640px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}.btn{width:100%}.grid{grid-template-columns:1fr}.container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}}