:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-primary-950: #172554;--color-secondary-50: #fffbeb;--color-secondary-100: #fef3c7;--color-secondary-200: #fde68a;--color-secondary-300: #fcd34d;--color-secondary-400: #fbbf24;--color-secondary-500: #f59e0b;--color-secondary-600: #d97706;--color-secondary-700: #b45309;--color-secondary-800: #92400e;--color-secondary-900: #78350f;--color-accent-50: #f0fdfa;--color-accent-100: #ccfbf1;--color-accent-200: #99f6e4;--color-accent-300: #5eead4;--color-accent-400: #2dd4bf;--color-accent-500: #14b8a6;--color-accent-600: #0d9488;--color-accent-700: #0f766e;--color-accent-800: #115e59;--color-accent-900: #134e4a;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-gray-950: #020617;--color-success-50: #f0fdf4;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-error-50: #fef2f2;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-info-50: #eff6ff;--color-info-500: #3b82f6;--color-info-600: #2563eb;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-glow: 0 0 20px rgb(37 99 235 / .3);--shadow-glow-lg: 0 0 40px rgb(37 99 235 / .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}[data-theme=dark]{--color-bg-primary: var(--color-gray-950);--color-bg-secondary: var(--color-gray-900);--color-bg-tertiary: var(--color-gray-800);--color-text-primary: var(--color-gray-50);--color-text-secondary: var(--color-gray-300);--color-text-tertiary: var(--color-gray-400);--color-border: var(--color-gray-700)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;color:var(--color-gray-900);background-color:var(--color-gray-50);min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-3);padding-right:var(--spacing-3)}@media(min-width:390px){.container{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}}@media(min-width:640px){.container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media(min-width:1024px){.container{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}.text-gradient{background:linear-gradient(135deg,var(--color-primary-600),var(--color-accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg,var(--color-secondary-500),var(--color-secondary-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grid-responsive-sidebar{display:flex;flex-direction:column;gap:var(--spacing-6);align-items:stretch}@media(min-width:1024px){.grid-responsive-sidebar{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-8);align-items:start}}.grid-responsive-halves{display:flex;flex-direction:column;gap:var(--spacing-4)}@media(min-width:640px){.grid-responsive-halves{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);align-items:start}}@media(min-width:1024px){.grid-responsive-halves{gap:var(--spacing-8)}}.grid-responsive-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6);align-items:start}@media(min-width:1024px){.grid-responsive-cards{gap:var(--spacing-10)}}.grid-3col-form{display:flex;flex-direction:column;gap:var(--spacing-4)}@media(min-width:640px){.grid-3col-form{gap:var(--spacing-6)}}@media(min-width:1024px){.grid-3col-form{display:grid;grid-template-columns:1fr 280px;gap:var(--spacing-6);align-items:start}}@media(min-width:1280px){.grid-3col-form{grid-template-columns:250px 1fr 280px}}.grid-3col-form>.left-sidebar{display:none}@media(min-width:1280px){.grid-3col-form>.left-sidebar{display:flex;flex-direction:column;gap:var(--spacing-4);position:sticky;top:100px}}.grid-3col-form>.right-sidebar{display:flex;flex-direction:column;gap:var(--spacing-4)}@media(min-width:1024px){.grid-3col-form>.right-sidebar{position:sticky;top:100px}}@media(max-width:639px){.grid-3col-form>.right-sidebar{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:var(--spacing-3);padding-bottom:var(--spacing-2)}.grid-3col-form>.right-sidebar>*{min-width:260px;flex-shrink:0;scroll-snap-align:start}}.form-body-responsive{padding:var(--spacing-4)}@media(min-width:390px){.form-body-responsive{padding:var(--spacing-5)}}@media(min-width:640px){.form-body-responsive{padding:var(--spacing-6)}}.form-header-responsive{padding:var(--spacing-4) var(--spacing-4) var(--spacing-3)}@media(min-width:390px){.form-header-responsive{padding:var(--spacing-5) var(--spacing-5) var(--spacing-4)}}@media(min-width:640px){.form-header-responsive{padding:var(--spacing-6) var(--spacing-6) var(--spacing-5)}}.form-actions{display:flex;gap:var(--spacing-3);flex-direction:column}@media(min-width:480px){.form-actions{flex-direction:row}}.breadcrumb-nav{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);overflow:hidden}@media(max-width:479px){.breadcrumb-nav{font-size:var(--font-size-xs);gap:var(--spacing-1)}.breadcrumb-nav .breadcrumb-mid{display:none}}.section-form-page{padding:var(--spacing-4) 0 var(--spacing-8)}@media(min-width:640px){.section-form-page{padding:var(--spacing-6) 0 var(--spacing-16)}}.card-responsive{padding:var(--spacing-4)}@media(min-width:390px){.card-responsive{padding:var(--spacing-5)}}@media(min-width:640px){.card-responsive{padding:var(--spacing-6)}}@media(min-width:1024px){.card-responsive{padding:var(--spacing-8)}}.flex-responsive-stack{display:flex;flex-direction:column;gap:var(--spacing-4)}@media(min-width:640px){.flex-responsive-stack{flex-direction:row;align-items:center;gap:var(--spacing-8)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;box-shadow:var(--shadow-md),0 0 0 0 var(--color-primary-500)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#fff;color:var(--color-primary-700);border:2px solid var(--color-primary-200)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-400);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--color-gray-700)}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-base)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.btn-success{background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600));color:#fff;box-shadow:var(--shadow-md)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--color-success-600),#15803d);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,var(--color-error-500),var(--color-error-600));color:#fff;box-shadow:var(--shadow-md)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--color-error-600),#b91c1c);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--color-gray-600);border:1px solid var(--color-gray-300)}.btn-outline:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.card{background:#fff;border-radius:var(--radius-2xl);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--color-primary-100)}.card-glass{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background:var(--color-success-50);color:var(--color-success-600)}.badge-warning{background:var(--color-warning-50);color:var(--color-warning-600)}.badge-error{background:var(--color-error-50);color:var(--color-error-600)}.input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background:#fff;transition:all var(--transition-fast)}.input:hover{border-color:var(--color-gray-300)}.input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.input::placeholder{color:var(--color-gray-400)}.input-error{border-color:var(--color-error-500)}.input-error:focus{box-shadow:0 0 0 3px var(--color-error-50)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-700)}.form-error{font-size:var(--font-size-sm);color:var(--color-error-500)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-5%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}.animate-fade-in-down{animation:fadeInDown .5s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .5s ease-out forwards}.animate-slide-in-right{animation:slideInRight .5s ease-out forwards}.animate-scale-in{animation:scaleIn .5s ease-out forwards}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.section{padding:var(--spacing-16) 0}.section-lg{padding:var(--spacing-24) 0}.hero-gradient{background:linear-gradient(135deg,var(--color-primary-900) 0%,var(--color-primary-700) 50%,var(--color-accent-700) 100%);position:relative;overflow:hidden}.hero-gradient:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.glass-panel{background:#ffffff1a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-2xl)}.gradient-border{position:relative;background:#fff;border-radius:var(--radius-2xl)}.gradient-border:before{content:"";position:absolute;inset:0;padding:2px;background:linear-gradient(135deg,var(--color-primary-500),var(--color-accent-500));border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}::selection{background:var(--color-primary-200);color:var(--color-primary-900)}@media print{.no-print{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}