@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;700&display=swap";:root{--color-primary: hsl(152, 32%, 42%);--color-primary-light: hsl(152, 32%, 52%);--color-primary-dark: hsl(152, 32%, 32%);--color-primary-subtle: hsl(152, 25%, 95%);--color-stone-50: hsl(40, 15%, 98%);--color-stone-100: hsl(40, 12%, 95%);--color-stone-200: hsl(40, 10%, 88%);--color-stone-300: hsl(40, 8%, 75%);--color-stone-400: hsl(40, 6%, 55%);--color-stone-500: hsl(40, 5%, 40%);--color-stone-600: hsl(40, 6%, 30%);--color-stone-700: hsl(40, 8%, 20%);--color-stone-800: hsl(40, 10%, 12%);--color-stone-900: hsl(40, 12%, 8%);--color-bg-main: var(--color-stone-100);--color-bg-card: hsl(0, 0%, 100%);--color-bg-card-hover: hsl(40, 15%, 99%);--color-bg-elevated: hsl(0, 0%, 100%);--color-text-primary: var(--color-stone-800);--color-text-secondary: var(--color-stone-500);--color-text-tertiary: var(--color-stone-400);--color-text-inverse: hsl(0, 0%, 100%);--color-border: var(--color-stone-200);--color-border-subtle: var(--color-stone-100);--color-border-strong: var(--color-stone-300);--color-grain-corn: hsl(45, 75%, 55%);--color-grain-corn-light: hsl(45, 80%, 92%);--color-grain-corn-text: hsl(45, 70%, 28%);--color-grain-soybeans: hsl(85, 45%, 50%);--color-grain-soybeans-light: hsl(85, 50%, 92%);--color-grain-soybeans-text: hsl(85, 45%, 25%);--color-grain-wheat: hsl(35, 55%, 55%);--color-grain-wheat-light: hsl(35, 60%, 92%);--color-grain-wheat-text: hsl(35, 55%, 28%);--color-success: var(--color-primary);--color-success-light: var(--color-primary-subtle);--color-warning: hsl(38, 80%, 50%);--color-warning-light: hsl(38, 90%, 94%);--color-warning-text: hsl(38, 70%, 30%);--color-danger: hsl(0, 65%, 55%);--color-danger-light: hsl(0, 70%, 95%);--color-danger-hover: hsl(0, 65%, 45%);--color-info: hsl(210, 55%, 50%);--color-info-light: hsl(210, 60%, 95%);--shadow-xs: 0 1px 2px 0 rgba(23, 22, 19, .04);--shadow-sm: 0 1px 3px 0 rgba(23, 22, 19, .06), 0 1px 2px -1px rgba(23, 22, 19, .04);--shadow-md: 0 4px 6px -1px rgba(23, 22, 19, .06), 0 2px 4px -2px rgba(23, 22, 19, .04);--shadow-lg: 0 10px 15px -3px rgba(23, 22, 19, .06), 0 4px 6px -4px rgba(23, 22, 19, .04);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", var(--font-sans);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-tooltip: 60;--color-hover-bg: var(--color-stone-50);--color-active-bg: var(--color-stone-100);--color-focus-ring: var(--color-primary);--header-height: 64px;--card-padding: var(--space-5);--btn-height-sm: 36px;--btn-height-md: 44px;--btn-height-lg: 52px}[data-theme=dark]{--color-bg-main: var(--color-stone-900);--color-bg-card: var(--color-stone-800);--color-bg-card-hover: var(--color-stone-700);--color-bg-elevated: var(--color-stone-700);--color-text-primary: var(--color-stone-50);--color-text-secondary: var(--color-stone-400);--color-text-tertiary: var(--color-stone-500);--color-border: var(--color-stone-700);--color-border-subtle: var(--color-stone-800);--color-border-strong: var(--color-stone-600);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--color-hover-bg: var(--color-stone-700);--color-active-bg: var(--color-stone-600)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes wave{0%{transform:translate(0) translateZ(0) scaleY(1)}50%{transform:translate(-25%) translateZ(0) scaleY(.85)}to{transform:translate(-50%) translateZ(0) scaleY(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-slide-up{animation:slideUp .6s ease-out forwards}.animate-float{animation:float 6s ease-in-out infinite}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-bg-main);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:600;letter-spacing:-.02em}img,picture,video,canvas,svg{display:block;max-width:100%}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.glass-panel{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm)}.premium-card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden}.premium-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border)}.grain-breakdown-card{transition:all var(--transition-normal)}.grain-breakdown-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.interactive{transition:all var(--transition-normal)}.interactive:hover{transform:translateY(-1px)}.interactive:active{transform:translateY(0)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #498d6d26;outline:none}.form-input{width:100%;padding:var(--space-3);font-size:var(--font-size-base);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:var(--color-bg-card)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #498d6d26;outline:none}.form-input--error{border-color:var(--color-danger)}.form-input--error:focus{box-shadow:0 0 0 3px #dc262626}.form-label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.form-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--space-1)}.kbd{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;font-size:var(--font-size-xs);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;color:var(--color-text-tertiary);background:var(--color-stone-100);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--color-border)}[data-theme=dark] .kbd{background:var(--color-stone-700);border-color:var(--color-stone-600);box-shadow:0 1px 0 var(--color-stone-800)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-md);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-base)}.btn-icon:hover{background:#fffffff2;transform:translateY(-1px)}.btn-icon:active{transform:translateY(0)}.btn-icon--danger:hover{background:var(--color-danger-light)}[data-theme=dark] .btn-icon{background:#ffffff14;color:var(--color-text-secondary)}[data-theme=dark] .btn-icon:hover{background:#ffffff26}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);cursor:pointer;border:none;position:relative;transition:all var(--transition-normal)}.btn--sm{height:var(--btn-height-sm);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-md)}.btn--md{height:var(--btn-height-md);padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm);border-radius:var(--radius-md)}.btn--lg{height:var(--btn-height-lg);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);border-radius:var(--radius-lg);letter-spacing:.01em}.btn--primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 2px 4px #0000001a,0 1px 2px #0000000f}.btn--secondary{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.btn--danger{background:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger-light)}.btn--ghost{background:transparent;color:var(--color-text-secondary);box-shadow:none}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)!important}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark)!important;box-shadow:var(--shadow-lg),0 4px 12px #31815c4d!important}.btn--secondary:hover:not(:disabled){background:var(--color-bg-card)!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important;box-shadow:var(--shadow-md),0 2px 8px #31815c26!important}.btn--danger:hover:not(:disabled){background:var(--color-danger-light)!important;color:var(--color-danger-hover)!important}.btn--ghost:hover:not(:disabled){background:var(--color-hover-bg)!important}.btn--lg.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-lg),0 6px 20px #31815c59!important}[data-theme=dark] .btn--secondary{background:var(--color-stone-700);border-color:var(--color-stone-600)}[data-theme=dark] .btn--secondary:hover:not(:disabled){background:var(--color-stone-600)!important;border-color:var(--color-primary)!important}.bin-card{position:relative;height:320px;display:flex;flex-direction:column}.bin-card__fill{position:absolute;bottom:0;left:0;right:0;z-index:0;opacity:.85;transition:height 1.5s cubic-bezier(.4,0,.2,1)}.bin-card__content{position:relative;z-index:10;padding:var(--space-4);height:100%;display:flex;flex-direction:column}.bin-card__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-bottom:var(--space-2)}.bin-card__header{display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer;transition:opacity var(--transition-fast);flex:1}.bin-card__header:hover{opacity:.85}.bin-card__title{margin-top:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.bin-card__percentage{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1;text-align:right;transition:color var(--transition-slow)}.bin-card__percentage--light{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.bin-card__percentage-symbol{font-size:var(--font-size-base);vertical-align:top;opacity:.8;margin-left:2px}.bin-card__grain-tag{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bin-card__metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bin-card__metric-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.bin-card__metric-value{font-weight:var(--font-weight-semibold)}.bin-card__metric-unit{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);opacity:.7}.bin-card__action-btn{width:100%;padding:var(--space-2) var(--space-3);margin-top:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border:1px solid var(--color-border);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:all var(--transition-fast)}.bin-card__action-btn:hover{background:var(--color-bg-card);border-color:var(--color-border-strong);color:var(--color-text-primary)}.modal-backdrop{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop)}.modal-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.modal-content{position:relative;width:100%;max-width:440px;padding:var(--space-6);background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:calc(var(--z-modal) + 1);isolation:isolate}.stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6)}.stat-card__icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);background:var(--color-bg-main);flex-shrink:0}.stat-card__icon--success{background:linear-gradient(135deg,var(--color-success-light),var(--color-success))}.stat-card__label{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.stat-card__unit{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.toggle-btn{flex:1;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.toggle-btn:hover{background:var(--color-hover-bg)}.toggle-btn--danger:hover{background:var(--color-danger-light)}.toggle-btn--danger-active{border-color:var(--color-danger);background:var(--color-danger-light);color:var(--color-danger)}.quick-fill-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-stone-100);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.quick-fill-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.quick-fill-btn__amount{font-size:var(--font-size-xs);opacity:.7;font-weight:var(--font-weight-normal)}.card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--card-padding);transition:all var(--transition-normal)}.card--interactive:hover{border-color:var(--color-border);box-shadow:var(--shadow-md)}.bin-card{display:flex;flex-direction:column;gap:var(--space-4);height:auto}.bin-card__header{display:flex;justify-content:space-between;align-items:center}.bin-card__actions{display:flex;gap:var(--space-1)}.bin-card__title-row{display:flex;justify-content:space-between;align-items:baseline}.bin-card__title-row--clickable{cursor:pointer;padding:var(--space-2);margin:calc(-1 * var(--space-2));border-radius:var(--radius-md);transition:background var(--transition-fast)}.bin-card__title-row--clickable:hover{background:var(--color-hover-bg)}.bin-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.bin-card__percentage{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.bin-card__percentage-symbol{font-size:var(--font-size-lg);color:var(--color-text-tertiary)}.bin-card__progress{margin:var(--space-2) 0}.progress-bar{height:8px;background:var(--color-stone-200);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .4s ease-out}.progress-fill--corn{background:#eebd2b}.progress-fill--soybeans{background:#2eb860}.progress-fill--wheat{background:#cc8533}[data-theme=dark] .progress-bar{background:var(--color-stone-700)}.bin-card__metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);padding:var(--space-4);background:var(--color-stone-50);border-radius:var(--radius-md)}.bin-card__metric-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.bin-card__metric-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.bin-card__metric-unit{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-normal)}@media(max-width:420px){.bin-card__metrics{grid-template-columns:repeat(2,1fr)}}.bin-card__value{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);margin-bottom:var(--space-3);background:var(--color-stone-50);border-radius:var(--radius-md)}.bin-card__value-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.bin-card__value-amount{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-success)}.bin-card__activity{font-size:var(--font-size-xs);color:var(--color-text-tertiary);padding:var(--space-2) 0;border-top:1px solid var(--color-border-subtle);margin-top:var(--space-2)}.bin-card__cta{width:100%;padding:var(--space-3);background:var(--color-stone-50);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.bin-card__cta:hover{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.bin-card__notes{padding:var(--space-2) var(--space-3);background:var(--color-stone-100);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-2);font-style:italic}[data-theme=dark] .bin-card__metrics,[data-theme=dark] .bin-card__value{background:var(--color-stone-800)}[data-theme=dark] .bin-card__cta{background:var(--color-stone-800);border-color:var(--color-stone-600);color:var(--color-text-secondary)}[data-theme=dark] .bin-card__cta:hover{background:var(--color-stone-700);border-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .bin-card__notes{background:var(--color-stone-800)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;font-size:var(--font-size-lg);transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--color-hover-bg);transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.badge--corn,.badge--yellow_corn{background:var(--color-grain-corn-light);color:var(--color-grain-corn-text)}.badge--soybeans,.badge--soy{background:var(--color-grain-soybeans-light);color:var(--color-grain-soybeans-text)}.badge--wheat,.badge--hrw_wheat,.badge--spring_wheat,.badge--durum_wheat{background:var(--color-grain-wheat-light);color:var(--color-grain-wheat-text)}.badge--canola{background:#faf3d1;color:#796915}.badge--barley{background:#f4e6d7;color:#734d26}.badge--oats{background:#f0e9db;color:#6e5b35}.badge--peas,.badge--yellow_peas,.badge--green_peas{background:#e8f0d1;color:#576827}.badge--flax{background:#d3e5ee;color:#2e576b}.badge--rye{background:#eeded3;color:#6b472e}.badge--lentils{background:#f0d9d1;color:#6f3b2a}.badge--sunflower,.badge--sunflowers{background:#faf0c6;color:#705c10}.badge[class*=badge--]{background:var(--color-stone-200);color:var(--color-stone-600)}.badge.badge--corn,.badge.badge--yellow_corn{background:var(--color-grain-corn-light);color:var(--color-grain-corn-text)}.badge.badge--soybeans,.badge.badge--soy{background:var(--color-grain-soybeans-light);color:var(--color-grain-soybeans-text)}.badge.badge--wheat,.badge.badge--hrw_wheat,.badge.badge--spring_wheat,.badge.badge--durum_wheat{background:var(--color-grain-wheat-light);color:var(--color-grain-wheat-text)}.badge.badge--canola{background:#faf3d1;color:#796915}.badge.badge--barley{background:#f4e6d7;color:#734d26}.badge.badge--oats{background:#f0e9db;color:#6e5b35}.badge.badge--peas,.badge.badge--yellow_peas,.badge.badge--green_peas{background:#e8f0d1;color:#576827}.badge.badge--flax{background:#d3e5ee;color:#2e576b}.badge.badge--rye{background:#eeded3;color:#6b472e}.badge.badge--lentils{background:#f0d9d1;color:#6f3b2a}.badge.badge--sunflower,.badge.badge--sunflowers{background:#faf0c6;color:#705c10}.progress-bar{height:8px;background:var(--color-stone-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-fill--corn{background:var(--color-grain-corn)}.progress-fill--soybeans{background:var(--color-grain-soybeans)}.progress-fill--wheat{background:var(--color-grain-wheat)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .2s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}@media(max-width:900px){.bin-detail-grid{grid-template-columns:1fr!important}.data-action-row{flex-direction:column!important;align-items:flex-start!important;gap:var(--space-3)!important}.data-action-row>button{width:100%}}.mobile-menu-btn{display:none!important}.desktop-nav,.desktop-only{display:flex}@media(max-width:768px){.mobile-menu-btn{display:flex!important;align-items:center;justify-content:center}.desktop-nav,.desktop-only{display:none!important}}@media(max-width:640px){.bin-card__metrics{grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--space-4);flex-direction:column;text-align:center}.stat-card__icon{margin-bottom:var(--space-2)}.stat-card__value{font-size:var(--font-size-xl)}.modal-content{margin:var(--space-4);max-width:calc(100vw - var(--space-8));max-height:calc(100vh - var(--space-8));overflow-y:auto}.header{padding:var(--space-3) var(--space-4)}.header__title{font-size:var(--font-size-base)}.header-title-group{display:block}h1{font-size:var(--font-size-2xl)!important}.form-input{padding:var(--space-4);font-size:var(--font-size-base)}.toggle-btn-group{flex-direction:column}.layout-main{padding:var(--space-4)}.bins-controls{width:100%;flex-direction:column;align-items:stretch!important}.bins-controls .form-select{width:100%}}.mobile-menu-item:hover{background:var(--color-stone-100)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:var(--space-3);max-width:400px}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast--success{border-left:3px solid var(--color-success)}.toast--error{border-left:3px solid var(--color-danger)}.toast--info{border-left:3px solid var(--color-primary)}.toast__icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);flex-shrink:0}.toast--success .toast__icon{background:var(--color-success);color:#fff}.toast--error .toast__icon{background:var(--color-danger);color:#fff}.toast--info .toast__icon{background:var(--color-primary);color:#fff}.toast__close{padding:var(--space-1);color:var(--color-text-tertiary);font-size:var(--font-size-sm);line-height:1;transition:color var(--transition-fast)}.toast__close:hover{color:var(--color-text-primary)}@media(max-width:640px){.toast-container{left:var(--space-4);right:var(--space-4);bottom:var(--space-4);max-width:none}}.toggle-btn{flex:1;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.toggle-btn:hover{border-color:var(--color-border-strong);background:var(--color-hover-bg)}.toggle-btn--active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}.toggle-btn--danger{color:var(--color-text-secondary)}.toggle-btn--danger:hover{border-color:var(--color-danger);background:var(--color-danger-light);color:var(--color-danger)}.toggle-btn--danger-active{border-color:var(--color-danger);background:var(--color-danger);color:var(--color-text-inverse)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:linear-gradient(135deg,var(--color-stone-100) 0%,var(--color-stone-200) 100%)}.auth-container{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-8)}.auth-header{text-align:center;margin-bottom:var(--space-6)}.auth-logo{font-size:3rem;margin-bottom:var(--space-2)}.auth-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.auth-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.auth-warning{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-primary)}.auth-warning code{background:#0000001a;padding:.125rem .375rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-xs)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-danger-light);border:1px solid var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-danger)}.auth-success{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-success)}.auth-field{display:flex;flex-direction:column;gap:var(--space-1)}.auth-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.auth-field label span{color:var(--color-danger)}.auth-field input{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.auth-field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #22c55e1a}.auth-field input::placeholder{color:var(--color-text-tertiary)}.auth-forgot{text-align:right;margin-top:calc(-1 * var(--space-2))}.auth-link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-primary-hover);text-decoration:underline}.auth-google-btn{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--space-4)}.auth-google-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-stone-50);transform:translateY(-2px);box-shadow:var(--shadow-md),0 4px 12px #0000001a}.auth-google-btn:active:not(:disabled){transform:translateY(0)}.auth-google-btn:disabled{opacity:.5;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-2) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-divider span{font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.auth-demo-note{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;margin-top:var(--space-2)}.auth-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-section{margin-bottom:var(--space-4)}.auth-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light)}.auth-row{display:flex;gap:var(--space-4)}.auth-row .auth-field{flex:1}@media(max-width:480px){.auth-container{padding:var(--space-6)}.auth-row{flex-direction:column;gap:var(--space-4)}}.auth-terms{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-stone-50);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.auth-terms-label{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.auth-terms-checkbox{width:18px;height:18px;margin-top:2px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.auth-terms-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.landing{min-height:100vh;background:var(--color-bg-main);overflow-x:hidden}.landing-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle)}[data-theme=dark] .landing-header{background:#171613e6}.landing-header__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.landing-header__brand{display:flex;align-items:center;gap:var(--space-2)}.landing-header__logo{font-size:1.75rem}.landing-header__title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.landing-header__nav{display:flex;gap:var(--space-6)}.landing-nav-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color var(--transition-fast);background:none;border:none;cursor:pointer}.landing-nav-link:hover{color:var(--color-primary)}.landing-header__actions{display:flex;align-items:center;gap:var(--space-3)}.landing-hero{position:relative;padding:calc(64px + var(--space-8)) 0 var(--space-8);min-height:60vh;display:flex;align-items:center;overflow:hidden}.landing-hero__bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary-subtle) 0%,var(--color-bg-main) 50%,hsl(43,40%,95%) 100%);z-index:-1}.landing-hero__bg:before{content:"";position:absolute;top:20%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,hsla(152,32%,42%,.15) 0%,transparent 70%);border-radius:50%}.landing-hero__bg:after{content:"";position:absolute;bottom:10%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,hsla(43,80%,55%,.12) 0%,transparent 70%);border-radius:50%}.landing-hero__content{max-width:720px}.landing-hero__title{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-bold);line-height:1.1;color:var(--color-text-primary);margin-bottom:var(--space-6)}.landing-hero__title--accent{color:var(--color-primary)}.landing-hero__subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);max-width:540px}.landing-hero__actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.landing-hero__actions .btn--primary:hover,.landing-header__actions .btn--primary:hover{background:var(--color-primary-dark)!important;box-shadow:var(--shadow-lg)!important;transform:translateY(-2px)}.landing-hero__actions .btn--secondary:hover{background:var(--color-bg-card)!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important}.landing-hero__note{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.landing-hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.landing-hero__mockup{display:flex;justify-content:center}.landing-mockup{width:100%;max-width:420px;background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 25px 50px -12px #00000026;overflow:hidden;border:1px solid var(--color-border)}.landing-mockup__header{display:flex;gap:6px;padding:var(--space-3) var(--space-4);background:var(--color-stone-100);border-bottom:1px solid var(--color-border-subtle)}.landing-mockup__dot{width:10px;height:10px;border-radius:50%;background:var(--color-stone-300)}.landing-mockup__dot:first-child{background:#ff5f57}.landing-mockup__dot:nth-child(2){background:#febc2e}.landing-mockup__dot:nth-child(3){background:#28c840}.landing-mockup__body{padding:var(--space-5)}.landing-mockup__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.landing-mockup__stat{text-align:center;padding:var(--space-3);background:var(--color-stone-50);border-radius:var(--radius-md)}.landing-mockup__stat-value{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.landing-mockup__stat-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.landing-mockup__bins{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.landing-mockup__bin{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.landing-mockup__bin-fill{width:100%;height:80px;background:var(--color-stone-200);border-radius:var(--radius-md);position:relative;overflow:hidden}.landing-mockup__bin-fill:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--fill, 50%);background:linear-gradient(180deg,var(--color-grain-corn) 0%,hsl(45,75%,45%) 100%);border-radius:0 0 var(--radius-md) var(--radius-md);transition:height 1s ease-out}.landing-mockup__bin span{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.landing-section-header{text-align:center;margin-bottom:var(--space-12)}.landing-section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.landing-section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:560px;margin:0 auto}.landing-features{padding:var(--space-12) 0;background:var(--color-bg-card)}.landing-features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.landing-feature-card{padding:var(--space-6);background:var(--color-bg-main);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.landing-feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.landing-feature-card__icon{font-size:2.5rem;margin-bottom:var(--space-4)}.landing-feature-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.landing-feature-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.landing-pricing{padding:var(--space-12) 0;background:var(--color-bg-main)}.landing-pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);align-items:stretch}.landing-pricing-card{position:relative;padding:var(--space-8);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-normal);display:flex;flex-direction:column}.landing-pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.landing-pricing-card--featured{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary),var(--shadow-lg);transform:scale(1.02)}.landing-pricing-card--featured:hover{transform:scale(1.02) translateY(-4px)}.landing-pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-4);background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.landing-pricing-card__header{text-align:center;margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.landing-pricing-card__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.landing-pricing-card__price{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1)}.landing-pricing-card__amount{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.landing-pricing-card__period{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.landing-pricing-card__features{list-style:none;margin-bottom:var(--space-6);flex-grow:1}.landing-pricing-card__features li{padding:var(--space-2) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.landing-cta{padding:var(--space-12) 0;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%)}.landing-cta__content{text-align:center;max-width:640px;margin:0 auto}.landing-cta__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--space-4)}.landing-cta__subtitle{font-size:var(--font-size-lg);color:#ffffffd9;margin-bottom:var(--space-8)}.landing-cta__actions{display:flex;justify-content:center;gap:var(--space-4)}.landing-cta__actions .btn{background:#fff;color:var(--color-primary)}.landing-cta__actions .btn:hover{background:#ffffffe6}.landing-cta__actions .btn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}.landing-cta__actions .btn--ghost:hover{background:#ffffff1a;border-color:#fff9}.landing-footer{padding:var(--space-8) 0;background:var(--color-bg-card);border-top:1px solid var(--color-border-subtle)}.landing-footer__inner{display:flex;align-items:center;justify-content:space-between}.landing-footer__brand{display:flex;align-items:center;gap:var(--space-2)}.landing-footer__logo{font-size:1.5rem}.landing-footer__title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.landing-footer__copy{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.landing-footer__links{display:flex;gap:var(--space-4)}.landing-footer__link{font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-fast);background:none;border:none;cursor:pointer}.landing-footer__link:hover{color:var(--color-primary)}.legal-page{min-height:100vh;background:var(--color-bg-main);display:flex;flex-direction:column}.legal-header{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-card)}.legal-back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.legal-back:hover{color:var(--color-primary)}.legal-content{flex:1;padding:var(--space-12) var(--space-4);max-width:800px}.legal-content h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.legal-updated{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-8)}.legal-section{margin-bottom:var(--space-8)}.legal-section h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-subtle)}.legal-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-top:var(--space-4);margin-bottom:var(--space-2)}.legal-section p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.legal-section ul{list-style:disc;padding-left:var(--space-6);margin-bottom:var(--space-4)}.legal-section li{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.legal-section a{color:var(--color-primary);text-decoration:none}.legal-section a:hover{text-decoration:underline}.legal-footer{padding:var(--space-6) 0;border-top:1px solid var(--color-border-subtle);background:var(--color-bg-card);text-align:center}.legal-footer p{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}@media(max-width:900px){.landing-hero__inner{grid-template-columns:1fr;gap:var(--space-8)}.landing-hero__mockup{order:-1}.landing-mockup{max-width:360px}.landing-features__grid,.landing-pricing__grid{grid-template-columns:repeat(2,1fr)}.landing-pricing-card--featured{order:-1;grid-column:span 2;max-width:400px;margin:0 auto}.landing-header__nav{display:none}.landing-header__hamburger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:none;cursor:pointer;z-index:1001}.hamburger-icon{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger-icon span{display:block;height:2px;background:var(--color-text-primary);border-radius:2px;transition:all .3s ease}.hamburger-icon--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-icon--open span:nth-child(2){opacity:0}.hamburger-icon--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.landing-header__actions{display:none}}.landing-mobile-backdrop{position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.landing-mobile-menu{position:fixed;top:64px;right:0;width:280px;max-width:85vw;height:calc(100vh - 64px);background:var(--color-bg-card);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:1000;transform:translate(100%);visibility:hidden;transition:transform .3s ease,visibility .3s ease;box-shadow:var(--shadow-lg)}.landing-mobile-menu--open{transform:translate(0);visibility:visible}.landing-mobile-menu__link{display:block;width:100%;padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease}.landing-mobile-menu__link:hover{background:var(--color-hover-bg)}.landing-mobile-menu__divider{border:none;height:1px;background:var(--color-border-subtle);margin:var(--space-2) 0}.landing-header__hamburger{display:none}@media(max-width:900px){.landing-header__hamburger{display:flex}}@media(min-width:901px){.landing-mobile-menu,.landing-mobile-backdrop{display:none!important}}@media(max-width:600px){.landing-hero{min-height:auto;padding-top:calc(64px + var(--space-8));padding-bottom:var(--space-8)}.landing-hero__title{font-size:2rem}.landing-hero__subtitle{font-size:var(--font-size-base)}.landing-hero__actions{flex-direction:column}.landing-hero__actions .btn{width:100%}.landing-hero__mockup{display:none}.landing-features__grid,.landing-pricing__grid{grid-template-columns:1fr}.landing-pricing-card--featured{grid-column:span 1;max-width:none}.landing-cta__actions{flex-direction:column}.landing-cta__actions .btn{width:100%}.landing-footer__inner{flex-direction:column;gap:var(--space-4);text-align:center}.landing-header__actions .btn--ghost{display:none}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-main);padding:var(--space-6)}.error-boundary__content{text-align:center;max-width:400px}.error-boundary__icon{font-size:4rem;margin-bottom:var(--space-4)}.error-boundary__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3);color:var(--color-text-primary)}.error-boundary__message{color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.6}.error-boundary__details{background:var(--color-stone-100);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);text-align:left;overflow-x:auto;margin-bottom:var(--space-6);color:var(--color-danger)}[data-theme=dark] .error-boundary__details{background:var(--color-stone-800)}.error-boundary__actions{display:flex;gap:var(--space-3);justify-content:center}.not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-main);padding:var(--space-6)}.not-found__content{text-align:center;max-width:400px}.not-found__icon{font-size:5rem;margin-bottom:var(--space-4);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.not-found__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);color:var(--color-text-primary)}.not-found__code{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-primary);opacity:.3;margin-bottom:var(--space-3)}.not-found__message{color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.6}.onboarding-spotlight{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--color-primary-subtle),hsl(142,50%,96%));border:2px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:0 4px 20px #16a24926}[data-theme=dark] .onboarding-spotlight{background:linear-gradient(135deg,#2673424d,#1f472e4d);border-color:var(--color-primary)}.onboarding-spotlight__icon{font-size:2.5rem;flex-shrink:0}.onboarding-spotlight__content{flex:1;min-width:0}.onboarding-spotlight__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.onboarding-spotlight__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.onboarding-spotlight__actions{display:flex;gap:var(--space-2);flex-shrink:0}@media(max-width:600px){.onboarding-spotlight{flex-direction:column;align-items:flex-start;text-align:left}.onboarding-spotlight__actions{width:100%;flex-direction:column}.onboarding-spotlight__actions .btn{width:100%}}.skeleton{background:linear-gradient(90deg,var(--color-stone-200) 25%,var(--color-stone-100) 50%,var(--color-stone-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{border-radius:var(--radius-sm)}.skeleton--rounded{border-radius:var(--radius-md)}.skeleton--circle{border-radius:50%}[data-theme=dark] .skeleton{background:linear-gradient(90deg,var(--color-stone-700) 25%,var(--color-stone-600) 50%,var(--color-stone-700) 75%);background-size:200% 100%}.bin-card-skeleton{padding:var(--space-4)}.bin-card-skeleton__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.bin-card-skeleton__title{display:flex;justify-content:space-between;align-items:flex-start}.bin-card-skeleton__metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);padding:var(--space-4);background:var(--color-stone-50);border-radius:var(--radius-md);margin-top:var(--space-4)}[data-theme=dark] .bin-card-skeleton__metrics{background:var(--color-stone-800)}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:44px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;font-size:1.1rem;opacity:.6;transition:opacity var(--transition-fast)}.password-toggle:hover{opacity:1}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:9999;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:280px;max-width:400px;pointer-events:auto;animation:toast-slide-in .3s ease}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast--success{border-left:4px solid var(--color-success)}.toast--error{border-left:4px solid var(--color-danger)}.toast--info{border-left:4px solid var(--color-info)}.toast__icon{font-size:var(--font-size-lg);flex-shrink:0}.toast--success .toast__icon{color:var(--color-success)}.toast--error .toast__icon{color:var(--color-danger)}.toast--info .toast__icon{color:var(--color-info)}.toast__message{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary)}.toast__close{background:transparent;border:none;cursor:pointer;padding:var(--space-1);color:var(--color-text-tertiary);font-size:var(--font-size-sm);line-height:1;opacity:.6;transition:opacity var(--transition-fast)}.toast__close:hover{opacity:1}@media(max-width:600px){.toast-container{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}.toast{min-width:auto;max-width:none}}.btn--harvest{background:#f97415!important;color:#fff!important;border:none!important;font-weight:var(--font-weight-semibold);box-shadow:0 4px 14px #f9741559}.btn--harvest:hover:not(:disabled){background:#e06106!important;box-shadow:0 6px 20px #f9741573!important;transform:translateY(-2px)}.btn--ghost-light{background:transparent!important;color:#fff!important;border:2px solid rgba(255,255,255,.5)!important}.btn--ghost-light:hover:not(:disabled){background:#ffffff26!important;border-color:#fffc!important}.landing-hero--farmer{min-height:85vh;position:relative}.landing-hero__bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:0}.landing-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,#000000a6,#00000059 45%,#0000001a);z-index:0}.landing-hero--farmer .landing-hero__inner{position:relative;z-index:1;grid-template-columns:1fr;max-width:720px}.landing-hero__title--light{color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.4)}.landing-hero__title--accent-light{color:#ffd966}.landing-hero__subtitle--light{color:#ffffffe6;text-shadow:0 1px 10px rgba(0,0,0,.3)}.landing-hero__trust{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.landing-hero__trust-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fffffff2}.landing-hero__trust-icon{width:18px;height:18px;color:#3cdd77}.landing-hero__trust-separator{color:#fff6}.landing-field-features{padding:var(--space-12) 0;background:var(--color-bg-card)}.landing-field-features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.landing-field-card{padding:var(--space-8);background:var(--color-bg-main);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-normal)}.landing-field-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.landing-field-card__icon{width:64px;height:64px;margin:0 auto var(--space-5);padding:var(--space-4);background:var(--color-primary-subtle);border-radius:var(--radius-lg);color:var(--color-primary)}.landing-field-card__icon svg{width:100%;height:100%}.landing-field-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.landing-field-card__desc{font-size:var(--font-size-base);color:#333;line-height:var(--leading-relaxed)}.landing-app-preview{padding:var(--space-12) 0;background:var(--color-bg-main)}.landing-app-preview__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:center}.landing-app-preview__phone{display:flex;justify-content:center}.landing-app-preview__screenshot{max-width:500px;width:100%;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:2px solid var(--color-border)}.landing-app-preview__features{display:flex;flex-direction:column;gap:var(--space-6)}.landing-app-preview__feature{display:flex;align-items:flex-start;gap:var(--space-4)}.landing-app-preview__feature-icon{font-size:2rem;flex-shrink:0}.landing-app-preview__feature h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.landing-app-preview__feature p{font-size:var(--font-size-base);color:#333;margin:0;line-height:var(--leading-relaxed)}@media(max-width:900px){.landing-app-preview__content{grid-template-columns:1fr;text-align:center}.landing-app-preview__features{align-items:center}.landing-app-preview__feature{flex-direction:column;align-items:center;text-align:center}}.landing-calculator{padding:var(--space-12) 0;background:linear-gradient(135deg,var(--color-stone-100) 0%,var(--color-primary-subtle) 100%)}[data-theme=dark] .landing-calculator{background:linear-gradient(135deg,var(--color-stone-800) 0%,hsl(152,30%,15%) 100%)}.landing-calculator__content{max-width:800px;margin:0 auto}.landing-calculator__header{text-align:center;margin-bottom:var(--space-8)}.landing-calculator__widget{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-8);box-shadow:var(--shadow-lg)}.landing-calculator__inputs{display:flex;flex-direction:column;gap:var(--space-6)}.landing-calculator__input-group{display:flex;flex-direction:column;gap:var(--space-2)}.landing-calculator__label{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.landing-calculator__value{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.landing-calculator__slider{width:100%;height:8px;background:var(--color-stone-200);border-radius:var(--radius-full);appearance:none;cursor:pointer}.landing-calculator__slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;background:var(--color-primary);border-radius:50%;cursor:grab;box-shadow:0 2px 8px #0003;transition:transform var(--transition-fast)}.landing-calculator__slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.landing-calculator__slider::-moz-range-thumb{width:24px;height:24px;background:var(--color-primary);border-radius:50%;cursor:grab;border:none;box-shadow:0 2px 8px #0003}[data-theme=dark] .landing-calculator__slider{background:var(--color-stone-600)}.landing-calculator__range-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.landing-calculator__price-input{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-main);border:1px solid var(--color-border);border-radius:var(--radius-md)}.landing-calculator__currency{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary)}.landing-calculator__number-input{width:80px;border:none;background:transparent;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:inherit}.landing-calculator__number-input:focus{outline:none}.landing-calculator__result{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-6);background:linear-gradient(135deg,var(--color-primary-subtle) 0%,hsl(152,40%,92%) 100%);border-radius:var(--radius-lg)}[data-theme=dark] .landing-calculator__result{background:linear-gradient(135deg,#203c2f,#2a4639)}.landing-calculator__loss-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.landing-calculator__loss-value{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:var(--font-weight-bold);color:#d22d2d;line-height:1.1;margin-bottom:var(--space-3)}.landing-calculator__cta-text{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.landing-calculator__cta-text strong{color:var(--color-primary)}.landing-trusted{padding:var(--space-8) 0;background:var(--color-bg-main);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.landing-trusted__content{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.landing-trusted__icon{font-size:2rem}.landing-trusted__text{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.landing-trusted__text strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.landing-footer__disclaimer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center}@media(max-width:900px){.landing-field-features__grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.landing-calculator__widget{grid-template-columns:1fr}.landing-hero--farmer .landing-hero__inner{text-align:center}.landing-hero__trust,.landing-hero__actions{justify-content:center}}@media(max-width:600px){.landing-hero--farmer{min-height:70vh}.landing-hero__bg--image{background-position:center center}.landing-hero__overlay{background:linear-gradient(180deg,#000000b3,#00000080)}.landing-hero__trust{flex-direction:column;gap:var(--space-2)}.landing-hero__trust-separator{display:none}.landing-calculator__widget{padding:var(--space-5)}.landing-trusted__content{flex-direction:column;text-align:center}}