@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{--color-primary: #FF6B35;--color-primary-dark: #E85A2A;--color-primary-light: #FF8F66;--color-primary-hover: var(--color-primary-dark);--color-primary-active: #D14D20;--gradient-primary: linear-gradient(135deg, #FF6B35 0%, #FF8566 50%, #FF6B8A 100%);--gradient-primary-hover: linear-gradient(135deg, #E85A2A 0%, #FF7755 50%, #FF5A7A 100%);--gradient-hero: linear-gradient(180deg, #FFFFFF 0%, #FFF8F5 50%, #FFF0EB 100%);--gradient-subtle: linear-gradient(180deg, #FFFFFF 0%, #FAFBFC 100%);--gradient-card: linear-gradient(145deg, #FFFFFF 0%, #FEFEFE 100%);--color-coral: #FF6B8A;--color-coral-light: #FF8FA8;--color-graphite: #1E293B;--color-graphite-soft: #334155;--color-graphite-light: #64748B;--color-bg-primary: #FAFBFC;--color-bg-secondary: #F8FAFC;--color-bg-tertiary: #F1F5F9;--color-bg-elevated: #E2E8F0;--color-bg-hover: rgba(255, 107, 53, .08);--color-bg-white: #FFFFFF;--color-bg-warm: #FFFAF8;--color-text-primary: #0F172A;--color-text-secondary: #334155;--color-text-tertiary: #64748B;--color-text-muted: #94A3B8;--color-text-disabled: #CBD5E1;--color-text-inverse: #FFFFFF;--color-success: #10B981;--color-success-dark: #059669;--color-success-light: #D1FAE5;--color-success-bg: rgba(16, 185, 129, .1);--color-info: #3B82F6;--color-info-dark: #2563EB;--color-info-light: #DBEAFE;--color-info-bg: rgba(59, 130, 246, .1);--color-warning: #F59E0B;--color-warning-dark: #D97706;--color-warning-light: #FEF3C7;--color-warning-bg: rgba(245, 158, 11, .1);--color-error: #EF4444;--color-error-dark: #DC2626;--color-error-light: #FEE2E2;--color-error-bg: rgba(239, 68, 68, .1);--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-border-strong: #CBD5E1;--color-border-focus: var(--color-primary);--color-link: var(--color-primary);--color-link-hover: var(--color-primary-dark);--color-link-visited: #C2410C;--color-focus-ring: rgba(255, 107, 53, .35);--font-family-base: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--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: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-base: 1.5;--line-height-relaxed: 1.625;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--spacing-0: 0;--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-none: 0;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -1px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -2px rgba(15, 23, 42, .04);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 10px 10px -5px rgba(15, 23, 42, .04);--shadow-2xl: 0 25px 50px -12px rgba(15, 23, 42, .15);--shadow-inner: inset 0 2px 4px rgba(15, 23, 42, .04);--shadow-glow: 0 0 20px rgba(255, 107, 53, .2);--shadow-glow-lg: 0 0 40px rgba(255, 107, 53, .25);--shadow-card: 0 1px 3px rgba(15, 23, 42, .04), 0 1px 2px rgba(15, 23, 42, .06);--shadow-card-hover: 0 10px 40px rgba(15, 23, 42, .08);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--container-xs: 480px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800}*,*:before,*:after{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}body{min-height:100vh;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--spacing-4)}p:last-child{margin-bottom:0}strong,b{font-weight:var(--font-weight-semibold)}small{font-size:var(--font-size-sm)}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover)}a:visited{color:var(--color-link-visited)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}code,pre,kbd,samp{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}code{padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm)}pre{padding:var(--spacing-4);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow-x:auto}pre code{padding:0;background:none}hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-6) 0}::selection{background-color:var(--color-primary);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-graphite-light)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) var(--color-bg-secondary)}:focus{outline:none}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md)}.app{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-md)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-md{margin-top:var(--spacing-md)}.mb-md{margin-bottom:var(--spacing-md)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);height:var(--btn-height-md);padding:0 var(--btn-padding-x);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:var(--btn-height-sm);padding:0 var(--spacing-3);font-size:var(--font-size-xs)}.btn-lg{height:var(--btn-height-lg);padding:0 var(--spacing-6);font-size:var(--font-size-base)}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-active)}.btn-secondary{background-color:var(--color-bg-white);color:var(--color-text-primary);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-secondary);border-color:var(--color-border-strong)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-error-dark)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--color-success-dark)}.btn-link{background-color:transparent;color:var(--color-link);padding:0;height:auto}.btn-link:hover:not(:disabled){color:var(--color-link-hover);text-decoration:underline}.btn-icon{width:var(--btn-height-md);padding:0}.btn-icon.btn-sm{width:var(--btn-height-sm)}.btn-icon.btn-lg{width:var(--btn-height-lg)}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.btn-group .btn:not(:last-child){border-right-width:0}.btn-group .btn:focus{z-index:1}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-label-required:after{content:" *";color:var(--color-error)}.form-input,.form-select,.form-textarea{width:100%;height:var(--input-height);padding:0 var(--input-padding-x);font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-white);border:var(--input-border-width) solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-border-strong)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.form-textarea{height:auto;min-height:100px;padding:var(--spacing-3);resize:vertical;line-height:var(--line-height-base)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236C7278' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;padding-right:var(--spacing-10);cursor:pointer}.form-check{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.form-check-input{width:1.125rem;height:1.125rem;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-bg-tertiary);border:var(--input-border-width) solid var(--color-border);cursor:pointer;transition:all var(--transition-base)}.form-check-input[type=checkbox]{border-radius:var(--radius-sm)}.form-check-input[type=radio]{border-radius:var(--radius-full)}.form-check-input:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.form-check-input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.form-check-input[type=radio]:checked{background-image:url("data:image/svg+xml,%3Ccircle xmlns='http://www.w3.org/2000/svg' cx='6' cy='6' r='3' fill='white'/%3E");background-repeat:no-repeat;background-position:center}.form-check-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.form-input-error{border-color:var(--color-error)}.form-input-error:focus{box-shadow:0 0 0 3px #e74a2f4d}.form-input-success{border-color:var(--color-success)}.form-error{display:block;margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-error)}.form-hint{display:block;margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.input-with-icon{position:relative}.input-with-icon .form-input{padding-left:var(--spacing-10)}.input-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.form-input-sm{height:var(--btn-height-sm);font-size:var(--font-size-sm)}.form-input-lg{height:var(--btn-height-lg);font-size:var(--font-size-lg)}.alert{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.alert-error{background-color:var(--color-error-bg, rgba(231, 74, 47, .1));border:1px solid var(--color-error);color:var(--color-error)}.alert-success{background-color:var(--color-success-bg, rgba(52, 168, 83, .1));border:1px solid var(--color-success);color:var(--color-success)}.alert-warning{background-color:var(--color-warning-bg, rgba(251, 188, 4, .1));border:1px solid var(--color-warning);color:var(--color-warning-dark, #9A6F00)}.card{background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--shadow-card)}.card-hover{transition:all var(--transition-base)}.card-hover:hover{border-color:var(--color-border);box-shadow:var(--shadow-card-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--card-padding);border-bottom:1px solid var(--color-border)}.card-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card-subtitle{margin:var(--spacing-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.card-body{padding:var(--card-padding)}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--card-padding);border-top:1px solid var(--color-border);background-color:var(--color-bg-tertiary)}.card-elevated{background-color:var(--color-bg-elevated);box-shadow:var(--shadow-lg)}.card-bordered{border-width:2px}.card-flat{border:none;background-color:var(--color-bg-tertiary)}.card-accent{border-left:4px solid var(--color-primary)}.card-accent-success{border-left:4px solid var(--color-success)}.card-accent-warning{border-left:4px solid var(--color-warning)}.card-accent-error{border-left:4px solid var(--color-error)}.card-accent-info{border-left:4px solid var(--color-info)}.card-compact .card-header,.card-compact .card-body,.card-compact .card-footer{padding:var(--spacing-3)}.card-image{width:100%;height:auto;display:block}.card-image-top{border-radius:var(--card-radius) var(--card-radius) 0 0}.card-actions{position:absolute;top:var(--spacing-2);right:var(--spacing-2);display:flex;gap:var(--spacing-1);opacity:0;transition:opacity var(--transition-base)}.card:hover .card-actions{opacity:1}.stat-card{text-align:center;padding:var(--spacing-6)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1}.stat-label{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.stat-change{display:inline-flex;align-items:center;gap:var(--spacing-1);margin-top:var(--spacing-2);font-size:var(--font-size-sm)}.stat-change-up{color:var(--color-success)}.stat-change-down{color:var(--color-error)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.grid{display:grid}.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))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}.col-span-full{grid-column:1 / -1}.m-0{margin:0}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-4{margin:var(--spacing-4)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-elevated{background-color:var(--color-bg-elevated)}.bg-accent{background-color:var(--color-accent-primary)}.bg-success{background-color:var(--color-success-bg)}.bg-warning{background-color:var(--color-warning-bg)}.bg-error{background-color:var(--color-error-bg)}.bg-info{background-color:var(--color-info-bg)}.border{border:1px solid var(--color-border)}.border-0{border:none}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{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)}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.max-w-full{max-width:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-glow{box-shadow:var(--shadow-glow)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-dropdown{z-index:var(--z-dropdown)}.z-modal{z-index:var(--z-modal)}.z-tooltip{z-index:var(--z-tooltip)}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-none{transition:none}.sm-show,.md-show,.lg-show{display:none}@media (min-width: 640px){.sm-show{display:block}.sm-hide{display:none}}@media (min-width: 768px){.md-show{display:block}.md-hide{display:none}}@media (min-width: 1024px){.lg-show{display:block}.lg-hide{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background-color:var(--color-bg-white);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:var(--z-sticky);box-shadow:var(--shadow-sm);transition:width var(--transition-slow)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2)}.sidebar.collapsed .sidebar-header{padding:var(--spacing-3);justify-content:center}.sidebar-header-actions{display:flex;align-items:center;gap:var(--spacing-1)}.sidebar.collapsed .sidebar-header-actions{display:none}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none;overflow:hidden}.sidebar.collapsed .sidebar-logo{gap:0}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.sidebar-toggle:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.sidebar.collapsed .sidebar-toggle{position:absolute;right:-16px;top:50%;transform:translateY(-50%);background-color:var(--color-bg-white);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);width:24px;height:24px;border-radius:var(--radius-full)}.sidebar.collapsed .sidebar-toggle:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.logo-icon{width:36px;height:36px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);flex-shrink:0}.logo-icon-img{width:36px;height:36px;object-fit:contain;flex-shrink:0}.logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;opacity:1;transition:opacity var(--transition-fast)}.sidebar-nav{flex:1;padding:var(--spacing-4) var(--spacing-2);overflow-y:auto;overflow-x:hidden}.sidebar.collapsed .sidebar-nav{padding:var(--spacing-4) var(--spacing-1)}.nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);margin-bottom:var(--spacing-1);white-space:nowrap;overflow:hidden}.sidebar.collapsed .nav-item{padding:var(--spacing-3);justify-content:center}.nav-item:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-item.active{background-color:var(--color-primary);color:#fff}.nav-item.active:hover{background-color:var(--color-primary-hover)}.nav-icon{width:20px;height:20px;flex-shrink:0}.nav-text{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);opacity:1;transition:opacity var(--transition-fast)}.sidebar-footer{padding:var(--spacing-4);border-top:1px solid var(--color-border-light);display:flex;align-items:center;gap:var(--spacing-2)}.sidebar.collapsed .sidebar-footer{padding:var(--spacing-3) var(--spacing-2);flex-direction:column;gap:var(--spacing-2)}.user-profile{flex:1;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2);border-radius:var(--radius-md);text-decoration:none;transition:background-color var(--transition-fast);overflow:hidden}.sidebar.collapsed .user-profile{padding:var(--spacing-1);justify-content:center}.user-profile:hover{background-color:var(--color-bg-tertiary)}.user-avatar{width:36px;height:36px;background-color:var(--color-bg-secondary);color:var(--color-graphite);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);flex-shrink:0;overflow:hidden}.user-avatar.has-avatar{background-color:transparent}.user-avatar-img{width:100%;height:100%;object-fit:cover}.user-info{display:flex;flex-direction:column;overflow:hidden}.user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:var(--font-size-xs);color:var(--color-text-muted)}.main-content{flex:1;margin-left:var(--sidebar-width);padding:var(--spacing-6);background-color:var(--color-bg-primary);min-height:100vh;transition:margin-left var(--transition-slow)}.app-layout.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed-width)}.page-header{margin-bottom:var(--spacing-6)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.page-subtitle{color:var(--color-text-muted);font-size:var(--font-size-base)}@media (max-width: 768px){.sidebar{width:100%;height:auto;position:relative;flex-direction:row;padding:var(--spacing-2)}.sidebar.collapsed{width:100%}.sidebar-header{border-bottom:none;padding:var(--spacing-2)}.sidebar-toggle{display:none}.sidebar-nav{display:flex;flex:1;padding:0;gap:var(--spacing-1)}.nav-item{padding:var(--spacing-2) var(--spacing-3);margin-bottom:0}.nav-text{display:none}.sidebar-footer{border-top:none;padding:var(--spacing-2);flex-direction:row}.user-info{display:none}.main-content,.app-layout.sidebar-collapsed .main-content{margin-left:0}}.loader{display:flex;align-items:center;justify-content:center;padding:var(--spacing-6)}.loader-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.loader-logo{width:48px;height:48px;object-fit:contain}.loader-logo-pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.loader-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.loader-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#1a1c1ecc;z-index:var(--z-modal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loader-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-primary);z-index:var(--z-modal)}.loader-sm .loader-logo{width:32px;height:32px}.loader-lg .loader-logo{width:64px;height:64px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-4)}.modal{background-color:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-border-light)}.modal-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal-body{padding:var(--spacing-6);overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light);margin-top:var(--spacing-4)}.modal.modal-sm{max-width:360px}.modal.modal-lg{max-width:640px}.modal.modal-xl{max-width:800px}.modal-confirm .modal-body{text-align:center}.modal-confirm .modal-icon{margin-bottom:var(--spacing-4)}.modal-confirm .modal-icon.warning{color:var(--color-warning)}.modal-confirm .modal-icon.danger{color:var(--color-error)}.modal-confirm .modal-icon.success{color:var(--color-success)}.modal-confirm .modal-message{color:var(--color-text-secondary);margin-top:var(--spacing-2)}.modal-task-detail{max-width:900px;max-height:85vh}.task-detail-body{display:flex;gap:var(--spacing-6);padding:var(--spacing-4) var(--spacing-6)}.task-detail-main{flex:1;min-width:0}.task-detail-sidebar{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--spacing-4)}.task-key-title{display:flex;align-items:center;gap:var(--spacing-2)}.task-key-badge{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.parent-link{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-muted)}.task-field{margin-bottom:var(--spacing-4)}.task-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0;cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.task-title:hover{background-color:var(--color-bg-tertiary)}.task-title-input{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.task-description{padding:var(--spacing-2);min-height:60px;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);white-space:pre-wrap}.task-description:hover{background-color:var(--color-bg-tertiary)}.detail-tabs{display:flex;gap:var(--spacing-1);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-4)}.detail-tabs .tab-btn{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);background:none;border:none;border-bottom:2px solid transparent;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;margin-bottom:-1px;transition:all var(--transition-fast)}.detail-tabs .tab-btn:hover{color:var(--color-text-primary)}.detail-tabs .tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.sidebar-field{display:flex;flex-direction:column;gap:var(--spacing-1)}.sidebar-field .field-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase}.sidebar-info span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.field-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--spacing-1)}.comments-section{display:flex;flex-direction:column;gap:var(--spacing-4)}.new-comment{display:flex;flex-direction:column;gap:var(--spacing-2)}.new-comment-actions{display:flex;justify-content:flex-end}.comments-list{display:flex;flex-direction:column;gap:var(--spacing-3);max-height:300px;overflow-y:auto}.comment-item{display:flex;gap:var(--spacing-3)}.comment-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-bg-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-graphite);flex-shrink:0}.comment-body{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.comment-author{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.comment-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.comment-edited{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.comment-content{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word}.comment-actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-1)}.comment-edit{display:flex;flex-direction:column;gap:var(--spacing-2)}.comment-edit-actions{display:flex;justify-content:flex-end;gap:var(--spacing-2)}.btn-link{background:none;border:none;padding:0;font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast)}.btn-link:hover{color:var(--color-primary)}.btn-link.text-error:hover{color:var(--color-error)}.history-section{max-height:400px;overflow-y:auto}.history-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.history-item{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-2);border-radius:var(--radius-sm)}.history-item:hover{background-color:var(--color-bg-tertiary)}.history-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-bg-secondary);border-radius:var(--radius-full);color:var(--color-text-muted);flex-shrink:0}.history-content{flex:1;font-size:var(--font-size-sm)}.history-user{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.history-action{color:var(--color-text-secondary)}.history-time{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:var(--spacing-2)}.attachments-section{display:flex;flex-direction:column;gap:var(--spacing-4)}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-6);border:2px dashed var(--color-border-light);border-radius:var(--radius-md);background-color:var(--color-bg-tertiary);cursor:pointer;transition:all var(--transition-fast)}.upload-area:hover,.upload-area.drag-over{border-color:var(--color-primary);background-color:var(--color-primary-50)}.upload-area span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.upload-area .upload-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.upload-area input.hidden{display:none}.uploading-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.uploading-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.attachments-list{display:flex;flex-direction:column;gap:var(--spacing-2);max-height:300px;overflow-y:auto}.attachment-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2);background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.attachment-item:hover{background-color:var(--color-bg-tertiary)}.attachment-preview{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-white);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.attachment-preview img{width:100%;height:100%;object-fit:cover}.attachment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.attachment-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-name:hover{color:var(--color-primary)}.attachment-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.attachment-meta .separator{margin:0 var(--spacing-1)}.attachment-actions{display:flex;gap:var(--spacing-1);flex-shrink:0}.assignee-field{display:flex;align-items:center;gap:var(--spacing-2)}.current-assignee{flex-shrink:0}.assignee-avatar-lg{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--color-bg-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-graphite);overflow:hidden}.assignee-avatar-lg img{width:100%;height:100%;object-fit:cover}.assignee-field .form-select{flex:1}.empty-state-sm{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-6);color:var(--color-text-muted);font-size:var(--font-size-sm)}.loading-state{display:flex;justify-content:center;padding:var(--spacing-4)}@media (max-width: 768px){.task-detail-body{flex-direction:column}.task-detail-sidebar{width:100%;flex-direction:row;flex-wrap:wrap}.sidebar-field{flex:1;min-width:140px}}@media (max-width: 480px){.modal{max-width:100%;max-height:100%;border-radius:0}.modal-overlay{padding:0}}.landing-page{min-height:100vh;background:var(--gradient-hero);color:var(--color-text-primary);overflow-x:hidden}.container{max-width:1600px;margin:0 auto;padding:0 var(--spacing-8)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-6);padding:var(--spacing-4) var(--spacing-6);margin-top:var(--spacing-4);background:#fffffff2;border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);position:sticky;top:var(--spacing-4);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:var(--spacing-3)}.brand-logo{width:48px;height:48px;object-fit:contain}.brand-text{display:flex;flex-direction:column}.brand-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.brand-pill{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.nav{display:flex;align-items:center;gap:var(--spacing-2)}.nav-link{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-decoration:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);transition:all var(--transition-smooth)}.nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.topbar-actions{display:flex;align-items:center;gap:var(--spacing-4)}.lang-switcher{display:inline-flex;background:var(--color-bg-tertiary);border-radius:var(--radius-full);padding:3px}.lang-button{border:none;background:transparent;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-smooth)}.lang-button:hover{color:var(--color-text-primary)}.lang-button.active{background:var(--color-bg-white);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-xl);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-smooth);white-space:nowrap}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);border-radius:var(--radius-lg)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);border-radius:var(--radius-2xl)}.btn-xl{padding:var(--spacing-5) var(--spacing-10);font-size:var(--font-size-xl);border-radius:var(--radius-2xl)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 14px #ff6b3559;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-primary:hover{background:var(--color-primary-dark);color:#fff;box-shadow:0 6px 20px #ff6b3566;transform:translateY(-2px)}.btn-secondary{background:var(--color-bg-white);color:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-hover);color:var(--color-primary)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-text-inverse)}.btn-text{background:transparent;color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.btn-text:hover{color:var(--color-primary)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-16);padding:var(--spacing-20) 0;align-items:center}.hero-content{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:#ff6b351a;border:1px solid rgba(255,107,53,.2);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-6)}.hero-content h1{font-size:clamp(2rem,5vw,3.5rem);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-6) 0;color:var(--color-text-primary)}.hero-content h1 .highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-lead{font-size:clamp(1.125rem,2vw,1.375rem);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0 0 var(--spacing-8) 0}.hero-actions{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-10)}.hero-stats{display:flex;gap:var(--spacing-10)}.stat{display:flex;flex-direction:column}.stat-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--spacing-2)}.hero-visual{position:relative}.hero-image{width:100%;max-width:560px;border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);border:1px solid var(--color-border-light)}.hero-card{position:absolute;background:var(--color-bg-white);border-radius:var(--radius-xl);padding:var(--spacing-4);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light)}.hero-card-1{top:10%;right:-10%;animation:float 6s ease-in-out infinite}.hero-card-2{bottom:15%;left:-5%;animation:float 6s ease-in-out infinite 1s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-highlights{display:flex;flex-wrap:wrap;gap:var(--spacing-6);margin-top:var(--spacing-8)}.highlight{display:flex;align-items:center;gap:var(--spacing-3);font-size:clamp(1rem,1.5vw,1.25rem);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.highlight svg{color:var(--color-success);flex-shrink:0}.glass-card{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-3xl);padding:var(--spacing-8);box-shadow:var(--shadow-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6)}.card-title{display:flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.card-content{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8)}.hero-logo{max-width:200px;height:auto}.section{padding:var(--spacing-24) 0}.section-header{text-align:center;max-width:800px;margin:0 auto var(--spacing-16)}.eyebrow{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-4)}.section-header h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);margin:0 0 var(--spacing-4) 0;color:var(--color-text-primary)}.section-header p{font-size:clamp(1rem,1.5vw,1.25rem);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6);box-sizing:border-box}.feature-card{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);padding:var(--spacing-8);transition:all var(--transition-smooth)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-border)}.feature-icon{width:56px;height:56px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-5);background:#ff6b351a;color:var(--color-primary)}.feature-card h3{font-size:clamp(1.1rem,1.5vw,1.25rem);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-3) 0;color:var(--color-text-primary)}.feature-card p{font-size:clamp(.875rem,1.2vw,1rem);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.pricing-section{background:var(--color-bg-white);border-radius:var(--radius-3xl);padding:var(--spacing-16);border:1px solid var(--color-border-light)}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6);margin-top:var(--spacing-12);max-width:1500px;margin-left:auto;margin-right:auto;justify-content:center;justify-items:center}.pricing-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--spacing-8);display:flex;flex-direction:column;transition:all var(--transition-smooth);width:100%;min-width:283px;max-width:350px}.pricing-card:hover{box-shadow:var(--shadow-lg)}.pricing-card.featured,.pricing-card--highlight{border:2px solid var(--color-primary);box-shadow:var(--shadow-glow);position:relative}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:var(--color-text-inverse);padding:var(--spacing-1) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.pricing-header{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-border-light)}.pricing-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0}.pricing-description{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.pricing-price{display:flex;align-items:baseline;gap:var(--spacing-2);margin:var(--spacing-4) 0}.pricing-price .price{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap}.pricing-price .period{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.pricing-features{list-style:none;padding:0;margin:0 0 var(--spacing-8) 0;flex:1}.pricing-features li{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pricing-features li svg{color:var(--color-success);flex-shrink:0;margin-top:2px}.pricing-card .btn{width:100%}.cta{padding:var(--spacing-16) 0 var(--spacing-8)}.cta-card{display:flex;align-items:center;justify-content:center;gap:var(--spacing-8);padding:var(--spacing-12) var(--spacing-8);position:relative}.cta-image{width:200px;height:auto;flex-shrink:0;border-radius:var(--radius-lg)}.cta-image-right{transform:scaleX(-1)}.cta-content{text-align:center;flex:1;max-width:600px}.cta-text{position:relative}.cta-text h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0}.cta-text p{font-size:clamp(1rem,1.5vw,1.25rem);color:var(--color-text-secondary);margin:0 0 var(--spacing-8) 0}.cta-actions{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);position:relative}.footer{padding:var(--spacing-8) 0;border-top:1px solid var(--color-border-light)}.footer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6)}.footer-brand{display:flex;align-items:center;gap:var(--spacing-3)}.footer-brand img{width:32px;height:32px}.footer-brand span{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.footer-links{display:flex;gap:var(--spacing-6)}.footer-links a{color:var(--color-text-tertiary);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{text-align:center;padding-top:var(--spacing-6);border-top:1px solid var(--color-border-light)}.footer-copyright{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.footer-copyright a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.footer-copyright a:hover{color:var(--color-primary)}.footer-caption{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (max-width: 1500px){.pricing-grid{grid-template-columns:repeat(2,1fr);max-width:760px}}@media (max-width: 1200px){.hero{gap:var(--spacing-10)}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.hero{grid-template-columns:1fr;text-align:center;padding:var(--spacing-16) 0 var(--spacing-12) 0}.hero-content{max-width:700px;margin:0 auto}.hero-actions,.hero-stats,.hero-highlights{justify-content:center}.hero-visual{display:none}.cta-image{width:150px}}@media (max-width: 768px){.container{padding:0 var(--spacing-4)}.topbar{padding:var(--spacing-3) var(--spacing-4);margin-top:var(--spacing-2)}.nav{display:none}.hero{padding:var(--spacing-12) 0 var(--spacing-8) 0}.hero-content h1{font-size:var(--font-size-4xl)}.hero-lead{font-size:var(--font-size-lg)}.hero-actions{flex-direction:column}.hero-stats{flex-direction:column;gap:var(--spacing-6)}.section-header h2{font-size:var(--font-size-3xl)}.feature-grid{grid-template-columns:1fr;padding:0 var(--spacing-4)}.pricing-section{padding:var(--spacing-8) var(--spacing-4);border-radius:var(--radius-2xl)}.pricing-grid{grid-template-columns:1fr;max-width:350px}.cta-card{padding:var(--spacing-10) var(--spacing-4);flex-direction:column}.cta-image{display:none}.cta-text h2{font-size:var(--font-size-3xl)}.footer{flex-direction:column;gap:var(--spacing-4);text-align:center}.footer-top{flex-direction:column;gap:var(--spacing-4)}.footer-links{flex-wrap:wrap;justify-content:center}}@media (max-width: 400px){.container{padding:0 var(--spacing-3)}.pricing-card{min-width:auto;padding:var(--spacing-6)}.feature-card{padding:var(--spacing-6)}}