*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6;color:var(--text-primary);background:var(--background);transition:background-color .3s ease,color .3s ease}:root{--primary: #FA5513;--primary-hover: #E04A0F;--primary-active: #C7400D;--primary-light: #FFF5F2;--primary-dark: #B33A0A;--background: #ffffff;--bg-main: #f3f3f3;--bg-secondary: #F8F9FA;--bg-tertiary: #F1F3F5;--bg-elevated: #FFFFFF;--bg-input: #FFFFFF;--surface: #FFFFFF;--surface-hover: #F8F9FA;--surface-active: #F1F3F5;--text-primary: #1A1A1A;--text-secondary: #6B6B6B;--text-tertiary: #999999;--text-disabled: #CCCCCC;--text-on-primary: #FFFFFF;--border: #E5E5E5;--border-light: #F0F0F0;--border-strong: #CCCCCC;--border-focus: #FA5513;--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;--success: #10B981;--success-light: #D1FAE5;--success-bg: #ECFDF5;--error: #EF4444;--error-light: #FEE2E2;--error-bg: #FEF2F2;--error-border: #FECACA;--error-text: #DC2626;--warning: #F59E0B;--warning-light: #FEF3C7;--info: #3B82F6;--info-light: #DBEAFE;--link: #FA5513;--link-hover: #E04A0F;--link-visited: #B33A0A;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--overlay: rgba(0, 0, 0, .5);--overlay-light: rgba(0, 0, 0, .3);--illustration-bg: linear-gradient(135deg, #FFF5F2 0%, #F8F9FA 100%);--illustration-element: #FA5513;--illustration-central-bg: #FFFFFF;--illustration-central-border: #E5E5E5;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--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);--z-dropdown: 1000;--z-modal: 2000;--z-tooltip: 3000}body.theme-dark,[data-theme=dark]{--primary: #FA5513;--primary-hover: #FF6B2B;--primary-active: #FF7A3D;--primary-light: #2D1A13;--primary-dark: #B33A0A;--background: #1F1F23;--bg-main: #18181B;--bg-secondary: #262629;--bg-tertiary: #1E1E1E;--bg-elevated: #141414;--bg-input: #1A1A1A;--surface: #141414;--surface-hover: #1E1E1E;--surface-active: #282828;--text-primary: #F5F5F5;--text-secondary: #B8B8B8;--text-tertiary: #8C8C8C;--text-disabled: #525252;--text-on-primary: #FFFFFF;--border: #2D2D2D;--border-light: #242424;--border-strong: #404040;--border-focus: #FA5513;--gray-50: #1F2937;--gray-100: #374151;--gray-200: #4B5563;--gray-300: #6B7280;--gray-400: #9CA3AF;--gray-500: #D1D5DB;--gray-600: #E5E7EB;--gray-700: #F3F4F6;--gray-800: #F9FAFB;--gray-900: #F5F5F5;--success: #10B981;--success-light: #064E3B;--success-bg: #064E3B;--error: #EF4444;--error-light: #7F1D1D;--error-bg: #1A0F0F;--error-border: #3F1F1F;--error-text: #F87171;--warning: #F59E0B;--warning-light: #78350F;--info: #3B82F6;--info-light: #1E3A8A;--link: #FA5513;--link-hover: #FF6B2B;--link-visited: #B33A0A;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5);--overlay: rgba(0, 0, 0, .7);--overlay-light: rgba(0, 0, 0, .5);--illustration-bg: #1F1F23;--illustration-element: #FA5513;--illustration-central-bg: #1A1A1A;--illustration-central-border: #2D2D2D}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary);color:#fff}::-moz-selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(2deg)}66%{transform:translateY(10px) rotate(-2deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media print{body{background:#fff;color:#000}a{text-decoration:underline}button,.no-print{display:none!important}}.langselector{position:relative;display:inline-block}.langselector__button{position:relative;width:44px;height:44px;border:1px solid var(--border);background:var(--surface);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;padding:0;overflow:hidden}.langselector__button:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-1px)}.langselector__button:active{transform:translateY(0);background:var(--surface-active)}.langselector__button:focus-visible{border-color:var(--border-focus);box-shadow:0 0 0 3px #fa55131a}.langselector__icon{position:absolute;color:var(--text-secondary);opacity:.4;transition:all .3s cubic-bezier(.4,0,.2,1)}.langselector__flag{font-size:1.25rem;color:var(--text-primary);position:relative;top:-3px;z-index:1;transition:transform .3s cubic-bezier(.4,0,.2,1)}.langselector__button:hover .langselector__flag{transform:scale(1.1)}.langselector__button:hover .langselector__icon{opacity:.6;transform:rotate(15deg)}.langselector__dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:.5rem;z-index:1000;animation:slideDown .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.langselector__option{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);font-size:.9375rem;font-family:inherit;color:var(--text-primary);text-align:left;position:relative}.langselector__option:hover{background:var(--surface-hover);transform:translate(2px)}.langselector__option:active{background:var(--surface-active);transform:translate(0)}.langselector__option--active{background:var(--primary-light);color:var(--primary);font-weight:600}.langselector__option--active:hover{background:var(--primary-light)}.langselector__option-flag{font-size:1.25rem;flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1)}.langselector__option:hover .langselector__option-flag{transform:scale(1.15)}.langselector__option-name{flex:1;font-weight:500}.langselector__check{color:var(--primary);font-weight:700;font-size:1rem;animation:scaleIn .2s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.langselector__button{width:40px;height:40px}.langselector__flag{font-size:1.125rem}.langselector__dropdown{min-width:160px}.langselector__option{padding:.625rem .875rem;font-size:.875rem}}@media(prefers-reduced-motion:reduce){.langselector__button,.langselector__dropdown,.langselector__option,.langselector__flag,.langselector__icon,.langselector__check{animation:none!important;transition:none!important}.langselector__button:hover,.langselector__option:hover{transform:none}}.toast-container{position:fixed;top:16px;right:16px;z-index:3100;display:flex;flex-direction:column;gap:8px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md, 10px);box-shadow:var(--shadow-lg);font-size:14px;font-weight:500;line-height:1.4;pointer-events:auto;animation:toastSlideIn .25s ease-out;background:var(--surface, #fff);border:1px solid var(--border, #e5e5e5);color:var(--text-primary)}.toast--success{border-left:4px solid var(--success, #10B981)}.toast--success .toast__icon{color:var(--success, #10B981)}.toast--error{border-left:4px solid var(--error, #EF4444)}.toast--error .toast__icon{color:var(--error, #EF4444)}.toast--warning{border-left:4px solid var(--warning, #F59E0B)}.toast--warning .toast__icon{color:var(--warning, #F59E0B)}.toast--info{border-left:4px solid var(--info, #3B82F6)}.toast--info .toast__icon{color:var(--info, #3B82F6)}.toast__icon{flex-shrink:0}.toast__message{flex:1}.toast__close{flex-shrink:0;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;border-radius:var(--radius-xs, 4px);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.toast__close:hover{color:var(--text-primary)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.demo-banner{position:fixed;bottom:0;left:0;right:0;z-index:9998;background:oklch(.45 .22 260);color:#fff;display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;font-size:.875rem;box-shadow:0 -4px 24px #00000026}.demo-banner__icon{font-size:1.1rem;flex-shrink:0}.demo-banner__text{flex:1;font-weight:500;opacity:.9}.demo-banner__cta{display:inline-block;padding:.4rem 1rem;background:#fff;color:oklch(.45 .22 260);border-radius:6px;font-weight:700;font-size:.82rem;text-decoration:none;white-space:nowrap;transition:opacity .2s;flex-shrink:0}.demo-banner__cta:hover{opacity:.88}.demo-banner__close{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:1rem;padding:.25rem .5rem;border-radius:4px;transition:color .2s,background .2s;flex-shrink:0;line-height:1}.demo-banner__close:hover{color:#fff;background:#ffffff1a}@media(max-width:500px){.demo-banner{flex-wrap:wrap;gap:.5rem}.demo-banner__text{flex-basis:100%}}.planwall{position:fixed;inset:0;z-index:9999;background:var(--bg-main);overflow-y:auto;display:flex;justify-content:center}.planwall__container{max-width:1100px;width:100%;padding:40px 24px 80px;display:flex;flex-direction:column;gap:32px}.planwall__hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.planwall__hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:linear-gradient(135deg,#fa55131f,#faaa131f);border:1px solid rgba(250,85,19,.25);border-radius:999px;font-size:13px;font-weight:600;color:#fa5513;letter-spacing:.02em;text-transform:uppercase}.planwall__hero-title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;color:var(--text-primary);line-height:1.15;letter-spacing:-.03em;margin:0}.planwall__hero-gradient{background:linear-gradient(135deg,#fa5513,#ff8a47 40%,#faaa13);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.planwall__hero-sub{font-size:16px;color:var(--text-secondary);margin:0;max-width:480px}.planwall__billing-toggle{display:inline-flex;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:4px;gap:4px}.planwall__toggle-btn{padding:8px 20px;border:none;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;background:transparent;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.planwall__toggle-btn.active{background:var(--primary, #FA5513);color:#fff;box-shadow:0 4px 12px #fa551359}.planwall__discount-badge{background:#ffffff40;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.planwall__toggle-btn:not(.active) .planwall__discount-badge{background:#fa55131f;color:#fa5513}.planwall__alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;font-size:14px;font-weight:500}.planwall__alert--error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444}.planwall__alert--success{background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:#22c55e}.planwall__alert-close{margin-left:auto;background:transparent;border:none;cursor:pointer;color:inherit;opacity:.6;padding:2px;border-radius:6px;display:flex}.planwall__loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 24px;color:var(--text-secondary)}.planwall__spin{animation:planwall-spin 1s linear infinite}@keyframes planwall-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.planwall__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:start}.planwall__card{position:relative;background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:20px;padding:28px 24px 24px;display:flex;flex-direction:column;gap:20px;transition:all .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.planwall__card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;opacity:0;transition:opacity .3s ease}.planwall__card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001f;border-color:var(--primary, #FA5513)}.planwall__card:hover:before{opacity:1}.planwall__card--starter:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.planwall__card--pro:before{background:linear-gradient(90deg,#fa5513,#faaa13)}.planwall__card--enterprise:before{background:linear-gradient(90deg,#8b5cf6,#c4b5fd)}.planwall__card--popular{border-color:#fa5513;box-shadow:0 0 0 1px #fa551326,0 16px 36px #fa55131f}.planwall__card--popular:before{opacity:1;background:linear-gradient(90deg,#fa5513,#faaa13)}.planwall__popular-badge{position:absolute;top:-1px;right:20px;padding:4px 14px;border-radius:0 0 10px 10px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:5px;background:linear-gradient(135deg,#fa5513,#faaa13);color:#fff}.planwall__card-header{display:flex;align-items:flex-start;gap:14px}.planwall__card-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-elevated));border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--primary, #FA5513);flex-shrink:0}.planwall__plan-name{font-size:17px;font-weight:700;color:var(--text-primary);margin:0 0 3px}.planwall__plan-desc{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.planwall__price-block{display:flex;flex-direction:column;gap:4px}.planwall__price{display:flex;align-items:baseline;gap:2px}.planwall__currency{font-size:18px;font-weight:700;color:var(--text-secondary);align-self:flex-start;margin-top:4px}.planwall__amount{font-size:36px;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1}.planwall__period{font-size:14px;color:var(--text-secondary);font-weight:500;margin-left:2px}.planwall__yearly-note{font-size:12px;color:var(--text-tertiary);margin:0}.planwall__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;flex:1}.planwall__feature{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.planwall__feature--ok{color:var(--text-primary)}.planwall__feature--no{color:var(--text-tertiary);opacity:.6}.planwall__feature-icon--ok{color:#22c55e;flex-shrink:0}.planwall__feature-icon--no{color:var(--text-tertiary);flex-shrink:0}.planwall__cta{width:100%;padding:12px;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s ease}.planwall__cta--popular{background:linear-gradient(135deg,#fa5513,#ff7a3d);color:#fff;box-shadow:0 6px 20px #fa551366}.planwall__cta--popular:hover:not(:disabled){background:linear-gradient(135deg,#e04d0e,#fa5513);box-shadow:0 8px 28px #fa551380;transform:translateY(-1px)}.planwall__cta--default{background:var(--bg-secondary);border:1.5px solid var(--border);color:var(--text-primary)}.planwall__cta--default:hover:not(:disabled){background:var(--primary, #FA5513);color:#fff;border-color:var(--primary, #FA5513)}.planwall__cta:disabled{opacity:.6;cursor:not-allowed}.planwall__trial{display:flex;flex-direction:column;align-items:center;gap:16px}.planwall__trial-divider{width:100%;display:flex;align-items:center;gap:16px}.planwall__trial-divider:before,.planwall__trial-divider:after{content:"";flex:1;height:1px;background:var(--border)}.planwall__trial-divider span{font-size:14px;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.planwall__trial-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:2px solid rgba(34,197,94,.3);border-radius:14px;color:#22c55e;font-size:16px;font-weight:700;cursor:pointer;transition:all .25s ease}.planwall__trial-btn:hover:not(:disabled){background:#22c55e;color:#fff;border-color:#22c55e;box-shadow:0 8px 24px #22c55e59;transform:translateY(-2px)}.planwall__trial-btn:disabled{opacity:.6;cursor:not-allowed}.planwall__trial-note{font-size:13px;color:var(--text-tertiary);margin:0;text-align:center;max-width:420px}.planwall__footer{text-align:center;padding-top:8px}.planwall__logout-btn{background:none;border:none;color:var(--text-tertiary);font-size:13px;cursor:pointer;text-decoration:underline;transition:color .2s}.planwall__logout-btn:hover{color:var(--text-secondary)}@media(max-width:768px){.planwall__container{padding:24px 16px 60px}.planwall__grid{grid-template-columns:1fr}.planwall__hero-title{font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.planwall__card,.planwall__cta,.planwall__trial-btn{transition:none!important}.planwall__card:hover{transform:none!important}}.maintenance{position:fixed;inset:0;z-index:99999;background:var(--bg-main);display:flex;align-items:center;justify-content:center;padding:24px}.maintenance__card{max-width:480px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;padding:48px 32px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:24px;box-shadow:0 20px 60px #0000001a}.maintenance__icon-wrap{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#faaa131f,#fa551314);border:1px solid rgba(250,85,19,.15);display:flex;align-items:center;justify-content:center;color:#fa5513;animation:maintenance-pulse 3s ease-in-out infinite}@keyframes maintenance-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.maintenance__title{font-size:24px;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em}.maintenance__message{font-size:16px;color:var(--text-secondary);margin:0;line-height:1.6}.maintenance__divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.maintenance__sub{font-size:14px;color:var(--text-tertiary);margin:0;line-height:1.5}.maintenance__retry-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.maintenance__retry-btn:hover{background:var(--primary, #FA5513);color:#fff;border-color:var(--primary, #FA5513)}@media(prefers-reduced-motion:reduce){.maintenance__icon-wrap{animation:none}.maintenance__retry-btn{transition:none}}.offline-banner{position:fixed;bottom:20px;left:20px;z-index:9999;padding:10px 18px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000040;max-width:calc(100vw - 40px);animation:offline-slide-up .28s cubic-bezier(.16,1,.3,1) both}.offline-banner--offline{background:color-mix(in srgb,var(--primary) 92%,#000 8%)}.offline-banner--reconnected{background:#18a558;animation:offline-slide-up .28s cubic-bezier(.16,1,.3,1) both,offline-fade-out .4s ease 2.6s forwards}.offline-banner__content{display:flex;align-items:center;gap:8px;color:#fff;font-size:.8125rem;font-weight:500;line-height:1.4;white-space:nowrap}.offline-banner__content svg{flex-shrink:0}@keyframes offline-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes offline-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px);pointer-events:none}}@media(max-width:480px){.offline-banner{bottom:12px;left:12px;right:12px;max-width:none}.offline-banner__content{white-space:normal}}