:root{--color-bg: #1A1D21;--color-surface: #2A2D34;--color-surface-strong: #2E3339;--color-border: #3D444A;--color-border-strong: #515C65;--color-border-stronger: #66737C;--color-text: #F5F5F5;--color-muted: #A6B0B6;--color-contrast: #FFFFFF;--color-accent: #0065FF;--color-accent-soft: #1E73F0;--color-accent-muted: #7799C5;--success: #5AA98B;--success-soft: #7fd1a4;--warning: #F4C14E;--warning-soft: #ffb347;--danger: #E2574E;--danger-strong: #ff6b6b;--panel-glass: rgba(255, 255, 255, .95);--panel-translucent: rgba(255, 255, 255, .04);--gradient-accent: linear-gradient(120deg, #0065FF, #2e5bff);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 18px 46px rgba(15, 41, 77, .15);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius: 12px;--radius-base: 14px;--radius-lg: 16px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--font-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-secondary: "IBM Plex Sans", "Inter", sans-serif;--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--card-width-mobile: 100vw;--card-width-tablet: 90vw;--card-width-desktop: 400px;--card-min-height: 200px;--sidebar-width-desktop: 320px;--sidebar-width-tablet: 280px;--sidebar-width-mobile: 100%;--font-size-base-desktop: 1rem;--font-size-base-mobile: .875rem;--font-size-heading-desktop: 2rem;--font-size-heading-mobile: 1.5rem;--line-height-base: 1.5;--btn-padding-desktop: 10px 18px;--btn-padding-mobile: 13px 22px;--btn-min-size: 48px;--image-aspect-ratio: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--size-xs: 20px;--size-sm: 32px;--size-md: 36px;--size-base: 40px;--size-lg: 48px;--size-xl: 56px;--size-2xl: 64px;--padding-xs: var(--space-1) var(--space-2);--padding-sm: var(--space-2) var(--space-3);--padding-md: var(--btn-padding-desktop);--padding-lg: var(--space-4) var(--space-6);--padding-xl: var(--space-6) var(--space-8);--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-base: var(--font-size-base-desktop);--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: var(--font-size-heading-desktop);--text-3xl: 2.5rem;--text-4xl: 3rem;--icon-xs: 10px;--icon-sm: 14px;--icon-md: 18px;--icon-lg: 20px;--icon-xl: 28px;--icon-14: 12px;--icon-28: 24px;--icon-30: 26px;--icon-34: 30px;--icon-36: 32px;--icon-38: 34px;--icon-48: 42px;--icon-64: 56px;--btn-height-xs: var(--size-xs);--btn-height-sm: var(--size-sm);--btn-height-md: var(--size-md);--btn-height-base: var(--size-base);--btn-height-lg: var(--size-lg);--btn-height-xl: var(--size-xl);--input-height-sm: var(--size-sm);--input-height-md: var(--size-md);--input-height-lg: var(--size-lg);--card-padding-sm: var(--space-2);--card-padding-md: var(--space-4);--card-padding-lg: var(--space-6);--container-xs: min(300px, 95vw);--container-sm: min(400px, 90vw);--container-md: min(500px, 85vw);--container-lg: min(600px, 80vw);--container-xl: min(700px, 75vw);--container-2xl: min(1400px, 95vw);--modal-sm: min(360px, 92vw);--modal-md: min(420px, 92vw);--modal-lg: min(600px, 92vw);--modal-xl: min(960px, 95vw);--bg: var(--color-bg);--panel: var(--color-surface);--panel-strong: var(--color-surface-strong);--border: var(--color-border);--text: var(--color-text);--muted: var(--color-muted);--accent: var(--color-accent);--accent-soft: var(--color-accent-soft)}[data-theme=light]{--color-bg: #f7f9fc;--color-surface: #ffffff;--color-surface-strong: #f2f5fb;--color-border: #e6ecf5;--color-border-strong: #d7e2f5;--color-border-stronger: #c3d5fb;--color-text: #0f294d;--color-muted: #5a6b85;--color-contrast: #0f1115;--color-accent: #0065FF;--color-accent-soft: #2e5bff;--color-accent-muted: #6ea4c4;--success: #4CAF50;--success-soft: #7fd1a4;--warning: #f59e0b;--warning-soft: #ffb347;--danger: #ef4444;--danger-strong: #ff6b6b;--panel-glass: rgba(255, 255, 255, .95);--panel-translucent: rgba(0, 0, 0, .04);--gradient-accent: linear-gradient(120deg, #0065FF, #2e5bff);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 18px 46px rgba(15, 41, 77, .15);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:var(--line-height-base);font-family:var(--font-primary);font-size:var(--text-base);background:var(--bg);color:var(--text);overflow-x:hidden;overflow-y:auto}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{font-size:var(--font-size-base-desktop);line-height:var(--line-height-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:var(--line-height-base);color:var(--text)}h1,h2{font-size:var(--font-size-heading-desktop)}h3{font-size:1.5rem}p{max-width:65ch;color:var(--muted);font-size:var(--text-base);line-height:var(--line-height-base)}@media(max-width:480px){html{font-size:var(--font-size-base-mobile)}h1,h2{font-size:var(--font-size-heading-mobile)}}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-soft)}.text-accent{color:var(--accent)}.text-accent-contrast{color:#fff}.container{width:min(1200px,100% - 2rem);margin-inline:auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}.hidden{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--btn-padding-desktop);border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent;font-size:var(--text-base);min-height:var(--btn-min-size);min-width:var(--btn-min-size);height:auto;width:auto;line-height:var(--line-height-base)}.btn-primary{background:linear-gradient(120deg,var(--accent),var(--accent-soft));color:#fff;box-shadow:0 4px 12px #1c3f9440}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #1c3f9459}.btn-secondary{background:var(--panel-strong);border-color:var(--border);color:var(--text)}.btn-secondary:hover{background:var(--panel);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text);border-color:transparent}.btn-ghost:hover{background:var(--panel-strong)}.btn-danger{background:var(--danger);color:#fff}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--card-padding-md);box-shadow:var(--shadow-sm);width:var(--card-width-desktop);max-width:var(--card-width-desktop);height:auto;min-height:var(--card-min-height);display:flex;flex-direction:column}.card img{object-fit:cover;width:100%;aspect-ratio:var(--image-aspect-ratio);border-radius:var(--radius-sm)}.card-hover:hover{box-shadow:var(--shadow);transform:translateY(-2px);transition:all .3s ease}.input{width:100%;max-width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);transition:border-color .2s;font-size:var(--text-base);min-height:var(--btn-min-size);height:auto;box-sizing:border-box;line-height:var(--line-height-base)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2e5bff1a}.badge{display:inline-flex;align-items:center;padding:var(--padding-xs);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:#2e5bff1a;color:var(--accent)}.badge-success{background:#10b9811a;color:var(--success)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.logo-link{text-decoration:none;color:inherit}.logo-container{display:flex;align-items:center;gap:var(--space-3)}.logo-circle{width:clamp(var(--size-md),4vw,var(--size-lg));height:clamp(var(--size-md),4vw,var(--size-lg));min-width:var(--size-md);min-height:var(--size-md);background:radial-gradient(circle at 30% 30%,#c6d3dd,#6ea4c4);border-radius:var(--radius-full);box-shadow:inset 0 0 0 1px #fff3;flex-shrink:0}.logo-img{width:clamp(var(--size-lg),5vw,var(--size-xl));height:clamp(var(--size-lg),5vw,var(--size-xl));min-width:var(--size-lg);min-height:var(--size-lg);object-fit:contain;border-radius:var(--radius-full);display:block;flex-shrink:0}.logo-text{font-family:var(--font-primary);font-size:var(--text-base);font-weight:500;letter-spacing:.8px;color:var(--text);white-space:nowrap}.logo-text.eyebrow{text-transform:uppercase}.ui-modal-overlay{position:fixed;inset:0;background:#0006;display:grid;place-items:center;z-index:200;opacity:0;transition:opacity .2s ease;padding:var(--space-6)}.ui-modal-overlay.open{opacity:1}.ui-modal-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 22px 50px #00000047;padding:var(--space-4) var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);transform:translateY(var(--space-3));opacity:0;transition:transform .2s ease,opacity .2s ease;max-height:90vh;overflow-y:auto}.ui-modal-overlay.open .ui-modal-panel{transform:translateY(0);opacity:1}.ui-modal-panel-sm{width:var(--modal-sm)}.ui-modal-panel-md{width:var(--modal-md)}.ui-modal-panel-lg{width:var(--modal-lg)}.ui-modal-panel-xl{width:var(--modal-xl)}.ui-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.ui-modal-eyebrow{margin:0;font-size:var(--text-xs);color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-weight:700}.ui-modal-title{margin:var(--space-1) 0 0 0;font-size:var(--text-lg);color:var(--text);font-weight:800}.ui-modal-subtitle{margin:var(--space-1) 0 0 0;color:var(--muted);font-size:var(--text-md)}.ui-modal-close{border:1px solid var(--border);background:var(--panel-strong);color:var(--text);width:var(--size-sm);height:var(--size-sm);border-radius:var(--radius);display:grid;place-items:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.ui-modal-close:hover{background:var(--color-surface-strong);border-color:var(--border-strong)}.ui-modal-body{display:flex;flex-direction:column;gap:var(--space-2)}.ui-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-1)}.ui-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:600;white-space:nowrap}.ui-badge-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);letter-spacing:.02em}.ui-badge-md{padding:var(--padding-xs);font-size:var(--text-xs);letter-spacing:.05em}.ui-badge-lg{padding:var(--space-1) var(--space-4);font-size:var(--text-sm);letter-spacing:.05em}.ui-badge-primary{background:#2e5bff1a;color:var(--accent)}.ui-badge-success{background:#10b9811a;color:var(--success)}.ui-badge-warning{background:#f59e0b1a;color:var(--warning)}.ui-badge-danger{background:#ef44441a;color:var(--danger)}.ui-badge-info{background:#3b82f61a;color:#3b82f6}.ui-badge-muted{background:var(--panel-strong);color:var(--muted);border:1px solid var(--border)}.ui-icon-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s ease;background:transparent;color:var(--text)}.ui-icon-btn-sm{width:var(--size-xs);height:var(--size-xs);padding:var(--space-1)}.ui-icon-btn-md{width:var(--size-sm);height:var(--size-sm);padding:var(--space-2)}.ui-icon-btn-lg{width:var(--size-md);height:var(--size-md);padding:var(--space-2)}.ui-icon-btn svg{width:100%;height:100%}.ui-icon-btn-default{background:var(--panel-strong);border-color:var(--border)}.ui-icon-btn-default:hover:not(:disabled){background:var(--panel);border-color:var(--border-strong)}.ui-icon-btn-ghost{background:transparent}.ui-icon-btn-ghost:hover:not(:disabled){background:var(--panel-translucent)}.ui-icon-btn-subtle{background:transparent;opacity:.7}.ui-icon-btn-subtle:hover:not(:disabled){opacity:1;background:var(--panel-translucent)}.ui-icon-btn:disabled{opacity:.5;cursor:not-allowed}.ui-dropdown{position:relative;display:inline-block}.ui-dropdown-menu{position:absolute;z-index:100;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px #0003;padding:var(--space-2);min-width:180px;margin-top:var(--space-1);display:flex;flex-direction:column;gap:var(--space-1)}.ui-dropdown-menu-bottom-left{top:100%;left:0}.ui-dropdown-menu-bottom-right{top:100%;right:0}.ui-dropdown-menu-top-left{bottom:100%;left:0;margin-top:0;margin-bottom:var(--space-1)}.ui-dropdown-menu-top-right{bottom:100%;right:0;margin-top:0;margin-bottom:var(--space-1)}.ui-dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text);font-size:var(--text-sm);cursor:pointer;transition:background .15s ease;text-align:left}.ui-dropdown-item:hover:not(:disabled){background:var(--panel-strong)}.ui-dropdown-item:disabled{opacity:.5;cursor:not-allowed}.ui-dropdown-item-danger{color:var(--danger)}.ui-dropdown-item-danger:hover:not(:disabled){background:#ef44441a}.ui-dropdown-item-icon{display:flex;align-items:center;flex-shrink:0}.ui-dropdown-item-icon svg{width:var(--icon-sm);height:var(--icon-sm)}.ui-dropdown-divider{height:1px;background:var(--border);margin:var(--space-1) 0}.ui-select{width:100%;padding:var(--space-3) var(--space-3);padding-right:calc(var(--space-3) + 20px);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-strong);color:var(--text);font-size:var(--text-md);font-weight:600;line-height:1.5;cursor:pointer;transition:border-color .2s;font-family:inherit;min-height:var(--input-height-md);appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:12px 12px;box-sizing:border-box;overflow:visible;text-overflow:ellipsis}.ui-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2e5bff1a}.ui-select:disabled{opacity:.6;cursor:not-allowed}.ui-textarea-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.ui-textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-strong);color:var(--text);font-size:var(--text-base);font-family:inherit;resize:vertical;transition:border-color .2s;min-height:100px;line-height:var(--line-height-base)}.ui-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2e5bff1a}.ui-textarea:disabled{opacity:.6;cursor:not-allowed}.ui-textarea-count{font-size:var(--text-xs);color:var(--muted);text-align:right}.ui-form-field{display:flex;flex-direction:column;gap:var(--space-2)}.ui-form-label{font-size:var(--text-sm);font-weight:500;color:var(--text);display:flex;align-items:center;gap:var(--space-1)}.ui-form-required{color:var(--danger)}.ui-form-hint{font-size:var(--text-xs);color:var(--muted)}.ui-form-error{font-size:var(--text-base);color:var(--danger);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:#ef44441a;line-height:var(--line-height-base)}@media(max-width:480px){html{font-size:var(--font-size-base-mobile)}.card{width:var(--card-width-mobile);max-width:100%}.btn{padding:var(--btn-padding-mobile);min-height:var(--btn-min-size);min-width:var(--btn-min-size)}.input,.ui-select{padding:var(--space-3) var(--space-4);min-height:var(--btn-min-size)}.ui-modal-panel-sm,.ui-modal-panel-md{width:var(--card-width-mobile);max-width:100%}.logo-text{font-size:var(--text-base)}}@media(max-width:768px)and (min-width:481px){.card,.ui-modal-panel-sm,.ui-modal-panel-md{width:var(--card-width-tablet);max-width:var(--card-width-tablet)}}@media(min-width:1025px){.card{width:var(--card-width-desktop);max-width:var(--card-width-desktop)}}.mobile-menu-trigger{display:none}@media(max-width:768px){.mobile-menu-trigger{display:flex}}.mobile-menu-nav{position:fixed;inset:81px 0 0;background:var(--color-bg);display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-3);z-index:998}.mobile-menu-link{color:var(--text);text-decoration:none;font-weight:500;font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:color .2s ease;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;min-height:48px}.mobile-menu-link:hover{background:var(--color-surface);color:var(--accent)}.mobile-menu-signin-link{background:var(--accent);color:#fff;margin-top:var(--space-2);border-radius:var(--radius-sm)}.mobile-menu-signin-link:hover{background:var(--accent-soft);color:#fff}@media(max-width:360px){.btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-height:var(--btn-min-size);margin-bottom:var(--space-2)}.card{padding:var(--card-padding-sm);margin-bottom:var(--space-3)}.card-hover:hover{transform:none}.input{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);margin-bottom:var(--space-2)}}.toast-container{position:fixed;top:var(--space-4);left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none;max-width:400px;max-height:calc(100vh - var(--space-8));overflow:hidden}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--panel-strong);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text);min-width:280px;max-width:400px;pointer-events:auto;animation:toast-slide-in-top .3s ease-out}.toast--exiting{animation:toast-slide-out-top .3s ease-in forwards}.toast--success{border-color:var(--success);background:var(--panel-strong)}.toast--success .toast__icon{color:var(--success)}.toast--error{border-color:var(--danger);background:var(--panel-strong)}.toast--error .toast__icon{color:var(--danger)}.toast--warning{border-color:var(--warning);background:var(--panel-strong)}.toast--warning .toast__icon{color:var(--warning)}.toast--info{border-color:var(--accent);background:var(--panel-strong)}.toast--info .toast__icon{color:var(--accent)}.toast__icon{flex-shrink:0}.toast__content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.toast__message{font-size:var(--text-sm);line-height:1.4;color:var(--text)}.toast__action{background:none;border:none;color:var(--accent);font-size:var(--text-sm);font-weight:500;cursor:pointer;padding:0;text-align:left;transition:opacity .15s ease}.toast__action:hover{opacity:.8;text-decoration:underline}.toast__close{flex-shrink:0;background:none;border:none;color:var(--muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);opacity:.6;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.toast__close:hover{opacity:1;background:var(--panel);color:var(--text)}@keyframes toast-slide-in-top{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-out-top{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.sidebar-processing-pulse{animation:sidebar-pulse .5s ease-in-out 3}.sidebar-processing-pulse-persist{animation:sidebar-pulse .5s ease-in-out infinite}@keyframes sidebar-pulse{0%,to{background-color:transparent}50%{background-color:var(--accent-soft, rgba(99, 102, 241, .15))}}.dashboard-process-btn.success{background:var(--color-success, #22c55e)!important;border-color:var(--color-success, #22c55e)!important}.dashboard-process-btn.success svg{animation:checkmark-pop .3s ease-out}.home-page{position:relative;min-height:100vh;background:var(--color-bg);color:var(--color-text)}.app .header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-8);width:100%;background:var(--color-bg);transition:background .2s ease}.header-nav{display:flex;align-items:center;gap:var(--space-4)}.header-link{color:var(--color-text);text-decoration:none;font-weight:500;font-size:var(--text-base);transition:color .2s ease;padding:var(--space-2) 0;line-height:var(--line-height-base)}.header-link:hover{color:var(--color-accent-soft)}.header-theme-toggle{margin-right:var(--space-1)}[data-theme=light] .app .header{background:var(--color-bg)}.app .header a{text-decoration:none}.app .sign-in-btn{padding:var(--btn-padding-desktop);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-sm);transition:all .2s ease;white-space:nowrap;min-height:var(--btn-min-size);line-height:var(--line-height-base)}.app .sign-in-btn:hover{transform:translateY(-1px)}.section-intro{text-align:center;margin-bottom:var(--space-20);padding:0 0 var(--space-20)}.section-label{display:inline-block;padding:var(--space-2) var(--space-4);background:#0065ff1a;border:1px solid rgba(0,101,255,.2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-6)}.section-headline{font-size:clamp(var(--font-size-heading-mobile),5vw,var(--font-size-heading-desktop));font-weight:800;line-height:1.2;color:var(--color-text);margin:0 0 var(--space-6);font-family:var(--font-heading);max-width:100%;word-wrap:break-word}.section-headline .accent{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-soft));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:var(--text-lg);line-height:1.6;color:var(--color-muted);max-width:600px;margin:0 auto}.section-cta-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:600;color:var(--color-accent);text-decoration:none;transition:all .2s ease;margin-top:var(--space-2)}.section-cta-link:hover{color:var(--color-accent-strong);gap:var(--space-3)}.section-cta-inline{color:var(--color-accent);text-decoration:none;font-weight:600;transition:color .2s ease}.section-cta-inline:hover{color:var(--color-accent-strong);text-decoration:underline}.contrast-section{position:relative;padding:var(--space-20) 0;background:var(--color-bg);overflow:hidden}.pain-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden}.time-particles{position:absolute;inset:0}.time-particle{position:absolute;width:4px;height:4px;background:linear-gradient(180deg,var(--danger) 0%,transparent 100%);border-radius:50%;opacity:.4;animation:particleFall linear infinite}@keyframes particleFall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.3}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.pain-container{position:relative;z-index:2;max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-6)}.pain-header{text-align:center;margin-bottom:var(--space-16);opacity:0;transform:translateY(40px);transition:all 1s cubic-bezier(.16,1,.3,1)}.pain-header.visible{opacity:1;transform:translateY(0)}.pain-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#e2574e1a;border:1px solid rgba(226,87,78,.2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--danger);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-6)}.pulse-dot{width:8px;height:8px;background:var(--danger);border-radius:50%;animation:pulseLive 2s ease-in-out infinite}@keyframes pulseLive{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.pain-headline{font-size:clamp(var(--text-2xl),5vw,3.5rem);font-weight:800;line-height:1.15;color:var(--color-text);margin:0 0 var(--space-6);font-family:var(--font-heading)}.time-counter{display:inline-flex;align-items:baseline;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#e2574e26,#e2574e0d);border-radius:var(--radius);margin:var(--space-2) 0}.counter-value{font-size:clamp(2rem,6vw,4rem);font-weight:900;background:linear-gradient(135deg,var(--danger) 0%,#ff8a80 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}.counter-unit{font-size:var(--text-xl);font-weight:600;color:var(--danger)}.pain-subheadline{font-size:var(--text-lg);line-height:1.6;color:var(--color-muted);max-width:600px;margin:0 auto}.time-thief{margin-bottom:var(--space-16);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1) .3s}.time-thief.visible{opacity:1;transform:translateY(0)}.thief-visual{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.hourglass{position:relative;width:80px;height:120px;display:flex;flex-direction:column;align-items:center}.sand-top{width:60px;height:40px;background:linear-gradient(180deg,var(--danger) 0%,transparent 100%);clip-path:polygon(10% 0%,90% 0%,50% 100%);animation:sandDrain 3s ease-in-out infinite}.sand-stream{width:3px;height:20px;background:var(--danger);animation:streamFlow 3s ease-in-out infinite}.sand-bottom{width:60px;height:40px;background:linear-gradient(0deg,var(--danger) 0%,transparent 100%);clip-path:polygon(50% 0%,90% 100%,10% 100%);animation:sandFill 3s ease-in-out infinite}@keyframes sandDrain{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.3;transform:scaleY(.3)}}@keyframes streamFlow{0%,to{opacity:.3}25%,75%{opacity:1}}@keyframes sandFill{0%,to{opacity:.3;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}.thief-stats{display:flex;align-items:stretch;justify-content:center;gap:var(--space-6);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center;padding:0 var(--space-4)}.stat-value{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight:800;color:var(--danger);line-height:1}.stat-desc{font-size:var(--text-sm);color:var(--color-muted);max-width:140px;line-height:1.4}.stat-divider{width:1px;background:var(--color-border);align-self:stretch}.pain-timeline{margin-bottom:var(--space-16);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1) .5s}.pain-timeline.visible{opacity:1;transform:translateY(0)}.timeline-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);text-align:center;margin:0 0 var(--space-8)}.timeline-track{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-8) var(--space-4);overflow-x:auto;gap:var(--space-4)}.timeline-line{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-border) 0%,var(--danger) 30%,var(--danger) 70%,var(--color-border) 100%);transform:translateY(-50%);z-index:0}.timeline-event{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);opacity:0;transform:translateY(20px);animation:timelineReveal .6s ease forwards;min-width:100px;flex:1}@keyframes timelineReveal{to{opacity:1;transform:translateY(0)}}.event-marker{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:2px solid var(--color-border);transition:all .3s ease}.timeline-done .event-marker{border-color:var(--success);background:#5aa98b1a}.timeline-pain .event-marker{border-color:var(--warning);background:#f4c14e1a;animation:painPulse 2s ease-in-out infinite}.timeline-critical .event-marker{border-color:var(--danger);background:#e2574e26;animation:criticalPulse 1.5s ease-in-out infinite}.timeline-unknown .event-marker{border-color:var(--color-muted);background:#a6b0b61a}@keyframes painPulse{0%,to{box-shadow:0 0 #f4c14e66}50%{box-shadow:0 0 0 8px #f4c14e00}}@keyframes criticalPulse{0%,to{box-shadow:0 0 #e2574e66}50%{box-shadow:0 0 0 10px #e2574e00}}.event-icon{font-size:1.25rem}.event-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.event-time{font-size:var(--text-xs);font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.event-label{font-size:var(--text-sm);color:var(--color-text);font-weight:500;max-width:120px}.pain-stories{margin-bottom:var(--space-16);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1) .7s}.pain-stories.visible{opacity:1;transform:translateY(0)}.stories-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);text-align:center;margin:0 0 var(--space-8)}.stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6)}.story-card{position:relative;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .4s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(20px);animation:storyReveal .7s ease forwards;overflow:hidden}.story-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;transition:transform .3s ease;transform:scaleX(0);transform-origin:left}.story-coral:before{background:linear-gradient(90deg,#ff6b6b,#ff8a80)}.story-amber:before{background:linear-gradient(90deg,#ffb347,#ffd93d)}.story-rose:before{background:linear-gradient(90deg,#ff6b9d,#c44569)}.story-card:hover:before,.story-card.active:before{transform:scaleX(1)}.story-card:hover,.story-card.active{transform:translateY(-8px);border-color:var(--color-border-strong);box-shadow:0 20px 60px #0003}@keyframes storyReveal{to{opacity:1;transform:translateY(0)}}.story-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.story-avatar{font-size:2.5rem;line-height:1}.story-meta{flex:1;display:flex;flex-direction:column;gap:2px}.story-role{font-size:var(--text-base);font-weight:600;color:var(--color-text)}.story-company{font-size:var(--text-sm);color:var(--color-muted)}.story-impact{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:var(--space-2) var(--space-3);background:#e2574e1a;border-radius:var(--radius-sm)}.impact-value{font-size:var(--text-lg);font-weight:800;color:var(--danger);line-height:1}.impact-label{font-size:var(--text-xs);color:var(--danger);opacity:.8}.story-quote{position:relative;font-size:var(--text-base);line-height:1.6;color:var(--color-text);margin:0 0 var(--space-5);padding-left:var(--space-4);border-left:2px solid var(--color-border);font-style:italic}.quote-mark{position:absolute;top:-8px;left:-2px;font-size:3rem;color:var(--color-border);font-family:Georgia,serif;line-height:1;opacity:.5}.story-transformation{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,#e2574e0d,#0065ff0d);border-radius:var(--radius);opacity:0;transform:translateY(10px);transition:all .3s ease .1s}.story-card:hover .story-transformation,.story-card.active .story-transformation{opacity:1;transform:translateY(0)}.transform-before,.transform-after{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500}.transform-before{color:var(--color-muted)}.transform-after{color:var(--color-accent)}.transform-icon{font-size:1.25rem}.transform-arrow{color:var(--color-muted);font-weight:600}.breaking-point{text-align:center;padding:var(--space-12);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-strong) 100%);border:1px solid var(--color-border);border-radius:var(--radius-2xl);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1) .9s}.breaking-point.visible{opacity:1;transform:translateY(0)}.break-content{max-width:500px;margin:0 auto}.break-icon{position:relative;width:80px;height:80px;margin:0 auto var(--space-6);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0065ff1a,#0065ff0d);border-radius:50%;color:var(--color-accent)}.break-icon svg{width:40px;height:40px}.break-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid var(--color-accent);animation:breakPulse 2s ease-in-out infinite}@keyframes breakPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:0}}.break-title{font-size:clamp(var(--text-xl),3vw,var(--text-2xl));font-weight:800;color:var(--color-text);margin:0 0 var(--space-4);line-height:1.3}.break-description{font-size:var(--text-lg);line-height:1.6;color:var(--color-muted);margin:0 0 var(--space-6)}.break-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.cta-text{font-size:var(--text-lg);font-weight:700;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-soft) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cta-arrow{width:40px;height:40px;color:var(--color-accent);animation:ctaBounce 2s ease-in-out infinite}.cta-arrow svg{width:100%;height:100%}@keyframes ctaBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}@media(max-width:1024px){.thief-stats{flex-direction:row;flex-wrap:wrap}.stat-divider{display:none}.stat-item{flex:1 1 30%;min-width:120px}}@media(max-width:768px){.pain-section{padding:var(--space-12) 0 var(--space-16)}.pain-container{padding:0 var(--space-4)}.pain-headline{font-size:clamp(1.5rem,6vw,2rem)}.time-counter{flex-direction:column;gap:var(--space-1);align-items:center}.counter-value{font-size:2.5rem}.timeline-track{flex-direction:column;align-items:stretch;gap:var(--space-4)}.timeline-line{width:2px;height:100%;left:24px;top:0;transform:none}.timeline-event{flex-direction:row;align-items:center;gap:var(--space-4);min-width:100%}.event-content{align-items:flex-start;text-align:left}.stories-grid{grid-template-columns:1fr}.story-header{flex-wrap:wrap}.story-impact{margin-top:var(--space-2);width:100%;align-items:flex-start}.breaking-point{padding:var(--space-8)}}@media(max-width:480px){.pain-eyebrow{font-size:var(--text-xs)}.stat-item{flex:1 1 100%}.thief-stats{gap:var(--space-4)}.event-marker{width:40px;height:40px}.story-transformation{flex-direction:column;gap:var(--space-2)}.transform-arrow{transform:rotate(90deg)}}.solution{padding:var(--space-16) 0 var(--space-20);background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.solution-container{width:100%;margin:0 auto;padding:0 calc(var(--space-16) * 3);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.solution-content{display:flex;flex-direction:column;gap:var(--space-4)}.solution-headline{font-size:clamp(var(--font-size-heading-mobile),5vw,var(--font-size-heading-desktop));font-weight:800;line-height:var(--line-height-base);color:var(--color-text);margin:0;font-family:var(--font-heading)}.solution-description{font-size:var(--text-lg);line-height:var(--line-height-base);color:var(--color-muted);margin:0}.solution-stats{display:flex;gap:var(--space-8);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center}.solution-stat{display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.stat-number{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:800;color:var(--color-text);font-variant-numeric:tabular-nums;line-height:1.2}.stat-label{font-size:var(--text-sm);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;line-height:var(--line-height-base)}.solution-visual{position:relative}.solution-card{background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-6);box-shadow:0 20px 60px #0003}.card-header{display:flex;justify-content:flex-end;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.card-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-muted);line-height:var(--line-height-base)}.status-dot{width:var(--size-xs);height:var(--size-xs);border-radius:50%;background:var(--success);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.card-waveform{display:flex;align-items:flex-end;gap:var(--space-1);height:clamp(80px,10vw,120px);margin-bottom:var(--space-4);padding:var(--space-4);background:#0065ff0d;border-radius:var(--radius-sm)}.wave-bar{flex:1;background:var(--gradient-accent);border-radius:var(--radius-sm);animation:wave 1.5s ease-in-out infinite;min-height:20%}@keyframes wave{0%,to{transform:scaleY(.8)}50%{transform:scaleY(1.2)}}.card-summary{padding:var(--space-4);background:#0065ff1a;border-radius:var(--radius-sm);border-left:3px solid var(--color-accent)}.summary-header{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);margin-bottom:var(--space-3);font-weight:600;line-height:var(--line-height-base)}.summary-content{font-size:var(--text-sm);line-height:var(--line-height-base);color:var(--color-text)}.time-savings{padding:var(--space-16) 0 var(--space-20);background:var(--color-bg);width:100%}.time-savings-container{max-width:1400px;width:100%;margin:0 auto;padding:0 var(--space-8);box-sizing:border-box}.savings-examples{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-8);align-items:center;width:100%}.savings-card{padding:var(--space-6) var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:all .3s ease;opacity:0;transform:translate(-20px);width:80%;max-width:80%;height:auto;animation:fadeInLeft .6s ease forwards;box-sizing:border-box}.savings-card:hover{transform:translate(0);border-color:var(--color-border-strong);box-shadow:0 8px 32px #0000001a}.savings-scenario{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-5);line-height:var(--line-height-base);text-align:center}.savings-comparison{display:flex;align-items:center;justify-content:center;gap:var(--space-5);margin-bottom:var(--space-5);flex-wrap:nowrap;width:100%;box-sizing:border-box}.comparison-item{flex:1 1 0;min-width:0;padding:var(--space-4) var(--space-3);border-radius:var(--radius-sm);text-align:center;box-sizing:border-box;overflow:hidden}.comparison-item.manual{background:#e657451a;border:1px solid rgba(230,87,69,.2)}.comparison-item.auto{background:#0065ff1a;border:1px solid rgba(0,101,255,.2)}.comparison-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);margin-bottom:var(--space-2);line-height:var(--line-height-base);font-weight:600}.comparison-value{font-size:clamp(var(--text-xl),3vw,var(--text-2xl));font-weight:700;color:var(--color-text);line-height:1.2}.comparison-value.highlight{color:var(--color-accent)}.comparison-arrow{font-size:var(--text-xl);color:var(--color-muted);flex-shrink:0;font-weight:600}.savings-result{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:#0065ff0d;border-radius:var(--radius-sm);margin-top:var(--space-4)}.savings-label{font-size:var(--text-sm);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;line-height:var(--line-height-base);font-weight:600}.savings-value{font-size:clamp(var(--text-xl),3vw,var(--text-2xl));font-weight:800;color:var(--success);font-variant-numeric:tabular-nums;line-height:1.2}.savings-note{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);font-size:var(--text-sm);line-height:var(--line-height-base);max-width:600px;margin:0 auto}.savings-note svg{color:var(--success);flex-shrink:0}.how-it-works{padding:var(--space-16) 0 var(--space-20);background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.how-it-works-container{width:100%;margin:0 auto;padding:0 calc(var(--space-16) * 3)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);position:relative;justify-items:center;justify-content:center}.step-card{position:relative;padding:var(--card-padding-md);background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;transition:all .3s ease;width:100%;max-width:320px;height:auto;min-height:var(--card-min-height)}.step-card:hover{transform:translateY(-4px);border-color:var(--color-border-strong);box-shadow:0 12px 40px #00000026}.step-number{position:absolute;top:calc(var(--space-6) * -1);left:50%;transform:translate(-50%);width:clamp(var(--size-md),4vw,var(--size-lg));height:clamp(var(--size-md),4vw,var(--size-lg));min-width:var(--size-md);min-height:var(--size-md);background:var(--gradient-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(var(--text-lg),2vw,var(--text-2xl));font-weight:800;box-shadow:0 4px 12px #0065ff4d;line-height:1}.step-icon{width:clamp(var(--size-md),6vw,var(--size-xl));height:clamp(var(--size-md),6vw,var(--size-xl));min-width:var(--size-md);min-height:var(--size-md);margin:var(--space-4) auto var(--space-4);padding:var(--space-4);background:#0065ff1a;border:1px solid rgba(0,101,255,.2);border-radius:var(--radius);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:clamp(var(--text-xl),3vw,var(--text-2xl));font-weight:800}.step-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin:0 0 var(--space-3);line-height:var(--line-height-base)}.step-description{font-size:var(--text-base);line-height:var(--line-height-base);color:var(--color-muted);margin:0}.step-connector{position:absolute;top:50%;right:calc(var(--space-6) * -1);width:var(--space-6);height:2px;background:var(--color-border);transform:translateY(-50%)}.step-card:last-child .step-connector{display:none}.pricing{padding:var(--space-16) 0 var(--space-20);background:var(--color-bg);width:100%}.pricing-container{max-width:var(--container-2xl);width:100%;margin:0 auto;padding:0 var(--space-6)}.pricing-card{padding:var(--space-8) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.pricing-header{margin-bottom:var(--space-6)}.pricing-title{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight:800;color:var(--color-text);margin:0 0 var(--space-3);line-height:var(--line-height-base)}.pricing-subtitle{font-size:var(--text-lg);color:var(--color-muted);margin:0;line-height:var(--line-height-base)}.pricing-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5) var(--space-8);margin-bottom:var(--space-6);width:100%}.pricing-feature{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-base);color:var(--color-text);line-height:var(--line-height-base);justify-self:center;text-align:left}.pricing-feature:nth-child(odd){justify-self:flex-end;padding-right:var(--space-4)}.pricing-feature:nth-child(2n){justify-self:flex-start;padding-left:var(--space-4)}.pricing-feature svg{color:var(--success);flex-shrink:0;width:20px;height:20px}.pricing-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.pricing-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--btn-padding-desktop);background:var(--gradient-accent);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-base);text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px #0065ff4d;min-height:var(--btn-min-size);min-width:var(--btn-min-size);line-height:var(--line-height-base);width:100%;max-width:300px}.pricing-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0065ff66}.pricing-note{font-size:var(--text-sm);color:var(--color-muted);margin:0;line-height:var(--line-height-base);text-align:center}.pricing-page-section{padding:var(--space-20) 0 var(--space-24);background:var(--color-bg);width:100%;min-height:calc(100vh - 200px)}.pricing-page-container{max-width:var(--container-2xl);width:100%;margin:0 auto;padding:0 var(--space-8)}.pricing-section-title{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:800;color:var(--color-text);margin:0 0 var(--space-6);text-align:center;line-height:var(--line-height-base)}.pricing-packs-section{margin:var(--space-20) 0}.pricing-packs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6);margin-top:var(--space-8);max-width:900px;margin-left:auto;margin-right:auto}.pricing-pack-card{padding:var(--space-10)!important;background:var(--color-surface)!important;border:2px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;box-shadow:0 4px 16px #0000000a!important;width:100%!important;max-width:100%!important;min-height:auto!important}.pricing-pack-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0000001f;border-color:var(--color-accent-soft)}.pricing-pack-card:first-child{border:2px solid var(--color-accent);background:linear-gradient(135deg,rgba(0,101,255,.02) 0%,var(--color-surface) 100%);box-shadow:0 8px 24px #0065ff26}.pricing-pack-card:first-child:hover{box-shadow:0 20px 48px #0065ff40;border-color:var(--color-accent);transform:translateY(-8px) scale(1.02)}.pricing-pack-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);position:relative}.pricing-pack-title{font-size:var(--text-2xl);font-weight:800;color:var(--color-text);margin:0;line-height:var(--line-height-base)}.pricing-pack-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--gradient-accent);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;line-height:var(--line-height-base);box-shadow:0 2px 8px #0065ff40}.pricing-pack-price{margin:var(--space-4) 0}.pricing-pack-amount{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:800;color:var(--color-text);line-height:var(--line-height-base)}.pricing-pack-credits{display:flex;flex-direction:column;gap:var(--space-1);margin:var(--space-4) 0}.pricing-pack-credits-total{font-size:var(--text-xl);font-weight:700;color:var(--color-text);line-height:var(--line-height-base)}.pricing-pack-credits-breakdown{font-size:var(--text-sm);color:var(--color-muted);line-height:var(--line-height-base)}.pricing-pack-description{font-size:var(--text-base);color:var(--color-muted);margin:var(--space-4) 0;line-height:var(--line-height-base);flex-grow:1}.pricing-pack-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--btn-padding-desktop);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-base);text-decoration:none;transition:all .3s ease;min-height:var(--btn-min-size);width:100%;margin-top:auto;line-height:var(--line-height-base)}.pricing-pack-button.primary{background:linear-gradient(135deg,#0065ff,#0052cc);color:#fff;box-shadow:0 6px 20px #0065ff59;font-weight:700}.pricing-pack-button.primary:hover{box-shadow:0 10px 32px #0065ff80;transform:translateY(-2px)}.pricing-pack-button.secondary{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border);box-shadow:none}.pricing-pack-button.secondary:hover{border-color:var(--color-accent-soft);transform:translateY(-1px)}.pricing-loading,.pricing-error{grid-column:1 / -1;text-align:center;padding:var(--space-8);color:var(--color-muted);font-size:var(--text-lg)}.pricing-operations-section{margin:var(--space-20) 0}.pricing-operations-intro{text-align:center;font-size:var(--text-lg);color:var(--color-muted);margin:0 auto var(--space-8);line-height:var(--line-height-base);max-width:600px}.pricing-operations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-8);max-width:1000px;margin-left:auto;margin-right:auto}.pricing-operation-card:nth-child(4){grid-column:1 / 2}.pricing-operation-card:nth-child(5){grid-column:2 / 3}.pricing-operation-card:nth-child(6){grid-column:3 / 4;background:linear-gradient(135deg,var(--color-surface) 0%,rgba(0,101,255,.05) 100%);border-color:var(--color-accent-soft)}.pricing-operation-card-highlight{background:linear-gradient(135deg,var(--color-surface) 0%,rgba(0,101,255,.05) 100%);border-color:var(--color-accent-soft)}.features-grid-custom{grid-template-columns:repeat(3,1fr);max-width:1200px}.features-list{display:flex;flex-direction:column;gap:var(--space-12);margin:var(--space-16) 0}.feature-row{display:grid;grid-template-columns:200px 1fr;gap:var(--space-8);align-items:start;padding:var(--space-8);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:all .3s ease}.feature-row:hover{border-color:var(--color-accent-soft);box-shadow:0 8px 32px #00000014}.feature-row-reverse{grid-template-columns:1fr 200px}.feature-row-reverse .feature-row-icon{order:2}.feature-row-reverse .feature-row-content{order:1}.feature-row-icon{display:flex;align-items:center;justify-content:center;position:sticky;top:calc(var(--space-20) + 40px)}.feature-icon-large{font-size:8rem;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.feature-row-content{display:flex;flex-direction:column;gap:var(--space-3)}.feature-row-title{font-size:var(--text-3xl);font-weight:800;color:var(--color-text);margin:0;line-height:var(--line-height-base)}.feature-row-tagline{font-size:var(--text-xl);font-weight:600;color:var(--color-accent);margin:0;line-height:var(--line-height-base)}.feature-row-description{font-size:var(--text-lg);color:var(--color-muted);margin:0;line-height:1.6}.feature-row-stats{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;color:var(--color-muted);align-self:flex-start;margin-top:var(--space-2)}.feature-use-cases{margin-top:var(--space-4)}.feature-use-cases-title{font-size:var(--text-sm);font-weight:700;color:var(--color-text);margin:0 0 var(--space-3);text-transform:uppercase;letter-spacing:.05em;line-height:var(--line-height-base)}.feature-use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3)}.feature-use-case{padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:all .2s ease}.feature-use-case:hover{border-color:var(--color-accent-soft);background:var(--color-surface)}.feature-use-case-title{font-size:var(--text-base);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2);line-height:var(--line-height-base)}.feature-use-case-description{font-size:var(--text-sm);color:var(--color-muted);line-height:1.5}.pricing-operation-card{padding:var(--space-8)!important;background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius)!important;transition:all .3s ease;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:var(--space-4);width:100%!important;max-width:100%!important;min-height:auto!important}.pricing-operation-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:var(--color-accent-soft)}.pricing-operation-icon{font-size:3.5rem;line-height:1;margin-bottom:var(--space-2)}.pricing-operation-content{display:flex;flex-direction:column;gap:var(--space-3);width:100%;flex-grow:1}.pricing-operation-name{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin:0;line-height:var(--line-height-base)}.pricing-operation-description{font-size:var(--text-base);color:var(--color-text);margin:0;line-height:1.5;flex-grow:1}.pricing-operation-price{font-size:var(--text-sm);font-weight:600;color:var(--color-muted);margin:auto 0 0;line-height:var(--line-height-base)}.pricing-cta-section{margin:var(--space-20) 0 var(--space-6) 0;padding:var(--space-12);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center}.pricing-cta-title{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:800;color:var(--color-text);margin:0 0 var(--space-4);line-height:var(--line-height-base)}.pricing-cta-description{font-size:var(--text-lg);color:var(--color-muted);margin:0 auto var(--space-6);line-height:var(--line-height-base);text-align:center;max-width:500px}.pricing-cta-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--btn-padding-desktop);background:var(--gradient-accent);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-base);text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px #0065ff4d;min-height:var(--btn-min-size);line-height:var(--line-height-base)}.pricing-cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0065ff66}.get-started{padding:var(--space-16) 0 var(--space-20);background:#1a2e20;border-top:1px solid var(--color-border);position:relative;overflow:hidden}.grass-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.grass-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.grass-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#1a2e204d,#1a2e2099,#1a2e20cc);z-index:1}.get-started-container{max-width:var(--container-2xl);width:100%;margin:0 auto;padding:0 var(--space-8);position:relative;z-index:2}.get-started-content{text-align:center;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.touch-grass-meme{margin-bottom:var(--space-8);display:flex;justify-content:center;align-items:center}.meme-content{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 16px #0003}.meme-icon{font-size:2.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.meme-text{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.meme-label{font-size:var(--text-xl);font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}.meme-subtitle{font-size:var(--text-sm);color:#ffffffe6;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.3)}.get-started-headline{font-size:clamp(var(--font-size-heading-mobile),5vw,var(--font-size-heading-desktop));font-weight:800;color:#fff;margin:0 0 var(--space-4);font-family:var(--font-heading);line-height:var(--line-height-base);text-shadow:0 2px 12px rgba(0,0,0,.5);text-align:center}.get-started-description{font-size:var(--text-lg);line-height:var(--line-height-base);color:#fffffff2;margin:0 0 var(--space-8);text-shadow:0 1px 6px rgba(0,0,0,.4);text-align:center}.get-started-actions{display:flex;gap:var(--space-4);justify-content:center;align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap;width:100%}.get-started-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--btn-padding-desktop);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-base);text-decoration:none;transition:all .3s ease;min-height:var(--btn-min-size);min-width:var(--btn-min-size);line-height:var(--line-height-base)}.get-started-btn.primary{background:var(--gradient-accent);color:#fff;box-shadow:0 8px 24px #0065ff4d}.get-started-btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0065ff66}.get-started-btn.secondary{background:var(--color-surface-strong);border:2px solid var(--color-border);color:var(--color-text)}.get-started-btn.secondary:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.get-started-note{font-size:var(--text-sm);color:#ffffffd9;margin:0;line-height:var(--line-height-base);text-shadow:0 1px 4px rgba(0,0,0,.3);text-align:center}.home-footer{padding:var(--space-12) 0 var(--space-8);border-top:1px solid var(--color-border);background:var(--color-bg)}.home-footer-content{width:100%;margin:0 auto;padding:0 calc(var(--space-16) * 3);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.home-footer-links{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.home-footer-links a{color:var(--color-muted);text-decoration:none;font-size:var(--text-sm);transition:color .2s ease;line-height:var(--line-height-base)}.home-footer-links a:hover{color:var(--color-text)}.home-footer-separator{color:var(--color-border);font-size:var(--text-sm)}.home-footer-copyright{color:var(--color-muted);font-size:var(--text-sm);text-align:center;line-height:var(--line-height-base)}.home-footer-copyright p{margin:0}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.solution-container{grid-template-columns:1fr;gap:var(--space-8)}.solution-visual{order:-1}.steps{grid-template-columns:1fr;gap:var(--space-4)}.step-connector{display:none}.pricing-features{grid-template-columns:1fr;gap:var(--space-3)}.pricing-card{padding:var(--space-6) var(--space-4)}.pricing-header,.pricing-features{margin-bottom:var(--space-5)}.savings-card{max-width:100%;padding:var(--space-5) var(--space-4)}.savings-comparison{flex-wrap:wrap;gap:var(--space-4)}.comparison-item{min-width:140px;flex:1 1 auto}.pricing-packs-grid{grid-template-columns:1fr}.pricing-operations-grid,.features-grid-custom{grid-template-columns:repeat(2,1fr)}.feature-row{grid-template-columns:1fr;gap:var(--space-6)}.feature-row-reverse{grid-template-columns:1fr}.feature-row-reverse .feature-row-icon{order:1}.feature-row-reverse .feature-row-content{order:2}.feature-icon-large{font-size:6rem}}@media(max-width:768px){.solution,.time-savings,.how-it-works,.pricing,.pricing-page-section,.get-started,.section-intro{padding:var(--space-12) 0}.solution-container,.time-savings-container,.how-it-works-container,.pricing-container,.pricing-page-container,.get-started-container{padding:0 var(--space-4)}.app .header{padding:var(--space-4) var(--space-6)}.pricing-packs-grid{grid-template-columns:1fr}.pricing-operations-grid{grid-template-columns:repeat(2,1fr)}.solution-container{grid-template-columns:1fr;gap:var(--space-8)}.savings-card,.step-card{width:100%;max-width:100%}.section-headline{font-size:clamp(var(--font-size-heading-mobile),4vw,var(--font-size-heading-desktop))}.pricing-packs-grid,.pricing-operations-grid{gap:var(--space-4)}.pricing-pack-button,.pricing-cta-button{margin-top:var(--space-3);min-height:48px}}@media(max-width:360px){.solution,.time-savings,.how-it-works,.pricing,.pricing-page-section,.get-started,.section-intro{padding:var(--space-6) 0}.solution-container,.time-savings-container,.how-it-works-container,.pricing-container,.pricing-page-container,.get-started-container{padding:0 var(--space-3)}.section-headline{font-size:clamp(var(--font-size-heading-mobile),3vw,var(--font-size-heading-desktop))}.section-description{font-size:var(--text-sm)}.savings-card,.step-card{padding:var(--space-4)}.pricing-packs-grid{grid-template-columns:1fr;gap:var(--space-3)}.pricing-pack-card{padding:var(--space-4)}.pricing-pack-price{margin:var(--space-3) 0}.pricing-operations-grid{grid-template-columns:1fr;gap:var(--space-3)}.pricing-cta-section{padding:var(--space-6)}.pricing-packs-grid,.pricing-operations-grid,.features-grid-custom{gap:var(--space-4)}.pricing-pack-button,.pricing-cta-button{margin-top:var(--space-3)}}@media(max-width:480px){.solution,.time-savings,.how-it-works,.pricing,.pricing-page-section,.get-started,.section-intro{padding:var(--space-8) 0}.solution-container,.time-savings-container,.how-it-works-container,.pricing-container,.pricing-page-container,.get-started-container{padding:0 var(--space-4)}.savings-card{max-width:100%;width:100%}.pricing-packs-grid,.pricing-operations-grid,.features-grid-custom{grid-template-columns:1fr}.features-list{gap:var(--space-12)}.feature-row{padding:var(--space-6)}.feature-icon-large{font-size:5rem}.feature-row-title{font-size:var(--text-2xl)}.feature-row-tagline{font-size:var(--text-lg)}.feature-use-cases-grid{grid-template-columns:1fr}.pricing-cta-section{padding:var(--space-8)}.app .header{padding:var(--space-3) var(--space-4)}.app .sign-in-btn{padding:var(--btn-padding-mobile)}.savings-card,.step-card{width:100%;max-width:100%}.pricing-card{padding:var(--space-5) var(--space-4)}.pricing-header{margin-bottom:var(--space-4)}.pricing-features{margin-bottom:var(--space-4);gap:var(--space-3)}.pricing-btn{width:100%;max-width:100%}.savings-card{max-width:100%}.savings-comparison{flex-direction:column;gap:var(--space-3)}.comparison-item{min-width:100%;width:100%}.comparison-arrow{transform:rotate(90deg)}.get-started-actions{flex-direction:column;width:100%}.get-started-btn{width:100%;min-height:var(--btn-min-size);padding:var(--btn-padding-mobile)}.section-headline{font-size:var(--font-size-heading-mobile)}.section-description{font-size:var(--text-base)}}@media(min-width:1025px){.step-card{max-width:320px}}@media(max-width:768px){.header-nav{display:none}.header{padding:var(--space-4);justify-content:space-between}.app .header{padding:var(--space-4)}.mobile-header-actions{display:flex;align-items:center;gap:var(--space-3)}.mobile-signin-btn{padding:var(--btn-padding-mobile);font-size:var(--text-sm)}.mobile-menu-trigger{width:48px;height:48px;border:none;background:transparent;border-radius:var(--radius-sm)}.desktop-signin-btn{display:none}}@media(min-width:769px){.mobile-header-actions{display:none}}.contrast-section{padding:var(--space-20) 0;background:var(--color-bg);overflow:hidden}.contrast-container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-6)}.contrast-header{text-align:center;margin-bottom:var(--space-12);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.contrast-header.visible{opacity:1;transform:translateY(0)}.contrast-badge{display:inline-block;padding:var(--space-2) var(--space-4);background:#e2574e1a;border:1px solid rgba(226,87,78,.2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--danger);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.contrast-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;color:var(--color-text);line-height:1.2;margin:0 0 var(--space-4);font-family:var(--font-heading)}.strike-through{text-decoration:line-through;opacity:.4}.highlight{background:linear-gradient(135deg,var(--danger) 0%,#ff8a80 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contrast-subtitle{font-size:var(--text-lg);color:var(--color-muted)}.contrast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-bottom:var(--space-12);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1) .2s}.contrast-grid.visible{opacity:1;transform:translateY(0)}.contrast-card{position:relative;height:320px;perspective:1000px;cursor:pointer;opacity:0;transform:translateY(20px);animation:cardReveal .6s ease forwards}@keyframes cardReveal{to{opacity:1;transform:translateY(0)}}.card-face{position:absolute;inset:0;padding:var(--space-6);border-radius:var(--radius-lg);backface-visibility:hidden;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card-before{background:var(--color-surface);border:1px solid var(--color-border)}.card-after{background:linear-gradient(135deg,rgba(0,101,255,.05) 0%,var(--color-surface) 100%);border:1px solid var(--color-accent);transform:rotateY(180deg)}.contrast-card.flipped .card-before{transform:rotateY(-180deg)}.contrast-card.flipped .card-after{transform:rotateY(0)}.card-icon{font-size:3rem;margin-bottom:var(--space-4)}.card-metric{font-size:clamp(2rem,5vw,2.5rem);font-weight:800;margin-bottom:var(--space-2);line-height:1}.card-metric.danger{color:var(--danger)}.card-metric.success{background:linear-gradient(135deg,var(--color-accent) 0%,var(--success) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card-label{font-size:var(--text-base);color:var(--color-muted);margin:0 0 var(--space-4)}.card-pain{font-size:var(--text-sm);color:var(--danger);font-weight:500;margin:0}.card-gain{font-size:var(--text-sm);color:var(--success);font-weight:600;margin:0}.flip-hint{display:flex;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-4);font-size:var(--text-sm);color:var(--color-muted)}.flip-hint svg{width:16px;height:16px}.with-lamantin{margin-top:auto;padding:var(--space-2) var(--space-4);background:var(--gradient-accent);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:#fff}.contrast-cta{text-align:center;opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.16,1,.3,1) .4s}.contrast-cta.visible{opacity:1;transform:translateY(0)}.cta-message{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-lg);color:var(--color-text);margin:0}.cta-emoji{font-size:1.5rem}.solution-section{padding:var(--space-20) 0;background:var(--color-surface);border-top:1px solid var(--color-border)}.solution-container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-6)}.solution-header{text-align:center;margin-bottom:var(--space-12);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.solution-header.visible{opacity:1;transform:translateY(0)}.solution-badge{display:inline-block;padding:var(--space-2) var(--space-4);background:#0065ff1a;border:1px solid rgba(0,101,255,.2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.solution-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;color:var(--color-text);line-height:1.2;margin:0;font-family:var(--font-heading)}.gradient-text{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-soft) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.feature-showcase{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1) .2s}.feature-showcase.visible{opacity:1;transform:translateY(0)}.feature-tabs{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap}.feature-tab{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:500;color:var(--color-muted);cursor:pointer;transition:all .3s ease;overflow:hidden}.feature-tab:hover{border-color:var(--color-border-strong);color:var(--color-text)}.feature-tab.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.tab-icon{font-size:1.25rem}.tab-progress{position:absolute;bottom:0;left:0;height:2px;background:#fff;opacity:.5;width:0;transition:width 4s linear}.feature-tab.active .tab-progress{width:100%}.feature-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center;padding:var(--space-8);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.feature-visual{display:flex;justify-content:center;align-items:center;min-height:250px}.feature-info{display:flex;flex-direction:column;gap:var(--space-4)}.feature-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin:0}.feature-description{font-size:var(--text-lg);line-height:1.6;color:var(--color-muted);margin:0}.feature-demo{width:100%;max-width:300px}.demo-transcribe .waveform{display:flex;align-items:flex-end;gap:3px;height:80px;padding:var(--space-4);background:#0065ff0d;border-radius:var(--radius)}.demo-transcribe .wave-bar{flex:1;background:var(--gradient-accent);border-radius:2px;animation:waveAnim 1s ease-in-out infinite alternate}@keyframes waveAnim{0%{transform:scaleY(.6)}to{transform:scaleY(1)}}.processing-badge{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-accent);font-weight:500}.processing-badge .pulse{width:8px;height:8px;background:var(--color-accent);border-radius:50%;animation:pulseDot 1.5s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.demo-summarize .summary-card{background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4)}.summary-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--color-accent)}.summary-items{display:flex;flex-direction:column;gap:var(--space-2)}.summary-item{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text)}.item-bullet{color:var(--color-accent);font-size:.75rem}.demo-integrate .integration-hub{position:relative;width:200px;height:200px;margin:0 auto}.hub-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:var(--color-surface-strong);border:2px solid var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;z-index:2}.hub-orbit{position:absolute;inset:0;animation:orbitSpin 20s linear infinite}.orbit-item{position:absolute;top:50%;left:50%;width:40px;height:40px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;transform:rotate(var(--angle)) translate(80px) rotate(calc(-1 * var(--angle)))}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.solution-stats{display:flex;justify-content:center;align-items:center;gap:var(--space-8);margin-top:var(--space-12);padding:var(--space-6);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.16,1,.3,1) .4s}.solution-stats.visible{opacity:1;transform:translateY(0)}.solution-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.solution-stats .stat-value{font-size:var(--text-2xl);font-weight:800;color:var(--color-accent)}.solution-stats .stat-label{font-size:var(--text-sm);color:var(--color-muted)}.solution-stats .stat-divider{width:1px;height:40px;background:var(--color-border)}.roi-section{padding:var(--space-20) 0;background:var(--color-bg)}.roi-container{max-width:900px;margin:0 auto;padding:0 var(--space-6)}.roi-header{text-align:center;margin-bottom:var(--space-12);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.roi-header.visible{opacity:1;transform:translateY(0)}.roi-badge{display:inline-block;padding:var(--space-2) var(--space-4);background:#5aa98b1a;border:1px solid rgba(90,169,139,.2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--success);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.roi-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--color-text);margin:0 0 var(--space-3);font-family:var(--font-heading)}.roi-subtitle{font-size:var(--text-lg);color:var(--color-muted);margin:0}.roi-calculator{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1) .2s}.roi-calculator.visible{opacity:1;transform:translateY(0)}.calc-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-8)}.input-label{display:block;font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-6);text-align:center}.slider-container{display:flex;align-items:center;gap:var(--space-6)}.hours-slider{flex:1;height:8px;background:var(--color-border);border-radius:var(--radius-full);outline:none;cursor:pointer;-webkit-appearance:none}.hours-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:var(--gradient-accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0065ff4d}.slider-value{display:flex;flex-direction:column;align-items:center;min-width:80px}.value-number{font-size:var(--text-3xl);font-weight:800;color:var(--color-accent);line-height:1}.value-unit{font-size:var(--text-sm);color:var(--color-muted)}.slider-labels{display:flex;justify-content:space-between;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-muted)}.calc-results{display:flex;flex-direction:column;gap:var(--space-6)}.comparison-row{display:flex;align-items:center;gap:var(--space-4)}.comparison-item{flex:1;padding:var(--space-5);border-radius:var(--radius);text-align:center}.comparison-item.manual{background:#e2574e14;border:1px solid rgba(226,87,78,.2)}.comparison-item.ai{background:#0065ff14;border:1px solid rgba(0,101,255,.2)}.comparison-label{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-2)}.comparison-value{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}.comparison-note{font-size:var(--text-sm);color:var(--color-muted)}.comparison-arrow{flex-shrink:0;color:var(--color-accent)}.comparison-arrow svg{width:24px;height:24px}.savings-highlight{margin-top:var(--space-4)}.savings-card{background:linear-gradient(135deg,#5aa98b1a,#0065ff0d);border:1px solid var(--success);border-radius:var(--radius-lg);padding:var(--space-6)}.savings-row{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.savings-item{text-align:center}.savings-item .savings-value{font-size:var(--text-3xl);font-weight:800;color:var(--success);line-height:1}.savings-item.featured .savings-value{font-size:clamp(2.5rem,6vw,4rem);background:linear-gradient(135deg,var(--success) 0%,var(--color-accent) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.savings-item .savings-label{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-1)}.time-uses{margin-top:var(--space-6);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.uses-intro{font-size:var(--text-base);color:var(--color-text);text-align:center;margin:0 0 var(--space-4)}.uses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.use-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius);font-size:var(--text-sm);color:var(--color-text)}.use-icon{font-size:1.25rem}.workflow-section{padding:var(--space-20) 0;background:var(--color-surface);border-top:1px solid var(--color-border)}.workflow-container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-6)}.workflow-header{text-align:center;margin-bottom:var(--space-12);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.workflow-header.visible{opacity:1;transform:translateY(0)}.workflow-badge{display:inline-block;padding:var(--space-2) var(--space-4);background:#0065ff1a;border:1px solid rgba(0,101,255,.2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.workflow-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--color-text);margin:0;font-family:var(--font-heading)}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1) .2s}.workflow-steps.visible{opacity:1;transform:translateY(0)}.workflow-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .3s ease;opacity:0;transform:translateY(20px);animation:stepReveal .6s ease forwards}@keyframes stepReveal{to{opacity:1;transform:translateY(0)}}.workflow-step:hover,.workflow-step.active{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 12px 40px #0065ff26}.step-number-wrapper{position:absolute;top:calc(var(--space-4) * -1);left:50%;transform:translate(-50%)}.workflow-step .step-number{width:40px;height:40px;background:var(--gradient-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;box-shadow:0 4px 12px #0065ff4d}.step-connector{position:absolute;top:50%;right:calc(var(--space-6) * -1 - 50%);width:calc(var(--space-6) + 100%);height:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-border));transform:translateY(-50%);z-index:-1}.workflow-step .step-content{margin-top:var(--space-6)}.workflow-step .step-icon{width:60px;height:60px;background:#0065ff1a;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--color-accent)}.workflow-step .step-icon svg{width:28px;height:28px}.workflow-step .step-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin:0 0 var(--space-2)}.workflow-step .step-description{font-size:var(--text-base);color:var(--color-muted);line-height:1.5;margin:0}.step-visual{margin-top:var(--space-4);font-size:var(--text-lg);opacity:0;transition:opacity .3s ease}.workflow-step:hover .step-visual,.workflow-step.active .step-visual{opacity:1}.workflow-note{margin-top:var(--space-12);text-align:center;opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.16,1,.3,1) .4s}.workflow-note.visible{opacity:1;transform:translateY(0)}.note-content{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full)}.note-icon{font-size:1.25rem}.note-text{font-size:var(--text-base);color:var(--color-muted)}.pricing-section{padding:var(--space-20) 0;background:var(--color-bg)}.pricing-container-new{max-width:700px;margin:0 auto;padding:0 var(--space-6)}.pricing-header-new{text-align:center;margin-bottom:var(--space-12);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.pricing-header-new.visible{opacity:1;transform:translateY(0)}.pricing-badge{display:inline-block;padding:var(--space-2) var(--space-4);background:#0065ff1a;border:1px solid rgba(0,101,255,.2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.pricing-title-new{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--color-text);margin:0 0 var(--space-3);font-family:var(--font-heading)}.pricing-subtitle{font-size:var(--text-lg);color:var(--color-muted);margin:0}.pricing-main{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1) .2s}.pricing-main.visible{opacity:1;transform:translateY(0)}.pricing-card-new{background:var(--color-surface);border:2px solid var(--color-accent);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center}.model-label{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--gradient-accent);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4)}.model-price{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1)}.price-currency{font-size:var(--text-2xl);font-weight:700;color:var(--color-text)}.price-amount{font-size:clamp(3rem,8vw,4rem);font-weight:800;color:var(--color-text);line-height:1}.price-unit{font-size:var(--text-lg);color:var(--color-muted)}.model-note{font-size:var(--text-base);color:var(--color-muted);margin-top:var(--space-2)}.pricing-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-8)}.benefit-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius);font-size:var(--text-base);color:var(--color-text);opacity:0;animation:benefitReveal .4s ease forwards}@keyframes benefitReveal{to{opacity:1}}.benefit-icon{color:var(--success);font-weight:700}.pricing-cta-new{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);border-radius:var(--radius);font-size:var(--text-lg);font-weight:600;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:var(--gradient-accent);color:#fff;box-shadow:0 8px 24px #0065ff4d}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0065ff66}.cta-badge{padding:var(--space-1) var(--space-2);background:#fff3;border-radius:var(--radius-sm);font-size:var(--text-sm)}.cta-link{font-size:var(--text-base);color:var(--color-accent);text-decoration:none;font-weight:500;transition:color .2s ease}.cta-link:hover{color:var(--color-accent-soft)}.pricing-trust{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-8);flex-wrap:wrap;opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.16,1,.3,1) .4s}.pricing-trust.visible{opacity:1;transform:translateY(0)}.trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-muted)}.trust-icon{font-size:1rem}.final-cta{position:relative;padding:var(--space-20) 0;overflow:hidden}.grass-bg{position:absolute;inset:0;z-index:0}.grass-img{width:100%;height:100%;object-fit:cover}.grass-overlay-new{position:absolute;inset:0;background:linear-gradient(to bottom,#1a2e2066,#1a2e20b3,#1a2e20d9)}.final-cta-container{position:relative;z-index:2;max-width:600px;margin:0 auto;padding:0 var(--space-6)}.final-cta-content{text-align:center;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.final-cta-content.visible{opacity:1;transform:translateY(0)}.meme-badge{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);margin-bottom:var(--space-8)}.meme-emoji{font-size:1.75rem;animation:beaverBounce 2s ease-in-out infinite}@keyframes beaverBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.meme-text-new{display:flex;flex-direction:column;text-align:left}.meme-main{font-size:var(--text-lg);font-weight:700;color:#fff}.meme-sub{font-size:var(--text-sm);color:#fffc}.final-headline{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#fff;margin:0 0 var(--space-4);font-family:var(--font-heading);text-shadow:0 2px 12px rgba(0,0,0,.3)}.final-description{font-size:var(--text-lg);line-height:1.6;color:#ffffffe6;margin:0 0 var(--space-8)}.final-actions{display:flex;justify-content:center;margin-bottom:var(--space-6)}.final-btn{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);border-radius:var(--radius);font-size:var(--text-lg);font-weight:600;text-decoration:none;transition:all .3s ease}.final-btn.primary{background:#fff;color:var(--color-text);box-shadow:0 8px 24px #0003}.final-btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000004d}.final-btn svg{flex-shrink:0}.final-note{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);color:#fffc;margin:0;flex-wrap:wrap}.note-check{color:var(--success)}.note-divider{opacity:.5}@media(max-width:1024px){.feature-content{grid-template-columns:1fr}.feature-visual{order:-1}.workflow-steps{grid-template-columns:1fr;max-width:400px;margin:0 auto}.step-connector{display:none}.solution-stats{flex-wrap:wrap}}@media(max-width:768px){.contrast-section,.solution-section,.roi-section,.workflow-section,.pricing-section,.final-cta{padding:var(--space-12) 0}.contrast-grid{grid-template-columns:1fr}.contrast-card{height:280px}.comparison-row{flex-direction:column}.comparison-arrow{transform:rotate(90deg)}.pricing-benefits{grid-template-columns:1fr}.uses-grid{grid-template-columns:1fr 1fr}.solution-stats .stat-divider{display:none}}@media(max-width:480px){.contrast-container,.solution-container,.roi-container,.workflow-container,.pricing-container-new,.final-cta-container{padding:0 var(--space-4)}.feature-tabs{flex-direction:column;align-items:stretch}.feature-tab{justify-content:center}.savings-row{flex-direction:column}.uses-grid{grid-template-columns:1fr}.pricing-trust{flex-direction:column;align-items:center}.final-note{flex-direction:column;gap:var(--space-2)}.note-divider{display:none}}.hero{padding:var(--space-24) 0 var(--space-20);background:var(--color-bg);text-align:center}.hero-container{max-width:800px;margin:0 auto;padding:0 var(--space-8)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#0065ff1a;border:1px solid rgba(0,101,255,.2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-accent);margin-bottom:var(--space-6)}.badge-dot{width:8px;height:8px;background:var(--color-accent);border-radius:50%;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.5}}.hero-headline{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15;color:var(--color-text);margin:0 0 var(--space-6);font-family:var(--font-heading)}.hero-accent{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-soft) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-animated-text{display:inline-block;min-width:120px;text-align:left;color:var(--color-accent);font-weight:800}.hero-subheadline{font-size:var(--text-lg);line-height:1.6;color:var(--color-muted);margin:0 0 var(--space-12)}.hero .hero-upload{position:relative;padding:48px 40px;background:var(--color-surface);border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;margin-bottom:var(--space-8);box-sizing:border-box}[data-theme=light] .hero .hero-upload{border-color:#a0b8e8}.hero .hero-upload:hover{border-color:var(--color-accent);background:#0065ff08}.hero .hero-upload.dragging,.file-upload-zone.dragging{border-color:var(--color-accent);background:#0065ff14;transform:scale(1.01)}.upload-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-icon{width:64px;height:64px;margin:0 auto var(--space-5);padding:var(--space-4);background:#0065ff1a;border-radius:var(--radius);color:var(--color-accent)}.upload-icon svg{width:100%;height:100%}.upload-text{display:flex;flex-direction:column;gap:var(--space-3)}.upload-primary{font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.upload-link{color:var(--color-accent);text-decoration:underline}.upload-secondary{font-size:var(--text-sm);color:var(--color-muted)}.hero-trust{display:flex;justify-content:center;gap:var(--space-6);flex-wrap:wrap}.hero-trust .trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-muted)}.hero-trust .trust-item svg{color:var(--success)}.benefits-section{padding:var(--space-24) 0;background:var(--color-bg)}.benefits-container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-8)}.benefits-header{text-align:center;margin-bottom:var(--space-16);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.benefits-header.visible{opacity:1;transform:translateY(0)}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1) .2s;max-width:900px;margin:0 auto}.benefits-grid.visible{opacity:1;transform:translateY(0)}.benefit-card{padding:var(--space-8);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .3s ease;opacity:0;animation:benefitFadeIn .6s ease forwards}@keyframes benefitFadeIn{to{opacity:1}}.benefit-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.benefit-icon{width:48px;height:48px;padding:var(--space-3);background:#0065ff1a;border-radius:var(--radius);color:var(--color-accent);margin-bottom:var(--space-4)}.benefit-icon svg{width:100%;height:100%}.benefit-title{font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin:0 0 var(--space-2)}.benefit-description{font-size:var(--text-base);line-height:1.6;color:var(--color-muted);margin:0}.simple-how-section{padding:var(--space-24) 0;background:var(--color-bg)}.simple-how-container{max-width:1000px;margin:0 auto;padding:0 var(--space-8)}.simple-how-header{text-align:center;margin-bottom:var(--space-16);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.simple-how-header.visible{opacity:1;transform:translateY(0)}.simple-how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-10);margin-bottom:var(--space-16);padding-top:var(--space-6);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1) .2s}.simple-how-steps.visible{opacity:1;transform:translateY(0)}.simple-step{position:relative;text-align:center;padding:var(--space-10) var(--space-6) var(--space-8);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);opacity:0;animation:stepFadeIn .6s ease forwards}@keyframes stepFadeIn{to{opacity:1}}.simple-step-number{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:40px;height:40px;background:var(--gradient-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:700;box-shadow:0 4px 12px #0065ff4d;z-index:1}.simple-step-icon{width:56px;height:56px;margin:var(--space-4) auto var(--space-4);padding:var(--space-3);background:#0065ff1a;border-radius:var(--radius);color:var(--color-accent)}.simple-step-icon svg{width:100%;height:100%}.simple-step-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin:0 0 var(--space-2)}.simple-step-description{font-size:var(--text-base);line-height:1.6;color:var(--color-muted);margin:0}.simple-step-connector{position:absolute;top:50%;right:calc(var(--space-8) * -1);transform:translateY(-50%);color:var(--color-border-strong);z-index:10}.simple-step-connector svg{width:24px;height:24px}.simple-step:last-child .simple-step-connector{display:none}.time-comparison{opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.16,1,.3,1) .4s}.time-comparison.visible{opacity:1;transform:translateY(0)}.comparison-card{display:flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-8);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:700px;margin:0 auto}.comparison-before,.comparison-after{flex:1;text-align:center;padding:var(--space-6);border-radius:var(--radius)}.comparison-before{background:#e2574e14;border:1px solid rgba(226,87,78,.2)}.comparison-after{background:#0065ff14;border:1px solid rgba(0,101,255,.2)}.comparison-card .comparison-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.comparison-card .comparison-value{display:block;font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-1)}.comparison-card .comparison-value.bad{color:var(--danger)}.comparison-card .comparison-value.good{color:var(--color-accent)}.comparison-detail{font-size:var(--text-sm);color:var(--color-muted)}.comparison-card .comparison-arrow{flex-shrink:0;color:var(--color-accent)}.usecases-section{padding:var(--space-24) 0;background:var(--color-bg)}.usecases-container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-8)}.usecases-header{text-align:center;margin-bottom:var(--space-16);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.usecases-header.visible{opacity:1;transform:translateY(0)}.usecases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1) .2s;max-width:900px;margin:0 auto}.usecases-grid.visible{opacity:1;transform:translateY(0)}.usecase-card{padding:var(--space-8);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:all .3s ease;opacity:0;animation:usecaseFadeIn .6s ease forwards}@keyframes usecaseFadeIn{to{opacity:1}}.usecase-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.usecase-icon{display:block;font-size:2.5rem;margin-bottom:var(--space-4)}.usecase-title{font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin:0 0 var(--space-2)}.usecase-description{font-size:var(--text-base);line-height:1.6;color:var(--color-muted);margin:0}.simple-pricing-section{padding:var(--space-24) 0;background:var(--color-bg);border-top:1px solid var(--color-border)}.simple-pricing-container{max-width:600px;margin:0 auto;padding:0 var(--space-8)}.simple-pricing-header{text-align:center;margin-bottom:var(--space-16);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.simple-pricing-header.visible{opacity:1;transform:translateY(0)}.simple-pricing-card{background:var(--color-surface);border:2px solid var(--color-accent);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1) .2s}.simple-pricing-card.visible{opacity:1;transform:translateY(0)}.pricing-model{margin-bottom:var(--space-8)}.pricing-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--gradient-accent);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4)}.pricing-amount{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1)}.pricing-amount .currency{font-size:var(--text-2xl);font-weight:700;color:var(--color-text)}.pricing-amount .amount{font-size:clamp(3rem,8vw,4rem);font-weight:800;color:var(--color-text);line-height:1}.pricing-amount .per{font-size:var(--text-lg);color:var(--color-muted)}.pricing-note{font-size:var(--text-base);color:var(--color-muted);margin:var(--space-3) 0 0}.pricing-features-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-10);text-align:left;padding:var(--space-6) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.pricing-feature-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--color-text)}.pricing-feature-item svg{color:var(--success);flex-shrink:0}.pricing-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.pricing-cta-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--space-4) var(--space-8);background:var(--gradient-accent);color:#fff;border-radius:var(--radius);font-size:var(--text-lg);font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px #0065ff4d}.pricing-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0065ff66}.pricing-link{font-size:var(--text-base);color:var(--color-accent);text-decoration:none;font-weight:500;transition:color .2s ease}.pricing-link:hover{color:var(--color-accent-soft)}.pricing-trust-signals{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-8);flex-wrap:wrap;opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.16,1,.3,1) .4s}.pricing-trust-signals.visible{opacity:1;transform:translateY(0)}.trust-signal{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-muted)}.trust-signal svg{color:var(--success)}.final-cta-section{padding:var(--space-24) 0;background:var(--color-bg)}.final-cta-wrapper{max-width:700px;margin:0 auto;padding:0 var(--space-8)}.final-cta-inner{text-align:center;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.final-cta-inner.visible{opacity:1;transform:translateY(0)}.cta-badge-fun{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);margin-bottom:var(--space-8)}.cta-emoji{font-size:1.75rem;animation:beaverWiggle 2s ease-in-out infinite}@keyframes beaverWiggle{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-5deg)}75%{transform:translateY(-3px) rotate(5deg)}}.cta-badge-text{display:flex;flex-direction:column;text-align:left}.cta-badge-main{font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.cta-badge-sub{font-size:var(--text-sm);color:var(--color-muted)}.final-cta-headline{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--color-text);margin:0 0 var(--space-6);font-family:var(--font-heading)}.final-cta-description{font-size:var(--text-lg);line-height:1.6;color:var(--color-muted);margin:0 0 var(--space-10);max-width:500px;margin-left:auto;margin-right:auto}.final-cta-actions{display:flex;justify-content:center;margin-bottom:var(--space-8)}.final-cta-button{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);background:#fff;color:#0f294d;border-radius:var(--radius);font-size:var(--text-lg);font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px #0003}.final-cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000004d}.final-cta-trust{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-sm);color:var(--color-muted)}.final-cta-trust span{display:flex;align-items:center;gap:var(--space-1);color:var(--color-muted)}.final-cta-trust svg{color:var(--success)}.final-cta-trust .divider{opacity:.5;color:var(--color-muted)}@media(max-width:1024px){.benefits-grid,.usecases-grid{max-width:100%}.simple-how-steps{grid-template-columns:1fr;max-width:450px;margin:0 auto var(--space-16);gap:var(--space-10)}.simple-step-connector{display:none}.comparison-card{max-width:100%}}@media(max-width:768px){.hero,.benefits-section,.simple-how-section,.usecases-section,.simple-pricing-section,.final-cta-section{padding:var(--space-16) 0}.hero-container,.benefits-container,.simple-how-container,.usecases-container,.simple-pricing-container,.final-cta-wrapper{padding:0 var(--space-5)}.benefits-header,.simple-how-header,.usecases-header,.simple-pricing-header{margin-bottom:var(--space-10)}.benefits-grid,.usecases-grid{grid-template-columns:1fr;gap:var(--space-4)}.benefit-card,.usecase-card{padding:var(--space-6)}.simple-how-steps{padding-top:var(--space-8);gap:var(--space-8)}.simple-step{padding:var(--space-8) var(--space-5) var(--space-6)}.hero-trust{flex-direction:column;align-items:center;gap:var(--space-3)}.pricing-features-list{grid-template-columns:1fr;padding:var(--space-5) 0}.simple-pricing-card{padding:var(--space-8)}.comparison-card{flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.comparison-card .comparison-arrow{transform:rotate(90deg)}.pricing-trust-signals{flex-direction:column;align-items:center;gap:var(--space-3)}.final-cta-trust{flex-direction:column;gap:var(--space-3)}.final-cta-trust .divider{display:none}}@media(max-width:480px){.hero,.benefits-section,.simple-how-section,.usecases-section,.simple-pricing-section,.final-cta-section{padding:var(--space-12) 0}.hero-container,.benefits-container,.simple-how-container,.usecases-container,.simple-pricing-container,.final-cta-wrapper{padding:0 var(--space-4)}.hero .hero-upload{padding:32px 20px}.hero-headline{font-size:clamp(1.5rem,6vw,2rem)}.hero-subheadline{font-size:var(--text-base)}.benefit-card,.usecase-card,.simple-step{padding:var(--space-5)}.simple-step{padding-top:var(--space-8)}.simple-pricing-card{padding:var(--space-6)}.pricing-cta-btn,.final-cta-button{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.final-cta-headline{font-size:clamp(1.5rem,6vw,2rem)}.cta-badge-fun{padding:var(--space-2) var(--space-4)}}.features-page{position:relative;min-height:100vh;background:var(--color-bg);color:var(--color-text)}.features-hero{padding:var(--space-20) var(--space-1) var(--space-16);background:var(--color-bg);text-align:center}.features-hero-container{max-width:var(--container-md);margin:0 auto}.features-hero-title{font-size:var(--font-size-heading-desktop);font-weight:800;line-height:var(--line-height-base);color:var(--color-text);margin:0 0 var(--space-4);font-family:var(--font-heading)}.features-hero-title .accent{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-soft));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-hero-description{font-size:var(--text-base);line-height:var(--line-height-base);color:var(--color-muted);max-width:var(--container-sm);margin:0 auto}.features-grid-section{padding:var(--space-16) var(--space-1);background:var(--color-surface);border-top:1px solid var(--color-border)}.features-grid-container{max-width:var(--container-xl);margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.feature-item{padding:var(--card-padding-md);background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius);transition:all .3s ease;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards;width:100%;height:auto;min-height:var(--card-min-height)}.feature-item:hover{transform:translateY(-4px);border-color:var(--color-border-strong);box-shadow:0 12px 40px #00000026}.feature-item-icon{width:var(--size-xl);height:var(--size-xl);min-width:var(--size-xl);min-height:var(--size-xl);margin-bottom:var(--space-4);padding:var(--space-4);background:#0065ff1a;border:1px solid rgba(0,101,255,.2);border-radius:16px;color:var(--color-accent);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.feature-item:hover .feature-item-icon{transform:scale(1.1);background:#0065ff33}.feature-item-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin:0 0 var(--space-3);line-height:var(--line-height-base)}.feature-item-description{font-size:var(--text-base);line-height:var(--line-height-base);color:var(--color-muted);margin:0 0 var(--space-4)}.feature-item-details{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.feature-item-details li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--color-text)}.feature-item-details li svg{color:var(--success);flex-shrink:0}.comparison-section{padding:var(--space-16) var(--space-1);background:var(--color-bg);border-top:1px solid var(--color-border)}.comparison-container{max-width:var(--container-md-alt);margin:0 auto}.comparison-table{margin-top:64px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;overflow:hidden}.comparison-header,.comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1px;background:var(--color-border);border-bottom:1px solid var(--color-border)}.comparison-row:last-child{border-bottom:none}.comparison-cell{padding:20px 24px;background:var(--color-surface-strong);display:flex;align-items:center;gap:12px;font-size:1rem;color:var(--color-text)}.comparison-cell.feature-name{font-weight:600;background:var(--color-surface)}.comparison-cell.competitor{opacity:.7}.comparison-header .comparison-cell{font-weight:700;font-size:1.125rem;background:var(--color-surface);padding:24px}.check-mark{color:var(--success);font-weight:700;font-size:1.25rem}.features-cta{padding:var(--space-16) var(--space-1);background:var(--color-surface);border-top:1px solid var(--color-border)}.features-cta-container{max-width:var(--container-sm);margin:0 auto;text-align:center}.features-cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--color-text);margin:0 0 16px;font-family:var(--font-heading)}.features-cta-description{font-size:1.125rem;line-height:1.7;color:var(--color-muted);margin:0 0 40px}.features-cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.features-cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--btn-padding-desktop);border-radius:var(--radius);font-weight:600;font-size:var(--text-base);text-decoration:none;transition:all .3s ease;min-height:var(--btn-min-size);min-width:var(--btn-min-size);line-height:var(--line-height-base)}.features-cta-btn.primary{background:var(--gradient-accent);color:#fff;box-shadow:0 8px 24px #0065ff4d}.features-cta-btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0065ff66}.features-cta-btn.secondary{background:var(--color-surface-strong);border:2px solid var(--color-border);color:var(--color-text)}.features-cta-btn.secondary:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.features-grid,.comparison-header,.comparison-row{grid-template-columns:1fr}.comparison-cell{border-bottom:1px solid var(--color-border)}.comparison-cell.feature-name{font-weight:700;background:var(--color-surface);border-bottom:2px solid var(--color-border)}.features-hero{padding:var(--space-12) var(--space-1) var(--space-8)}.features-grid-section,.comparison-section,.features-cta{padding:var(--space-12) var(--space-1)}.feature-item{width:var(--card-width-tablet);max-width:var(--card-width-tablet)}}@media(max-width:480px){.features-hero{padding:var(--space-8) var(--space-1) var(--space-6)}.features-grid-section,.comparison-section,.features-cta{padding:var(--space-8) var(--space-1)}.feature-item{width:var(--card-width-mobile);max-width:100%;padding:var(--card-padding-md)}.features-cta-actions{flex-direction:column;gap:var(--space-3)}.features-cta-btn{width:100%;min-height:var(--btn-min-size);padding:var(--btn-padding-mobile)}}@media(min-width:1025px){.feature-item{width:100%;max-width:100%}}.signin-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--card-width-desktop);max-width:var(--card-width-desktop);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:0;background:transparent;color:var(--text)}.signin-page{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text);overflow:hidden}.signin-page-logo{display:flex;justify-content:center;margin-top:var(--space-8);margin-bottom:var(--space-4)}.main-content--signin{width:100%;margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.signin-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-12) var(--space-8);box-shadow:0 8px 32px #0000001a;max-width:var(--container-sm);width:100%;text-align:center;color:var(--text)}.signin-title{font-size:var(--text-3xl);font-weight:600;margin:0 0 var(--space-6) 0;color:var(--text)}.signin-subtitle{font-size:var(--text-base);color:var(--muted);margin:var(--space-6) 0 var(--space-4) 0}.google-login-wrapper{display:flex;justify-content:center;align-items:center}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);background:var(--panel-strong);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--btn-padding-desktop);font-size:var(--text-base);font-weight:500;color:var(--text);cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a;width:100%;min-height:var(--btn-min-size);line-height:var(--line-height-base)}.google-login-btn:hover:not(:disabled){box-shadow:var(--shadow);background:var(--panel)}.google-login-btn:active:not(:disabled){box-shadow:var(--shadow-sm);background:var(--panel-strong)}.google-login-btn:disabled{opacity:.6;cursor:not-allowed}.google-icon{flex-shrink:0}.signin-page-logo{position:fixed;left:50%;top:80%;transform:translate(-50%)}.signin-page .signin-footer{display:none}@media(max-width:360px){.signin-card{padding:var(--space-6) var(--space-4)}.signin-title{font-size:var(--text-2xl)}.google-login-btn{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}}@media(max-width:480px){.signin-container{width:var(--card-width-mobile);max-width:100%}.google-login-btn{padding:var(--btn-padding-mobile);min-height:var(--btn-min-size)}}@media(max-width:768px)and (min-width:481px){.signin-container{width:var(--card-width-tablet);max-width:var(--card-width-tablet)}}@media(min-width:1025px){.signin-container{width:var(--card-width-desktop);max-width:var(--card-width-desktop)}}.settings-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;transition:opacity .3s ease;z-index:200}.settings-overlay-open{opacity:1}.settings-panel{width:var(--modal-xl);max-height:90vh;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 60px #0000004d;padding:0;gap:0;overflow:hidden;display:flex;flex-direction:column;transform:translateY(20px) scale(.98);opacity:0;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease}.settings-overlay-open .settings-panel.open{transform:translateY(0) scale(1);opacity:1}.settings-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-6) var(--space-8) var(--space-4);border-bottom:none;background:transparent}.settings-header-content{flex:1}.settings-title{margin:0;font-size:var(--text-2xl);font-weight:800;color:var(--text);line-height:var(--line-height-base)}.settings-subtitle{margin:0;font-size:var(--text-base);color:var(--muted);line-height:var(--line-height-base)}.settings-close-btn{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.settings-close-btn:hover{background:var(--panel-strong);border-color:var(--color-accent);color:var(--color-accent);transform:rotate(90deg)}.settings-content{flex:1;padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);overflow-y:auto;overflow-x:hidden}.settings-sections{display:flex;flex-direction:column;gap:var(--space-6)}.settings-sections-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.settings-section{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.settings-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);cursor:default;margin-bottom:var(--space-4)}.settings-section-collapsible .settings-section-header{cursor:pointer}.settings-section-title{font-size:var(--text-xl);font-weight:800;color:var(--text);line-height:var(--line-height-base)}.settings-section-actions{display:flex;align-items:center;gap:var(--space-3)}.settings-section-body{display:flex;flex-direction:column;gap:var(--space-4);position:relative;z-index:1}.settings-section-scrollable .settings-section-body{max-height:400px;overflow-y:auto;overflow-x:hidden}.settings-form{display:flex;flex-direction:column;gap:var(--space-4)}.settings-card{padding:var(--space-6)!important;background:var(--panel-strong)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;display:flex;flex-direction:column;gap:var(--space-4);box-shadow:0 2px 8px #0000000a!important;width:100%!important;max-width:100%!important;min-height:auto!important;transition:all .3s ease}.settings-card .ui-select{max-width:400px;width:auto}.settings-card:hover{box-shadow:var(--shadow)!important;border-color:var(--color-accent-soft)!important}.settings-card-header{display:flex;align-items:flex-start;gap:var(--space-3)}.settings-card-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.settings-label{font-weight:700;color:var(--text);font-size:var(--text-base);margin:0 0 var(--space-1) 0}.settings-label-danger{color:var(--danger)}.settings-description{margin:0;color:var(--muted);font-size:var(--text-sm);line-height:1.5}.settings-text-danger{color:var(--danger)}.settings-input{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:var(--text-base);min-height:var(--btn-min-size);line-height:var(--line-height-base);transition:all .2s ease}.settings-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0065ff1a}.settings-plan-info{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-2)}.settings-plan-meta{display:flex;align-items:center;gap:var(--space-3);color:var(--text)}.settings-plan-name{font-weight:700;font-size:var(--text-lg)}.settings-preferences-layout{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6)}.settings-preferences-fields{display:flex;flex-direction:column;gap:var(--space-4);flex:1}.settings-save-btn{flex-shrink:0;align-self:flex-end}.settings-theme-group{display:flex;gap:var(--space-3);width:100%}.settings-theme-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;font-weight:600;font-size:var(--text-base);min-height:var(--btn-min-size);line-height:var(--line-height-base);transition:all .2s ease;flex:1}.settings-theme-btn:hover{border-color:var(--color-accent-soft);background:var(--panel-strong);transform:translateY(-1px)}.settings-theme-btn.active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-contrast);box-shadow:var(--shadow-sm)}.settings-theme-btn svg{flex-shrink:0}.settings-logout-btn{width:100%;margin-top:var(--space-2)}.settings-danger-card{border-color:var(--danger)!important;background:var(--panel-translucent)!important}.settings-danger-zone{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--danger-strong);background:var(--panel-translucent);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-4)}.settings-danger-title{margin:0 0 var(--space-1) 0;font-weight:700;color:var(--text);font-size:var(--text-base)}.settings-transactions-list{display:flex;flex-direction:column;gap:var(--space-3)}.settings-transaction-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);transition:all .2s ease}.settings-transaction-item:hover{background:var(--panel-strong);border-color:var(--color-accent-soft)}.settings-transaction-info{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.settings-transaction-description{color:var(--text);font-weight:600;font-size:var(--text-base)}.settings-transaction-date{color:var(--muted);font-size:var(--text-sm);line-height:var(--line-height-base)}.settings-transaction-amount{font-weight:700;font-size:var(--text-base);white-space:nowrap}.settings-transaction-positive{color:var(--success)}.settings-transaction-negative{color:var(--danger)}.settings-collapse-icon{transition:transform .2s ease;color:var(--muted)}.settings-collapse-icon-expanded{transform:rotate(180deg)}.profile-summary-card{padding-top:var(--space-8)!important;padding-right:var(--space-8)!important;padding-bottom:0!important;padding-left:var(--space-8)!important;background:linear-gradient(135deg,var(--panel-translucent) 0%,var(--panel-strong) 100%)!important;border:2px solid var(--color-accent-soft)!important;margin-bottom:0;position:relative;z-index:1;width:100%!important;max-width:100%!important}.profile-summary-main{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);margin-bottom:0;padding-bottom:0}.profile-summary-info{display:flex;align-items:center;gap:var(--space-4);flex:1}.profile-summary-info>div:last-child{margin-bottom:0;padding-bottom:0}.profile-summary-right{display:flex;flex-direction:column;gap:var(--space-4);flex-shrink:0;align-items:flex-end}.profile-summary-header{display:flex;flex-direction:row;align-items:center;gap:var(--space-3)}.profile-summary-balance{display:flex;align-items:center;gap:var(--space-2);color:var(--text);font-weight:600;font-size:var(--text-base)}.profile-topup-btn{min-width:auto;padding:var(--space-2) var(--space-4)}.profile-avatar{width:64px;height:64px;border-radius:var(--radius-full);background:var(--gradient-accent);color:var(--color-contrast);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:800;flex-shrink:0;box-shadow:var(--shadow-sm)}.profile-summary-name{margin:0 0 var(--space-1) 0;color:var(--text);font-size:var(--text-2xl);font-weight:800;line-height:var(--line-height-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.profile-summary-email{margin:0 0 var(--space-1) 0;color:var(--text);font-size:var(--text-base)}.profile-summary-note{margin:0!important;padding:0!important;color:var(--muted);font-size:var(--text-sm);line-height:1!important}.profile-summary-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.profile-section-actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.profile-summary-footer{display:flex;justify-content:flex-end}.profile-summary-info>div:last-child p:last-child{margin-bottom:0!important;padding-bottom:0!important;line-height:1!important}.profile-summary-card .profile-logout-btn{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--danger);color:var(--danger);background:transparent;min-width:auto}.profile-summary-card .profile-logout-btn:hover{background:var(--danger);color:#fff}.profile-summary-usage{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.profile-usage-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--panel);box-shadow:0 2px 4px #0000000a}.profile-usage-label{color:var(--muted);font-weight:600;font-size:var(--text-sm)}.profile-usage-value{color:var(--text);font-weight:800;font-size:var(--text-lg)}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);position:relative;z-index:1}.profile-card{padding:var(--space-6)!important;position:relative;z-index:1;margin:0}.profile-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.profile-card-icon{font-size:1.5rem;line-height:1}.profile-card-title{font-weight:800;color:var(--text);font-size:var(--text-lg)}.profile-preferences-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3);background:var(--panel);border-radius:var(--radius);border:1px solid var(--border)}.profile-pref-label{color:var(--muted);font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-1)}.profile-pref-value{color:var(--text);font-size:var(--text-sm)}.profile-link-list{display:flex;flex-direction:column;gap:var(--space-2)}.profile-link-btn{width:100%;justify-content:flex-start;text-align:left}.profile-card-footer{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.profile-card-wide{grid-column:span 2}.profile-history-card{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}@media(max-width:768px){.settings-panel{width:var(--card-width-tablet);max-width:var(--card-width-tablet)}.settings-header{padding:var(--space-6) var(--space-6) var(--space-4)}.settings-content{padding:var(--space-6)}.profile-summary-main{flex-direction:column;align-items:flex-start}.profile-summary-usage{width:100%;justify-content:space-between}.profile-grid{grid-template-columns:1fr}.profile-card-wide{grid-column:span 1}.settings-theme-group{flex-direction:column}}@media(max-width:480px){.settings-panel{width:var(--card-width-mobile);max-width:100%;max-height:100vh;border-radius:0}.settings-overlay{padding:0}.settings-header,.settings-content{padding:var(--space-4)}.settings-card{padding:var(--space-4)!important}.profile-avatar{width:48px;height:48px;font-size:var(--text-xl)}.profile-summary-name{font-size:var(--text-xl)}.profile-card-footer{flex-direction:column}}.dashboard-container{display:flex;min-height:100vh;height:100vh;overflow:hidden;background:var(--bg);color:var(--text)}.sidebar{background:var(--bg);width:var(--sidebar-width-desktop);padding:var(--space-2) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);color:var(--text);border-right:none;transition:transform .3s ease,opacity .3s ease,width .3s ease,padding .3s ease;overflow:hidden;flex-shrink:0}.sidebar:not(.open){width:0;min-width:0;padding:0;border-right:none;transform:translate(-100%);opacity:0;pointer-events:none}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease,left .3s ease;flex-shrink:0;z-index:100;position:fixed;top:9px;opacity:0;transform:translate(-10px) scale(.9);animation:sidebarButtonAppear .3s ease forwards}.sidebar-toggle-btn.sidebar-closed{left:var(--space-6)}.sidebar-toggle-btn:hover{transform:translateY(-1px) translate(0) scale(1)}.sidebar-toggle-btn.sidebar-open{left:calc(var(--sidebar-width-desktop) - 33px / 2 - var(--space-2))}.sidebar-toggle-btn:hover{background:var(--panel-strong);border-color:var(--border-strong);transform:translateY(-1px)}.sidebar-toggle-btn:active{transform:translateY(0)}.sidebar-upload-btn-fixed{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease,opacity .3s ease .1s,transform .3s ease .1s;flex-shrink:0;z-index:100;position:fixed;top:9px;left:calc(var(--space-6) + 33px + var(--space-2));box-shadow:var(--shadow-sm);opacity:0;transform:translate(-10px) scale(.9);animation:sidebarButtonAppear .3s ease .1s forwards}@keyframes sidebarButtonAppear{to{opacity:1;transform:translate(0) scale(1)}}.sidebar-upload-btn-fixed:hover{background:var(--accent-strong, var(--accent));transform:translateY(-1px);box-shadow:var(--shadow)}.sidebar-upload-btn-fixed:active{transform:translateY(0)}.sidebar-toggle-btn-inline{display:flex;align-items:center;justify-content:center;width:var(--size-md);height:var(--size-md);border:none;border-radius:var(--radius);background:transparent;color:var(--text);cursor:pointer;transition:background .15s ease,transform .15s ease;flex-shrink:0;padding:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.sidebar-toggle-btn-inline:hover{background:var(--panel-strong)}.sidebar-toggle-btn-inline:active{opacity:.8}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);padding:0 0 0 var(--space-4);margin:0;height:36px;position:relative}.sidebar-close-btn{position:absolute;right:var(--space-1);top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .15s ease}.sidebar-close-btn:hover{opacity:1}@media(min-width:768px){.sidebar-close-btn{display:none}}.sidebar .logo-text{color:var(--text)}.sidebar-content{display:flex;flex-direction:column;gap:var(--space-4)}.collection-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-1);margin-bottom:var(--space-1);color:var(--text)}.collection-header-text{font-weight:700;font-size:var(--text-md);line-height:var(--line-height-base)}.collection-header-label{display:inline-flex;align-items:center;gap:var(--space-2)}.sidebar-upload-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;background:var(--accent);color:#fff;border-radius:var(--radius);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;margin:0 auto var(--space-3) auto;justify-content:center;box-shadow:var(--shadow-sm)}.sidebar:not(.open) .sidebar-upload-btn{display:none}.sidebar-upload-btn:hover{transform:translateY(-1px);background:var(--accent-strong, var(--accent));box-shadow:var(--shadow)}.collection-new-btn{border:none;background:transparent;color:var(--text);border-radius:var(--radius-sm);width:var(--size-sm);height:var(--size-sm);min-width:var(--size-sm);min-height:var(--size-sm);display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease;font-size:var(--text-sm);font-weight:400}.collection-new-btn:hover{transform:translateY(-1px);background:var(--panel);color:var(--accent)}.collection-empty-message{color:var(--muted);font-size:var(--text-sm);line-height:var(--line-height-base)}.folder-tree{display:flex;flex-direction:column;gap:var(--space-2)}.collection-item{border:1px solid var(--border);border-radius:var(--radius);padding:3px var(--space-3);display:flex;align-items:center;gap:var(--space-2);color:var(--text);background:var(--panel-strong);cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease;height:33px;box-sizing:border-box;overflow:hidden}.collection-item.file{gap:var(--space-2);padding:3px var(--space-3)!important}.collection-item.active{border-color:var(--border-strong);background:var(--color-accent-soft);transform:translateY(-1px);box-shadow:var(--shadow)}.collection-item.file:hover,.collection-item.folder:hover{border-color:var(--border-strong);background:var(--panel);box-shadow:var(--shadow)}.collection-item-drag-over{border-color:var(--accent);background:var(--color-accent-soft);box-shadow:var(--shadow)}.collection-name{color:var(--text);font-family:var(--font-secondary);font-weight:100;font-size:.8rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-name-input{flex:1;min-width:0;border:1px solid var(--border);background:var(--panel);color:var(--text);font-family:var(--font-secondary);font-weight:100;font-size:.8rem;padding:2px 6px;border-radius:var(--radius-sm);outline:none}.collection-name-input:focus{border-color:var(--border);box-shadow:none}.collection-folder-menu{margin-left:auto;display:flex;align-items:center;position:relative}.collection-folder-menu-btn{border:none;background:transparent;padding:var(--space-1);width:var(--size-sm);height:var(--size-sm);min-width:var(--size-sm);min-height:var(--size-sm);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--muted);opacity:0;pointer-events:auto;cursor:pointer;transition:opacity .12s ease,background .12s ease,color .12s ease}.collection-item:hover .collection-folder-menu-btn,.collection-item:focus-within .collection-folder-menu-btn{opacity:1}.collection-folder-menu-btn:hover{opacity:1;background:var(--panel);color:var(--text)}.collection-folder-menu-btn:hover{background:var(--panel);color:var(--text)}.collection-folder-menu-btn:focus{outline:none}.collection-folder-menu-dropdown{min-width:150px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.collection-folder-menu-item{width:100%;text-align:left;border:none;background:transparent;color:var(--text);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;line-height:var(--line-height-base);transition:background .12s ease,color .12s ease}.collection-folder-menu-item:hover{background:var(--panel-strong)}.collection-folder-menu-item-danger{color:var(--danger)}.collection-folder-menu-item-danger:hover{background:#ff00000f}.sidebar-spinner{width:var(--icon-sm);height:var(--icon-sm);min-width:var(--icon-sm);min-height:var(--icon-sm);border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;display:inline-block;animation:sidebar-spin .8s linear infinite}@keyframes sidebar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.collection-name{color:var(--text);font-weight:1600}.dashboard-content{flex:1;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);position:relative;overflow:hidden;transition:margin-left .3s ease,padding .3s ease}.dashboard-content.sidebar-hidden{margin-left:0;padding:var(--space-2) var(--space-6) var(--space-8)}.dashboard-viewer-container{width:100%;max-width:100%;margin:0;transition:max-width .3s ease;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.dashboard-content.sidebar-hidden .dashboard-viewer-container{max-width:var(--container-2xl);margin:0 auto}@media(min-width:640px){.dashboard-content.sidebar-hidden .dashboard-viewer-container{max-width:min(1200px,92vw)}}@media(min-width:1024px){.dashboard-content.sidebar-hidden .dashboard-viewer-container{max-width:min(1600px,95vw)}}.content-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--card-padding-md);display:flex;flex-direction:column;gap:var(--space-3);width:100%;height:100%;min-height:0;flex:1;overflow:hidden}.content-card-tools,.content-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.content-card-footer{justify-content:flex-end}.dashboard-header-left{display:flex;gap:16px;align-items:center}.dashboard-header-title{display:flex;align-items:center;gap:10px}.dashboard-header-title-content{display:flex;flex-direction:column;gap:4px}.dashboard-header-filename{margin:0;font-size:1.15rem;color:var(--text)}.dashboard-header-meta{color:var(--muted);font-size:.9rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0}.topbar-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:var(--size-md);height:var(--size-md);border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease;flex-shrink:0}.topbar-sidebar-toggle:hover{background:var(--panel-strong);border-color:var(--border-strong);transform:translateY(-1px)}.topbar-sidebar-toggle:active{transform:translateY(0)}.topbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;position:relative}.topbar-credits-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);cursor:pointer;font-size:.8125rem;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.topbar-credits-pill:hover{background:var(--panel-strong);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.topbar-time-savings-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--success-soft);border-radius:10px;background:var(--success-soft);color:var(--text);font-size:.8125rem;box-shadow:0 0 12px #7fd1a466,0 2px 8px #7fd1a433;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.topbar-time-savings-tooltip{position:absolute;top:calc(100% + 12px);right:0;z-index:1000;min-width:280px;max-width:320px;animation:tooltipFadeIn .2s ease-out}.topbar-time-savings-tooltip-content{background:var(--panel-strong);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:0 8px 24px #00000026;position:relative}.topbar-time-savings-tooltip-content:after{content:"";position:absolute;bottom:100%;right:12px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--border)}.topbar-time-savings-tooltip-content:before{content:"";position:absolute;bottom:100%;right:12px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--panel-strong);margin-bottom:-1px}.topbar-time-savings-tooltip-title{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);font-weight:700;color:var(--text)}.topbar-time-savings-tooltip-text{margin:0;font-size:var(--text-sm);color:var(--muted);line-height:1.5}.topbar-profile-btn{width:36px;height:36px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease;padding:0}.topbar-profile-btn:hover{background:var(--panel-strong);border-color:var(--border-strong);transform:translateY(-1px)}.topbar-profile-dropdown{position:absolute;right:0;top:calc(100% + 10px);min-width:240px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:10px;z-index:40}.topbar-profile-header{display:flex;flex-direction:column;gap:4px;padding:8px 0 12px;border-bottom:1px solid var(--border)}.topbar-profile-name{font-weight:700;color:var(--text)}.topbar-profile-email{font-size:.9rem;color:var(--muted)}.topbar-profile-menu{display:flex;flex-direction:column;gap:6px}.topbar-profile-divider{height:1px;background:var(--border);margin:4px 0}.topbar-profile-item{border:none;background:transparent;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;color:var(--text);cursor:pointer;transition:background .12s ease,color .12s ease;text-align:left;width:100%;font-size:.9rem}.topbar-profile-item:hover{background:var(--panel-strong)}.topbar-profile-item-danger{color:var(--danger)}.topbar-profile-item-danger:hover{background:#ff00000f}.topbar-profile-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.topbar-profile-footer{border-top:1px solid var(--border);padding-top:8px}.topbar-credits-inline{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:600}.content-info{display:grid;grid-template-columns:repeat(3,auto);gap:12px 18px;align-items:center}.content-info-row{display:flex;gap:6px;align-items:center}.content-info-label{color:var(--muted);font-size:.85rem}.content-info-value{color:var(--text);font-weight:700;font-size:.95rem}.dashboard-icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.dashboard-icon-btn:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 8px 18px #00000014}.dashboard-search-container{position:relative}.dashboard-search-inline{position:absolute;right:0;top:110%;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px;display:flex;align-items:center;gap:8px;z-index:20}.dashboard-search-input-inline{border:1px solid var(--border);border-radius:10px;padding:8px 10px;min-width:180px;background:var(--panel-strong);color:var(--text)}.dashboard-search-results-info-inline{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:700}.dashboard-search-nav-btn-inline,.dashboard-search-close-btn-inline{border:1px solid var(--border);background:var(--panel);border-radius:10px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.dashboard-search-no-results-inline{color:var(--warning);font-size:.82rem}.dashboard-search-match{background:#2e5bff2e;color:var(--text)}.dashboard-search-match-current{background:#2e5bff52}.file-viewer{padding:0;gap:0;overflow:hidden;border-radius:var(--radius-lg)}.file-viewer-inner{width:100%;max-width:var(--container-2xl);margin:0 auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);overflow:hidden;flex:1;min-height:0}.dashboard-content.sidebar-hidden .file-viewer-inner{max-width:var(--container-2xl);margin:0 auto}@media(min-width:640px){.file-viewer-inner{padding:var(--space-3) var(--space-3-5) var(--space-3-5);max-width:min(1200px,92vw)}.dashboard-content.sidebar-hidden .file-viewer-inner{max-width:min(1200px,92vw)}.file-viewer-header{margin:0 calc(var(--space-3-5) * -1);padding:var(--space-2) var(--space-3-5)}}@media(min-width:1024px){.file-viewer-inner{padding:var(--space-3-5) var(--space-4) var(--space-4);max-width:min(1600px,95vw)}.dashboard-content.sidebar-hidden .file-viewer-inner{max-width:min(1600px,95vw)}.file-viewer-header{margin:0 calc(var(--space-4) * -1);padding:var(--space-2) var(--space-4)}}.file-viewer-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin:0 calc(var(--space-3) * -1);background:transparent;position:relative}.file-viewer-heading{min-width:0;padding:0}.file-viewer-title{display:flex;align-items:center;gap:var(--space-2);min-width:0}.file-viewer-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);flex-shrink:0}.file-viewer-title-text{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.file-viewer-name{margin:0;font-size:1rem;font-weight:400;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--space-2)}.file-viewer-path{color:var(--text);font-weight:400;font-size:1rem}.file-viewer-chips{display:flex;flex-wrap:wrap;gap:6px}.file-viewer-chip{background:var(--panel);border:1px solid var(--border);color:var(--muted);padding:3px 8px;border-radius:999px;font-size:.82rem;font-weight:600}.file-viewer-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.file-viewer-actions.desktop{display:flex}.file-viewer-actions.mobile{display:none}.file-viewer-toolbar{display:inline-flex;align-items:center;gap:8px}.file-viewer-toolbar-divider{width:1px;height:22px;background:var(--border)}.file-viewer-icon-btn{width:32px;height:32px;border-radius:999px;border:none;background:transparent;color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.file-viewer-icon-btn:hover{opacity:.7;transform:translateY(-1px)}.file-viewer-icon-btn:disabled{opacity:.5;cursor:not-allowed}.file-viewer-cta{border:1px solid var(--accent);background:linear-gradient(120deg,var(--accent),var(--accent-soft));color:#fff;font-weight:800;border-radius:999px;padding:6px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);position:absolute;left:50%;transform:translate(-50%);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,background .15s ease;box-shadow:0 4px 12px #1c3f9440}.file-viewer-cta-ghost{background:transparent;color:var(--text);border-color:var(--border)}.file-viewer-cta:hover:not(:disabled){transform:translate(-50%) translateY(-1px);box-shadow:0 6px 16px #1c3f9459}.file-viewer-cta:disabled{opacity:.6;cursor:not-allowed}.file-viewer-overflow-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:1.2rem;cursor:pointer}.file-viewer-overflow{position:absolute;top:110%;right:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px;min-width:240px;z-index:20;display:grid;gap:10px}.file-viewer-search{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-sm);max-width:var(--container-md);width:100%;margin:0 auto}.file-viewer-search-input{flex:1;display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px 12px}.file-viewer-search-input input{flex:1;border:none;background:transparent;color:var(--text);outline:none}.file-viewer-search-count{color:var(--muted);font-weight:700;font-size:.9rem}.file-viewer-search-actions{display:flex;align-items:center;gap:8px}.file-viewer-content{padding:var(--space-4) var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.file-viewer-content::-webkit-scrollbar{width:8px}.file-viewer-content::-webkit-scrollbar-track{background:transparent}.file-viewer-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}.file-viewer-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong);background-clip:padding-box}.file-viewer-content{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.file-viewer-body{width:100%;max-width:var(--container-xl);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3)}.file-viewer-summary{display:flex;flex-direction:column;gap:8px}.file-viewer-summary-header{display:flex;align-items:center;gap:10px;justify-content:flex-start;margin:0;padding:0}.file-viewer-summary-title{font-weight:800;color:var(--text)}.file-viewer-summary-toggle{border:none;background:transparent;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:var(--radius-sm);transition:background .15s ease}.file-viewer-summary-toggle:hover{background:var(--panel)}.file-viewer-summary-content{margin:0;color:var(--text);line-height:1.5;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:2000px;overflow:visible}}.file-viewer-diarization{display:flex;flex-direction:column;gap:8px;padding:0;border:none;border-radius:0;background:transparent}.file-viewer-diarization-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.file-viewer-diarization-title{font-weight:800;color:var(--text)}.file-viewer-diarization-chip{font-size:.85rem;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--muted)}.file-viewer-diarization-list{display:flex;flex-direction:column;gap:10px}.file-viewer-diarization-item{padding:10px 0;border-radius:0;background:transparent;border:none}.file-viewer-diarization-meta{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.file-viewer-diarization-speaker{padding:4px 8px;border-radius:8px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;box-sizing:border-box;transition:opacity .15s ease,transform .15s ease}.file-viewer-diarization-speaker-editable{cursor:pointer}.file-viewer-diarization-speaker-editable:hover{opacity:.85;transform:scale(1.05)}.file-viewer-diarization-rename{margin-left:6px;padding:2px 4px;border:none;background:transparent;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;border-radius:4px;transition:background .15s,color .15s}.file-viewer-diarization-rename:hover{background:var(--bg-secondary);color:var(--text)}.file-viewer-diarization-edit{display:inline-flex;align-items:center;gap:4px}.file-viewer-diarization-input{padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:inherit;font-weight:800;min-width:100px;outline:none}.file-viewer-diarization-input:focus{border-color:var(--accent)}.file-viewer-diarization-save,.file-viewer-diarization-cancel{padding:2px 4px;border:none;background:transparent;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;border-radius:4px;transition:background .15s,color .15s}.file-viewer-diarization-save:hover{background:var(--bg-secondary);color:var(--success, #10b981)}.file-viewer-diarization-cancel:hover{background:var(--bg-secondary);color:var(--error, #ef4444)}.file-viewer-diarization-time{color:var(--muted);font-weight:400;font-size:.875rem}.file-viewer-diarization-text{margin:0;color:var(--text);line-height:1.5}.file-viewer-diarization-words{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.file-viewer-diarization-word{padding:4px 6px;border-radius:6px;background:var(--panel-strong);border:1px solid var(--border);font-size:.9rem;color:var(--text)}.file-viewer-summary-toggle{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:4px 10px;border-radius:999px;font-size:.78rem;cursor:pointer}.file-viewer-text{box-shadow:none;background:transparent;border:none;border-radius:0;padding:0;width:100%;box-sizing:border-box;overflow:visible}@media(max-width:960px){.file-viewer-actions.desktop{display:none}.file-viewer-actions.mobile{display:flex}.file-viewer{border-radius:var(--radius)}}.dashboard-copy-container{position:relative}.dashboard-copy-feedback{position:absolute;top:110%;right:0;background:var(--panel);border:1px solid var(--success);border-radius:10px;padding:4px 8px;box-shadow:var(--shadow-sm);color:var(--success);font-weight:600;font-size:.75rem;white-space:nowrap}.dashboard-formatting-menu{position:relative}.dashboard-formatting-dropdown{position:absolute;top:110%;right:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;display:grid;gap:10px;width:220px;z-index:20}.dashboard-formatting-item{display:grid;gap:6px}.dashboard-formatting-label{color:var(--muted);font-weight:700;font-size:.9rem}.dashboard-formatting-slider{width:100%}.dashboard-transcription{line-height:1.75;color:var(--text);max-width:65ch;margin:0 auto;text-align:left}.content-view-single{display:flex;flex-direction:column;gap:16px}.content-view-single-summary{background:var(--panel-strong);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;display:flex;gap:10px;align-items:flex-start}.content-view-summary-chip{background:#10b9811f;color:var(--success);border-radius:999px;padding:4px 10px;font-weight:700;font-size:.85rem}.content-view-summary-text{margin:0;color:var(--text)}.content-view-single-body{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;display:flex;flex-direction:column;align-items:center}@media(max-width:768px){.content-view-single-body{padding:0}}@media(max-width:480px){.content-view-single-body{padding:0}}.content-view-markdown{width:100%;max-width:65ch}.content-view-markdown p{margin:0 0 var(--space-4) 0}.content-view-markdown p:last-child{margin-bottom:0}.content-view-markdown h1,.content-view-markdown h2,.content-view-markdown h3{margin-top:var(--space-6);margin-bottom:var(--space-3);font-weight:700}.content-view-markdown h1:first-child,.content-view-markdown h2:first-child,.content-view-markdown h3:first-child{margin-top:0}.dashboard-upload-widget{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3-5);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-sm);transition:border-color .15s ease,border-style .15s ease,border-width .15s ease}.dashboard-upload-widget--dragging,.dashboard-upload-widget:hover{border:2px dashed var(--accent)}.dashboard-upload-list{display:grid;gap:10px}.dashboard-upload-item{position:relative;padding:var(--space-3) 52px var(--space-3) var(--space-3-5);border:none;border-bottom:1px solid var(--border);border-radius:0;background:transparent;display:flex;gap:var(--space-3);flex-wrap:nowrap;align-items:center;cursor:pointer;transition:border-color .15s ease}.dashboard-upload-item.active{border-bottom-color:var(--accent)}.dashboard-upload-close{position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%);border:1px solid var(--border);background:var(--panel);border-radius:var(--radius-md);width:var(--size-sm);height:var(--size-sm);display:grid;place-items:center;cursor:pointer;color:var(--text);transition:all .15s ease}.dashboard-upload-close:hover{background:var(--panel-strong);border-color:var(--accent);color:var(--accent)}.dashboard-upload-close:active{transform:translateY(-50%) scale(.95);opacity:.8}.dashboard-upload-close:focus{outline:none;box-shadow:0 0 0 3px #6ea4c41a}.dashboard-upload-circle{width:var(--size-lg);height:var(--size-lg);display:grid;place-items:center;color:var(--text)}.dashboard-upload-empty .dashboard-upload-circle{color:var(--text)}.dashboard-upload-filename{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;margin-right:6px}.dashboard-upload-filename-main{font-weight:700;color:var(--text);line-height:1.2}.dashboard-upload-filename-meta{font-size:.875rem;font-weight:400;color:var(--muted);line-height:1.2}.dashboard-upload-lang{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem;margin-left:6px}.dashboard-upload-lang select{border:1px solid var(--border);border-radius:10px;padding:6px 10px;background:var(--panel-strong);color:var(--text)}.dashboard-upload-cost{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-weight:700;margin-left:auto;white-space:nowrap;padding-left:10px}.dashboard-upload-status{color:var(--muted);display:inline-flex;align-items:center;gap:8px;margin-left:10px}.dashboard-upload-toggle>span:not(.dashboard-upload-toggle-info){display:inline-block}.dashboard-upload-toggle-info{display:inline-flex;align-items:center;cursor:help;margin-left:var(--space-1)}.dashboard-upload-info-icon{color:var(--muted);flex-shrink:0;transition:color .15s ease}.dashboard-upload-toggle-info:hover .dashboard-upload-info-icon{color:var(--accent)}.dashboard-upload-tooltip{position:absolute;top:calc(100% + 12px);right:0;z-index:1000;min-width:280px;max-width:320px;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dashboard-upload-tooltip-content{background:var(--panel-strong);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:0 8px 24px #00000026;position:relative}.dashboard-upload-tooltip-content:after{content:"";position:absolute;bottom:100%;right:12px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--border)}.dashboard-upload-tooltip-content:before{content:"";position:absolute;bottom:100%;right:12px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid var(--panel-strong);margin-bottom:-1px}.dashboard-upload-tooltip-title{margin:0 0 var(--space-2) 0;font-size:.95rem;font-weight:700;color:var(--text);line-height:1.3}.dashboard-upload-tooltip-text{margin:0;font-size:.875rem;color:var(--muted);line-height:1.5}.dashboard-upload-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.dashboard-upload-toggle input{width:16px;height:16px;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid var(--border);border-radius:4px;background:var(--panel);transition:all .15s ease;position:relative;flex-shrink:0}.dashboard-upload-toggle input:checked{background:var(--accent);border-color:var(--accent)}.dashboard-upload-toggle input:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:4px;height:8px;border:solid white;border-width:0 2px 2px 0}.dashboard-upload-toggle input:hover:not(:disabled){border-color:var(--accent)}.dashboard-upload-toggle input:disabled{opacity:.5;cursor:not-allowed}.dashboard-upload-toggle input:focus{outline:none;box-shadow:0 0 0 3px #6ea4c41a}.dashboard-upload-add{border:none;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:var(--space-3) var(--space-3-5);display:flex;flex-direction:row;align-items:center;gap:var(--space-3);cursor:pointer;color:var(--text);transition:border-color .15s ease}.dashboard-upload-add:hover{border-bottom-color:var(--accent)}.dashboard-upload-add .dashboard-upload-filename{flex:none;margin-right:0;gap:0}.dashboard-upload-add .dashboard-upload-filename-main{font-weight:700;color:var(--text)}.dashboard-upload-add .dashboard-upload-filename-meta{display:none}.dashboard-upload-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px}.dashboard-upload-total{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-weight:700}.dashboard-process-btn,.dashboard-summarize-btn{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:12px;padding:.75rem 1.2rem;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;box-shadow:0 10px 30px #6ea4c438}.dashboard-process-btn:hover:not(:disabled),.dashboard-summarize-btn:hover:not(:disabled){transform:translateY(-1px);background:var(--accent-strong, var(--accent));border-color:var(--accent-strong, var(--accent));box-shadow:0 14px 36px #6ea4c447}.dashboard-process-btn:disabled,.dashboard-summarize-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dashboard-process-btn.ghost{background:var(--panel);color:var(--text)}.dashboard-process-btn.alert{border-color:var(--warning);box-shadow:0 10px 24px #f59e0b40}.dashboard-process-btn.shake{animation:shake .3s linear 1}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-3px)}}.dashboard-process-btn.flash{animation:processFlash .6s ease-out}@keyframes processFlash{0%{box-shadow:0 10px 30px #6ea4c438;transform:scale(1)}50%{box-shadow:0 0 0 8px #6ea4c44d,0 10px 30px #6ea4c466;transform:scale(1.05)}to{box-shadow:0 10px 30px #6ea4c438;transform:scale(1)}}.dashboard-transcribe-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-top-color:var(--text);border-radius:50%;animation:spin .6s linear infinite}.dashboard-process-btn .dashboard-transcribe-spinner{margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-upload-empty{border:none;border-radius:var(--radius);padding:20px;display:grid;place-items:center;gap:10px;background:transparent;cursor:pointer;color:var(--text);width:100%;max-width:900px;margin:0 auto}.dashboard-upload-title{margin:0;font-size:1.1rem;color:var(--text)}.dashboard-upload-subtitle{margin:0;color:var(--muted);max-width:800px;text-align:center;line-height:1.6}.dashboard-modal-overlay{position:fixed;inset:0;background:#0006;display:grid;place-items:center;z-index:200}.dashboard-modal-panel{width:var(--modal-md);background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 22px 50px #00000047;padding:18px 18px 16px;display:flex;flex-direction:column;gap:14px}.dashboard-modal-panel-lg{width:var(--modal-lg)}.dashboard-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dashboard-modal-eyebrow{margin:0;font-size:.8rem;color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-weight:700}.dashboard-modal-title{margin:2px 0 0;font-size:1.1rem;color:var(--text);font-weight:800}.dashboard-modal-subtitle{margin:4px 0 0;color:var(--muted);font-size:.95rem}.dashboard-modal-close{border:1px solid var(--border);background:var(--panel-strong);color:var(--text);width:34px;height:34px;border-radius:12px;display:grid;place-items:center;cursor:pointer}.dashboard-modal-body{display:flex;flex-direction:column;gap:10px}.dashboard-modal-field{display:flex;flex-direction:column;gap:6px}.dashboard-modal-label{font-weight:700;color:var(--muted)}.dashboard-modal-select{width:100%;border-radius:10px;border:1px solid var(--border);background:var(--panel-strong);color:var(--text);padding:10px 12px;font-weight:600}.dashboard-modal-hint{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.dashboard-modal-description{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.dashboard-modal-pill{background:var(--panel-strong);border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:.85rem;color:var(--text);white-space:nowrap}.dashboard-modal-text{margin:0;color:var(--text)}.dashboard-modal-cost{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--panel-strong);border:1px solid var(--border);font-weight:700;color:var(--text)}.dashboard-modal-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:8px;background:var(--accent);color:#0b0e13;font-weight:800;font-size:.8rem}.dashboard-modal-actions{display:flex;justify-content:flex-end;gap:10px}.dashboard-modal-btn{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:8px 14px;border-radius:12px;cursor:pointer;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.dashboard-modal-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-modal-btn.primary{border-color:var(--accent);background:var(--accent);color:#0b0e13}.dashboard-modal-btn.ghost{background:var(--panel-strong)}.dashboard-modal-btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.dashboard-modal-btn.danger:hover{background:var(--danger-strong, var(--danger));border-color:var(--danger-strong, var(--danger));opacity:.9}.buycoins-overlay{position:fixed;inset:0;background:#0006;display:grid;place-items:center;z-index:200;opacity:0;transition:opacity .2s ease}.buycoins-overlay.open{opacity:1}.buycoins-panel{width:var(--modal-xl);max-height:90vh;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 22px 50px #00000047;padding:18px 18px 16px;display:flex;flex-direction:column;gap:14px;transform:translateY(12px);opacity:0;transition:transform .2s ease,opacity .2s ease;overflow:hidden}.buycoins-panel.open{transform:translateY(0);opacity:1}.buycoins-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.buycoins-close{border:1px solid var(--border);background:var(--panel-strong);color:var(--text);width:34px;height:34px;border-radius:12px;display:grid;place-items:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.buycoins-close:hover{background:var(--panel-strong);border-color:var(--border-strong)}.buycoins-close:disabled{opacity:.6;cursor:not-allowed}.coins-title{font-weight:800;font-size:1.3rem;color:var(--text)}.coins-subtitle{color:var(--muted);margin-top:4px}.coins-content{display:flex;flex-direction:column;gap:16px}.coins-header{display:flex;flex-direction:column;gap:6px}.plans-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.plan-card{border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--panel-strong);display:flex;flex-direction:column;gap:10px;position:relative;box-shadow:var(--shadow-sm)}.plan-card-best{border-color:var(--accent);box-shadow:0 18px 36px #6ea4c440}.plan-tag{position:absolute;top:12px;right:12px;background:linear-gradient(120deg,#6ea4c4cc,#b7bec7e6);color:#0f1115;font-weight:700;border-radius:10px;padding:4px 8px;box-shadow:0 10px 24px #6ea4c42e}.plan-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.plan-name{font-weight:800;color:var(--text);font-size:1.4rem;flex:1}.plan-badge{background:var(--accent);color:var(--color-contrast, #0b0e13);font-weight:700;font-size:.75rem;padding:4px 8px;border-radius:8px;white-space:nowrap;flex-shrink:0}.plan-description{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.plan-price{display:flex;align-items:baseline;gap:6px;color:var(--text)}.plan-price-amount{font-weight:800;font-size:1.2rem}.plan-coins{display:flex;align-items:baseline;gap:6px;color:var(--muted)}.plan-coins-amount{color:var(--text);font-weight:800;font-size:1rem}.plan-coins-label{font-size:.9rem}.plan-perk{color:var(--muted);font-size:.9rem}.plan-button{margin-top:4px;border:1px solid var(--border);background:var(--panel-strong);color:var(--text);border-radius:12px;padding:.65rem 1rem;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;box-shadow:var(--shadow-sm)}.plan-button:hover{transform:translateY(-1px);border-color:var(--border-strong);background:var(--panel);box-shadow:var(--shadow)}.plan-button-primary{background:var(--color-contrast)!important;border-color:var(--color-contrast)!important;color:var(--color-bg)!important;box-shadow:0 10px 30px #ffffff26!important}.plan-button-primary:hover{background:var(--panel-glass)!important;box-shadow:0 14px 36px #ffffff40!important}@media(max-width:768px){.sidebar{width:var(--sidebar-width-tablet);max-width:var(--sidebar-width-tablet)}.sidebar:not(.open){width:0;min-width:0}.dashboard-content{padding:var(--space-4) var(--space-3) var(--space-3)}.dashboard-content.sidebar-hidden{padding:var(--space-2)}.content-card{padding:var(--card-padding-md)}.content-info{grid-template-columns:repeat(2,auto)}}@media(max-width:480px){.sidebar{width:var(--sidebar-width-mobile);max-width:100%}.sidebar:not(.open){width:0;min-width:0}.dashboard-content{padding:var(--space-3)}.content-card{padding:var(--card-padding-sm)}.content-card-tools{flex-direction:column;align-items:flex-start}.content-info{grid-template-columns:repeat(1,auto)}}@media(min-width:1025px){.sidebar{width:var(--sidebar-width-desktop);max-width:var(--sidebar-width-desktop)}}.admin-container{min-height:100vh;background:var(--color-bg);display:flex;flex-direction:column}.admin-content{flex:1;display:flex;flex-direction:column}.admin-page{flex:1;display:flex;flex-direction:column;padding:var(--space-6);max-width:var(--container-2xl);margin:0 auto;width:100%}.admin-page__content{flex:1;padding-top:var(--space-6)}.admin-page__heading{font-size:1.875rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-8)}.admin-nav{display:flex;gap:var(--space-2);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4);margin-bottom:var(--space-6)}.admin-nav__link{padding:var(--space-3) var(--space-4);color:var(--color-muted);text-decoration:none;border-radius:var(--radius-sm);transition:all .2s;font-weight:500}.admin-nav__link:hover{color:var(--color-text);background:var(--color-surface)}.admin-nav__link.active{color:var(--color-accent);background:var(--color-surface);border-bottom:2px solid var(--color-accent)}.admin-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.admin-page .card{width:100%!important;max-width:100%!important;box-sizing:border-box}.admin-card__content{padding:var(--space-6);width:100%;box-sizing:border-box}.admin-card__title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-4)}.admin-card__title--error{color:var(--danger)}.admin-card__row{margin-bottom:var(--space-2);color:var(--color-text)}.admin-card__meta{font-size:.875rem;opacity:.7;color:var(--color-muted);margin-top:var(--space-4)}.admin-status--up{color:var(--success)}.admin-status--down{color:var(--danger)}.admin-section__title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin-top:var(--space-8);margin-bottom:var(--space-6)}.admin-card__subtitle{font-size:1rem;font-weight:600;color:var(--color-muted);margin-bottom:var(--space-2)}.admin-stat__value{font-size:2rem;font-weight:700;color:var(--color-text);margin:var(--space-2) 0}.admin-table{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.admin-table__header{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);font-weight:600;color:var(--color-text);width:100%}.admin-table__row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);color:var(--color-text);width:100%}.admin-table__cell{display:flex;align-items:center;min-width:0;overflow:hidden}.admin-table__header,.admin-table__row{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.admin-table--6cols .admin-table__header,.admin-table--6cols .admin-table__row{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 2fr}.admin-table--3cols .admin-table__header,.admin-table--3cols .admin-table__row{grid-template-columns:2fr 1fr 1fr}.admin-table--7cols .admin-table__header,.admin-table--7cols .admin-table__row{grid-template-columns:.8fr 1.5fr .8fr .8fr .8fr 1fr 1.5fr}.admin-table__header,.admin-table__row{width:100%;box-sizing:border-box}.admin-table__row--clickable{cursor:pointer;transition:background .2s}.admin-table__row--clickable:hover{background:var(--color-surface)}.admin-filters{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.admin-filter__input{flex:1;max-width:var(--container-sm)}.admin-filter__select{padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.875rem}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-6)}.admin-pagination__info{color:var(--color-muted);font-size:.875rem}.admin-detail-card{margin-top:var(--space-6)}.admin-detail__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.admin-detail__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.admin-actions{display:flex;flex-direction:column;gap:var(--space-3)}.admin-action__input{width:100%}.admin-action__buttons{display:flex;gap:var(--space-3)}.admin-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.admin-badge--user{background:var(--color-surface);color:var(--color-text)}.admin-badge--admin{background:var(--color-accent);color:var(--color-contrast)}.admin-badge--credit{background:var(--success-soft);color:var(--success)}.admin-badge--debit{background:#e2574e33;color:var(--danger)}.admin-badge--active{background:var(--success-soft, rgba(16, 185, 129, .2));color:var(--success, #10b981)}.admin-badge--inactive{background:#0000001a;color:var(--muted)}.admin-content__text{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);max-height:400px;overflow-y:auto;color:var(--color-text);white-space:pre-wrap;font-family:var(--font-secondary);line-height:1.6}.admin-page input,.admin-page select,.admin-page textarea{width:100%;max-width:100%;box-sizing:border-box}.admin-form-field{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.admin-form-field label{display:block;margin-bottom:var(--space-1);font-size:.9rem;font-weight:600;color:var(--color-text)}.admin-form-field input,.admin-form-field select,.admin-form-field textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);box-sizing:border-box}.admin-form-field input:focus,.admin-form-field select:focus,.admin-form-field textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2e5bff1a}.admin-detail__grid>div{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.admin-detail__grid .admin-actions{width:100%}.ui-modal-panel input,.ui-modal-panel select,.ui-modal-panel textarea{width:100%;max-width:100%;box-sizing:border-box}.ui-modal-panel>div>div{width:100%}.ui-modal-panel>div>div>div{width:100%}.admin-page button:not(.btn-primary):not([class*=btn-primary]){background:var(--panel-strong);border:1px solid var(--border);color:var(--text);transition:all .2s ease}.admin-page button:not(.btn-primary):not([class*=btn-primary]):hover:not(:disabled){background:var(--panel);border-color:var(--border-strong)}.admin-page button:not(.btn-primary):not([class*=btn-primary]):disabled{opacity:.5;cursor:not-allowed}.admin-page select{background:var(--panel-strong);border:1px solid var(--border);color:var(--text)}.admin-page select:hover{border-color:var(--border-strong)}.admin-page select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0065ff1a}.legal-document-view{max-width:var(--container-2xl);margin:0 auto;padding:var(--space-16) var(--space-6) var(--space-20)}.legal-document-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4);background:var(--panel-strong);border:1px solid var(--border);border-radius:var(--radius);margin-top:var(--space-6);margin-bottom:0}.legal-document-meta-row{display:flex;align-items:center;gap:8px}.legal-document-label{font-size:var(--text-sm);color:var(--muted);font-weight:600;line-height:var(--line-height-base)}.legal-document-value{font-size:var(--text-sm);color:var(--text);line-height:var(--line-height-base)}.legal-document-content{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-8)}.legal-document-title{font-size:var(--font-size-heading-desktop);font-weight:800;color:var(--text);margin:0 0 var(--space-4) 0;line-height:var(--line-height-base)}.legal-document-body{color:var(--text);line-height:var(--line-height-base);font-size:var(--text-base)}.legal-document-body h1,.legal-document-body h2,.legal-document-body h3,.legal-document-body h4,.legal-document-body h5,.legal-document-body h6{color:var(--text);margin-top:var(--space-4);margin-bottom:var(--space-3);font-weight:700;line-height:var(--line-height-base)}.legal-document-body h1{font-size:var(--text-3xl);border-bottom:2px solid var(--border);padding-bottom:var(--space-2)}.legal-document-body h2{font-size:var(--text-2xl);margin-top:var(--space-8)}.legal-document-body h3{font-size:var(--text-xl);margin-top:var(--space-4)}.legal-document-body h4{font-size:var(--text-lg);margin-top:var(--space-4)}.legal-document-body h5{font-size:var(--text-base);margin-top:var(--space-4)}.legal-document-body h6{font-size:var(--text-md);margin-top:var(--space-4);color:var(--muted)}.legal-document-body p{margin-bottom:var(--space-4)}.legal-document-body ul,.legal-document-body ol{margin-bottom:var(--space-4);padding-left:var(--space-4)}.legal-document-body li{margin-bottom:var(--space-2)}.legal-document-body a{color:var(--accent);text-decoration:underline}.legal-document-body a:hover{text-decoration:none}.legal-document-body code{background:var(--panel-strong);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:Courier New,monospace}.legal-document-body pre{background:var(--panel-strong);padding:var(--space-4);border-radius:var(--radius);overflow-x:auto;margin-bottom:var(--space-4)}.legal-document-body pre code{background:none;padding:0}.legal-document-body blockquote{border-left:4px solid var(--accent);padding-left:var(--space-4);margin:var(--space-4) 0;color:var(--muted);font-style:italic}.legal-document-body table{width:100%;border-collapse:collapse;margin-bottom:16px}.legal-document-body table th,.legal-document-body table td{padding:var(--space-2) var(--space-3);border:1px solid var(--border);text-align:left}.legal-document-body table th{background:var(--panel-strong);font-weight:600}.legal-document-body hr{border:none;border-top:1px solid var(--border);margin:var(--space-4) 0}.legal-document-body img{max-width:100%;height:auto;border-radius:var(--radius);margin:var(--space-4) 0}.legal-document-body strong{font-weight:700;color:var(--text)}.legal-document-body em{font-style:italic}.legal-document-body del{text-decoration:line-through;color:var(--muted)}.legal-document-body mark{background:var(--accent);color:var(--text-on-accent, var(--text));padding:var(--space-1) var(--space-1);border-radius:var(--radius-sm)}.cookie-banner{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:9999;max-width:400px;width:100%;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 25px #00000026}.cookie-banner-content{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.cookie-banner-title{margin:0;font-size:var(--text-lg);color:var(--text);font-weight:800}.cookie-banner-text-section{display:flex;flex-direction:column;gap:var(--space-2)}.cookie-banner-text{margin:0;color:var(--text);font-size:var(--text-md);line-height:1.6}.cookie-banner-link{color:var(--accent);text-decoration:underline;font-weight:600}.cookie-banner-link:hover{text-decoration:none}.cookie-banner-actions{display:flex;gap:var(--space-2);flex-shrink:0;justify-content:flex-end}.cookie-banner-btn{flex:1;padding:var(--btn-padding-desktop);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:all .2s ease;border:1px solid var(--border);min-height:var(--btn-min-size);line-height:var(--line-height-base);background:var(--panel);color:var(--text)}.cookie-banner-btn:hover{background:var(--panel-strong);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}@media(max-width:768px){.legal-document-view{padding:var(--space-12) var(--space-4)}.cookie-banner{bottom:0;right:0;left:0;max-width:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:35vh}}@media(max-width:360px){.legal-document-view{padding:var(--space-6) var(--space-4)}.cookie-banner{max-height:40vh}.cookie-banner-content{padding:var(--space-4);gap:var(--space-3)}.cookie-banner-btn{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}}@media(max-width:480px){.legal-document-view{padding:var(--space-8) var(--space-4)}.cookie-banner{bottom:0;right:0;left:0;max-width:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:35vh}.cookie-banner-content{padding:var(--space-5);gap:var(--space-4)}.cookie-banner-actions{flex-direction:column;gap:var(--space-3)}.cookie-banner-btn{padding:var(--btn-padding-mobile);min-height:52px;font-size:var(--text-base)}}.loading-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;z-index:1000}.loading-small{padding:1rem}.loading-medium{padding:2rem}.loading-large{padding:3rem}.loading-spinner{position:relative;width:48px;height:48px}.loading-small .loading-spinner{width:32px;height:32px}.loading-large .loading-spinner{width:64px;height:64px}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--color-primary, #3b82f6);border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){animation-delay:-.45s;border-top-color:var(--color-primary, #3b82f6);opacity:1}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:var(--color-primary-light, #60a5fa);opacity:.7;width:80%;height:80%;top:10%;left:10%}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:var(--color-primary-lighter, #93c5fd);opacity:.5;width:60%;height:60%;top:20%;left:20%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{color:var(--color-text-secondary, #6b7280);font-size:.875rem;margin:0;text-align:center}.loading-small .loading-message{font-size:.75rem}.loading-large .loading-message{font-size:1rem}