:root{--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-success:#10b981;--color-success-light:#d1fae5;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-text:var(--color-neutral-900);--color-text-muted:var(--color-neutral-500);--color-text-subtle:var(--color-neutral-400);--color-bg:var(--color-neutral-50);--color-bg-elevated:#fff;--color-border:var(--color-neutral-200);--color-border-focus:var(--color-primary-500);--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.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;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.08);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-glow:0 0 20px rgba(99,102,241,.15);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.05);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--transition-bounce:.5s cubic-bezier(.34,1.56,.64,1);--focus-ring:0 0 0 3px var(--color-primary-200);--focus-ring-offset:0 0 0 2px var(--color-bg-elevated)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:1rem;line-height:1.6}:focus{outline:none}:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--focus-ring-offset),var(--focus-ring);outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--focus-ring);outline:none}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:700;letter-spacing:-.025em;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--color-text-muted);line-height:1.7}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}.container{margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.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-2{padding-bottom:var(--space-2);padding-top:var(--space-2)}.py-3{padding-bottom:var(--space-3);padding-top:var(--space-3)}.py-8{padding-bottom:var(--space-8);padding-top:var(--space-8)}.py-12{padding-bottom:var(--space-12);padding-top:var(--space-12)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:2rem}.text-4xl{font-size:2.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-400{color:var(--color-neutral-400)}.text-gray-500{color:var(--color-neutral-500)}.text-gray-600{color:var(--color-neutral-600)}.text-gray-900{color:var(--color-neutral-900)}.text-blue-600,.text-primary{color:var(--color-primary-600)}.text-white{color:#fff}.text-red-600{color:var(--color-danger)}.bg-gray-50{background-color:var(--color-neutral-50)}.bg-gray-100{background-color:var(--color-neutral-100)}.bg-gray-200{background-color:var(--color-neutral-200)}.bg-white{background-color:#fff}.bg-blue-600{background-color:var(--color-primary-600)}.bg-blue-700{background-color:var(--color-primary-700)}.bg-gradient{background:linear-gradient(135deg,var(--color-primary-50) 0,var(--color-neutral-100) 50%,var(--color-primary-100) 100%);position:relative}.bg-gradient:before{background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(99,102,241,.08) 0,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(139,92,246,.06) 0,transparent 50%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.border{border:1px solid var(--color-border)}.border-2{border-width:2px}.border-primary{border-color:var(--color-primary-600)}.border-gray-200{border-color:var(--color-neutral-200)}.border-gray-300{border-color:var(--color-neutral-300)}.rounded{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.btn{align-items:center;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:var(--space-2);justify-content:center;overflow:hidden;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:all var(--transition-base)}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-600) 100%);box-shadow:var(--shadow-md),0 4px 14px -3px #6366f166;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-700) 100%);box-shadow:var(--shadow-lg),0 8px 20px -4px #6366f180;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-outline{background:transparent;border-color:var(--color-neutral-300);color:var(--color-text)}.btn-outline:hover{background:var(--color-neutral-100);border-color:var(--color-neutral-400);transform:translateY(-1px)}.btn-full{width:100%}input,select,textarea{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-family:inherit;font-size:1rem;padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-text-subtle)}input::placeholder,textarea::placeholder{color:var(--color-text-subtle)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary-500);box-shadow:var(--focus-ring);outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-primary-500);box-shadow:var(--focus-ring)}label{color:var(--color-neutral-700);display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--space-2)}.form-group{margin-bottom:var(--space-6)}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:all var(--transition-base)}.card-hover{cursor:pointer}.card-hover:hover{border-color:var(--color-neutral-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.shadow{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.spinner{animation:spin .8s linear infinite;border:3px solid var(--color-neutral-200);border-radius:50%;border-top-color:var(--color-primary-600);height:40px;width:40px}.spinner-sm{border-width:2px;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.hidden{display:none}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:1000}.modal-content{max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.icon-sm{height:1rem;width:1rem}.icon-md{height:1.25rem;width:1.25rem}.icon-lg{height:1.5rem;width:1.5rem}.icon-xl{height:2rem;width:2rem}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:var(--space-1) var(--space-3);text-transform:uppercase}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.page-title{color:var(--color-text);font-size:2.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:var(--space-2)}.page-subtitle{color:var(--color-text-muted);font-size:1.125rem}.empty-state{padding:var(--space-16) var(--space-8);text-align:center}.empty-state-icon{color:var(--color-neutral-300);height:4rem;margin:0 auto var(--space-6);width:4rem}.empty-state-title{color:var(--color-text);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-3)}.empty-state-description{color:var(--color-text-muted);font-size:1.125rem;margin-bottom:var(--space-8)}::-moz-selection{background:var(--color-primary-200);color:var(--color-primary-900)}::selection{background:var(--color-primary-200);color:var(--color-primary-900)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-neutral-100)}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}