:root{--color-slate-50:#fff7ed;--color-slate-100:#fef3e2;--color-slate-200:#fde8c8;--color-slate-300:#e8d5b8;--color-slate-400:#b8a08a;--color-slate-500:#8a7560;--color-slate-600:#6b5a48;--color-slate-700:#4a3d30;--color-slate-800:#2d2520;--color-slate-900:#1e3a2f;--color-primary-50:#f0fdf4;--color-primary-100:#dcfce7;--color-primary-200:#a7f3d0;--color-primary-300:#6ee7b7;--color-primary-400:#3fb950;--color-primary-500:#2da044;--color-primary-600:#238636;--color-primary-700:#1e6b2e;--color-primary-800:#1e3a2f;--color-primary-900:#14532d;--color-secondary-50:#fffbeb;--color-secondary-100:#fef3c7;--color-secondary-200:#fde68a;--color-secondary-300:#fcd34d;--color-secondary-400:#fbbf24;--color-secondary-500:#f59e0b;--color-secondary-600:#d97706;--color-secondary-700:#b45309;--color-secondary-800:#92400e;--color-secondary-900:#78350f;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-200:#a7f3d0;--color-success-300:#6ee7b7;--color-success-400:#34d399;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-success-800:#065f46;--color-success-900:#064e3b;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-warning-900:#78350f;--color-error-50:#fff1f2;--color-error-100:#ffe4e6;--color-error-200:#fecdd3;--color-error-300:#fda4af;--color-error-400:#fb7185;--color-error-500:#f43f5e;--color-error-600:#e11d48;--color-error-700:#be123c;--color-error-800:#9f1239;--color-error-900:#881337;--color-danger-50:var(--color-error-50);--color-danger-100:var(--color-error-100);--color-danger-200:var(--color-error-200);--color-danger-300:var(--color-error-300);--color-danger-400:var(--color-error-400);--color-danger-500:var(--color-error-500);--color-danger-600:var(--color-error-600);--color-danger-700:var(--color-error-700);--color-danger-800:var(--color-error-800);--color-danger-900:var(--color-error-900);--color-info-50:#f0f9ff;--color-info-100:#e0f2fe;--color-info-200:#bae6fd;--color-info-300:#7dd3fc;--color-info-400:#38bdf8;--color-info-500:#0ea5e9;--color-info-600:#0284c7;--color-info-700:#0369a1;--color-background:var(--color-slate-50);--color-surface:#fff;--color-surface-elevated:#fff;--color-surface-hover:var(--color-slate-100);--color-border:var(--color-slate-200);--color-border-light:var(--color-slate-100);--card-border-main:var(--color-slate-300);--card-border-highlight:#fff;--card-border-shadow:var(--color-slate-400);--card-shadow-color:var(--color-slate-300);--color-text-primary:var(--color-slate-900);--color-text-secondary:var(--color-slate-600);--color-text-muted:var(--color-slate-500);--color-text-inverse:#fff;--status-normal:var(--color-success-500);--status-normal-bg:var(--color-success-50);--status-normal-border:var(--color-success-300);--status-normal-text:var(--color-success-700);--status-active:var(--color-info-500);--status-active-bg:var(--color-info-50);--status-active-border:var(--color-info-300);--status-active-text:var(--color-info-700);--status-attention:var(--color-warning-500);--status-attention-bg:var(--color-warning-50);--status-attention-border:var(--color-warning-300);--status-attention-text:var(--color-warning-700);--status-alert:var(--color-error-500);--status-alert-bg:var(--color-error-50);--status-alert-border:var(--color-error-300);--status-alert-text:var(--color-error-700);--status-inactive:var(--color-slate-400);--status-inactive-bg:var(--color-slate-50);--status-inactive-border:var(--color-slate-200);--status-inactive-text:var(--color-slate-600);--status-draft:#f97316;--status-draft-bg:#fff7ed;--status-draft-border:#fed7aa;--status-draft-text:#c2410c;--status-archived:#8b5cf6;--status-archived-bg:#f5f3ff;--status-archived-border:#ddd6fe;--status-archived-text:#6d28d9;--color-pixel-gold:#f59e0b;--color-pixel-cyan:#22c55e;--color-pixel-magenta:#d040d0;--color-pixel-green:#3fb950;--color-pixel-red:#e04040;--color-pixel-blue:#84cc16;--color-pixel-dark:#1e3a2f;--color-pixel-border:var(--color-slate-700);--pixel-border-width:3px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-pixel:"Chonky Pixels","Press Start 2P",cursive;--font-family-pixel-display:"Pixel Impact","Press Start 2P",cursive;--font-family-mono:"SF Mono","Fira Code","Monaco","Consolas",monospace;--font-size-xs:0.75rem;--font-size-sm:0.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;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000a;--shadow-sm:0 1px 3px 0 #00000014,0 1px 2px -1px #0000000f;--shadow-md:0 4px 8px -2px #00000014,0 2px 4px -2px #0000000a;--shadow-lg:0 12px 24px -4px #0000001a,0 4px 8px -4px #0000000f;--shadow-xl:0 24px 48px -8px #0000001f,0 8px 16px -6px #0000000f;--shadow-focus:0 0 0 4px #3fb9503d;--transition-fast:150ms cubic-bezier(0.2,0,0,1);--transition-normal:250ms cubic-bezier(0.2,0,0,1);--transition-slow:350ms cubic-bezier(0.2,0,0,1);--transition-spring:500ms cubic-bezier(0.175,0.885,0.32,1.1);--min-tap-target:44px;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-tooltip:500;--z-toast:600;--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px;--max-content-width:1400px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--sidebar-bg:#1e3a2f;--sidebar-border:#475569;--sidebar-divider:#334155;--sidebar-text:#cbd5e1;--sidebar-text-muted:#b0bec5;--sidebar-text-hover:#f1f5f9;--sidebar-accent:#f0c040;--sidebar-accent-bg:#f0c0401a;--sidebar-accent-border:#f0c0404d;--sidebar-hover-bg:#f0c0400f;--sidebar-accent-sub-bg:#f0c04014;--sidebar-plan-bg:#f0c04026;--sidebar-plan-border:#f0c04059}html{-webkit-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff7ed;background-color:var(--color-background);color:#1e3a2f;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal)}:focus-visible{box-shadow:0 0 0 4px #3fb9503d;box-shadow:var(--shadow-focus);outline:3px solid #2da044;outline:3px solid var(--color-primary-500);outline-offset:2px}.skip-to-main{background:#238636;background:var(--color-primary-600);border:2px solid #3fb950;border:2px solid var(--color-primary-400);color:#fff;color:var(--color-text-inverse);font-family:Chonky Pixels,Press Start\ 2P,cursive;font-family:var(--font-family-pixel);font-size:12px;left:1rem;left:var(--space-4);letter-spacing:.3px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);position:absolute;text-decoration:none;text-transform:uppercase;top:-100%;transition:top .15s cubic-bezier(.2,0,0,1);transition:top var(--transition-fast);z-index:9999}.skip-to-main:focus{top:1rem;top:var(--space-4)}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}.landing-page .chat-chips-row,.landing-page .chat-row{animation-duration:.01ms!important;opacity:1!important}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#e8d5b8;background:var(--color-slate-300)}::-webkit-scrollbar-thumb:hover{background:#b8a08a;background:var(--color-slate-400)}.text-primary{color:#1e3a2f;color:var(--color-text-primary)}.text-secondary{color:#6b5a48;color:var(--color-text-secondary)}.text-muted{color:#8a7560;color:var(--color-text-muted)}.text-success{color:#059669;color:var(--color-success-600)}.text-warning{color:#d97706;color:var(--color-warning-600)}.text-error{color:#e11d48;color:var(--color-error-600)}.text-info{color:#0284c7;color:var(--color-info-600)}.bg-surface{background-color:#fff;background-color:var(--color-surface)}.bg-background{background-color:#fff7ed;background-color:var(--color-background)}.bg-success{background-color:#10b981;background-color:var(--color-success-500)}.bg-warning{background-color:#f59e0b;background-color:var(--color-warning-500)}.bg-error{background-color:#f43f5e;background-color:var(--color-error-500)}.bg-info{background-color:#0ea5e9;background-color:var(--color-info-500)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.gap-1{gap:.25rem;gap:var(--space-1)}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:1.5rem;gap:var(--space-6)}.gap-8{gap:2rem;gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.p-0{padding:0;padding:var(--space-0)}.p-2{padding:.5rem;padding:var(--space-2)}.p-3{padding:.75rem;padding:var(--space-3)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.px-4{padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4)}.py-2{padding-bottom:.5rem;padding-bottom:var(--space-2);padding-top:.5rem;padding-top:var(--space-2)}.py-4{padding-bottom:1rem;padding-bottom:var(--space-4);padding-top:1rem;padding-top:var(--space-4)}.m-0{margin:0;margin:var(--space-0)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.rounded{border-radius:.375rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.5rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:.75rem;border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 1px 3px 0 #00000014,0 1px 2px -1px #0000000f;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 8px -2px #00000014,0 2px 4px -2px #0000000a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 12px 24px -4px #0000001a,0 4px 8px -4px #0000000f;box-shadow:var(--shadow-lg)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.text-center{text-align:center}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.hidden{display:none}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.transition{transition:all .25s cubic-bezier(.2,0,0,1);transition:all var(--transition-normal)}.transition-fast{transition:all .15s cubic-bezier(.2,0,0,1);transition:all var(--transition-fast)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}@media (min-width:640px){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:px-6{padding-left:1.5rem;padding-left:var(--space-6);padding-right:1.5rem;padding-right:var(--space-6)}}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:px-8{padding-left:2rem;padding-left:var(--space-8);padding-right:2rem;padding-right:var(--space-8)}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.page-container{margin:0 auto;max-width:1400px;max-width:var(--max-content-width);padding:1.5rem 2rem;padding:var(--space-6) var(--space-8)}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-8)}.page-header button{min-height:44px;min-height:var(--min-tap-target);min-width:fit-content;white-space:nowrap}.page-title{color:#1e3a2f;color:var(--color-text-primary);font-family:Pixel Impact,Press Start\ 2P,cursive;font-family:var(--font-family-pixel-display);font-size:22px;font-weight:400;letter-spacing:.5px;line-height:1.5;margin:0 0 .25rem;margin:0 0 var(--space-1) 0}.page-subtitle{color:#6b5a48;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);margin:.25rem 0 0;margin:var(--space-1) 0 0 0}.table-container{border:1px solid #fde8c8;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-lg);margin:1rem 0;margin:var(--space-4) 0;max-height:65vh;overflow-x:auto;overflow-y:auto}.data-table{background-color:#fff;background-color:var(--color-surface);border-collapse:collapse;width:100%}.data-table th{background-color:#1e3a2f;background-color:var(--color-primary-800);border-bottom:2px solid #1e6b2e;border-bottom:2px solid var(--color-primary-700);color:#6ee7b7;color:var(--color-primary-300);font-family:Chonky Pixels,Press Start\ 2P,cursive;font-family:var(--font-family-pixel);font-size:11px;font-weight:400;letter-spacing:.3px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.data-table td,.data-table th{padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.data-table td{border-bottom:1px solid #fef3e2;border-bottom:1px solid var(--color-border-light);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.5;line-height:var(--line-height-normal)}.data-table tr:last-child td{border-bottom:none}.data-table tr{transition:background-color .15s cubic-bezier(.2,0,0,1);transition:background-color var(--transition-fast)}.data-table tr:hover{background-color:#fef3e2;background-color:var(--color-surface-hover)}.task-cards-mobile{display:none}.task-card-mobile{background:#fff;background:var(--color-surface);border:1px solid #fde8c8;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4)}.task-card-mobile,.task-card-mobile-header{margin-bottom:.75rem;margin-bottom:var(--space-3)}.task-card-mobile-header{align-items:flex-start;display:flex;gap:.75rem;gap:var(--space-3);justify-content:space-between}.task-card-mobile-title{color:#1e3a2f;color:var(--color-text-primary);flex:1 1;font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold)}.task-card-mobile-badges{gap:.5rem;gap:var(--space-2)}.task-card-mobile-badges,.task-card-mobile-meta{display:flex;flex-wrap:wrap;margin-bottom:.75rem;margin-bottom:var(--space-3)}.task-card-mobile-meta{color:#6b5a48;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);gap:.75rem;gap:var(--space-3)}.task-card-mobile-meta-item{align-items:center;display:flex;gap:.25rem;gap:var(--space-1)}.task-card-mobile-actions{border-top:1px solid #fef3e2;border-top:1px solid var(--color-border-light);display:flex;gap:.5rem;gap:var(--space-2);padding-top:.75rem;padding-top:var(--space-3)}.desktop-only{display:block!important}.mobile-cards,.mobile-only{display:none!important}.mobile-card{background:#fff;background:var(--color-surface);border:1px solid #fde8c8;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4)}.mobile-card,.mobile-card-header{margin-bottom:.75rem;margin-bottom:var(--space-3)}.mobile-card-header{align-items:flex-start;display:flex;gap:.5rem;gap:var(--space-2);justify-content:space-between}.mobile-card-title{color:#1e3a2f;color:var(--color-text-primary);font-family:Chonky Pixels,Press Start\ 2P,cursive;font-family:var(--font-family-pixel);font-size:12px;font-weight:400;letter-spacing:.3px}.mobile-card-row{border-bottom:1px solid #fef3e2;border-bottom:1px solid var(--color-border-light);display:flex;font-size:.875rem;font-size:var(--font-size-sm);justify-content:space-between;padding:.5rem 0;padding:var(--space-2) 0}.mobile-card-row:last-of-type{border-bottom:none}.mobile-card-label{color:#8a7560;color:var(--color-text-muted)}.mobile-card-value{color:#1e3a2f;color:var(--color-text-primary);font-weight:500;font-weight:var(--font-weight-medium)}.mobile-card-actions{border-top:1px solid #fef3e2;border-top:1px solid var(--color-border-light);display:flex;gap:.5rem;gap:var(--space-2);margin-top:.75rem;margin-top:var(--space-3);padding-top:.75rem;padding-top:var(--space-3)}.mobile-card-actions button{flex:1 1}@media (max-width:768px){.table-container.desktop-table{display:none}.task-cards-mobile{display:block}.task-card-mobile-actions{flex-wrap:wrap}.task-card-mobile-actions button{flex:1 1;min-width:100px}.page-container{padding:1rem;padding:var(--space-4)}.page-header{align-items:flex-start;flex-direction:column;gap:.75rem;gap:var(--space-3);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.page-header>div:last-child{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);width:100%}.page-header>div:last-child button{flex:1 1;min-width:120px}.card-grid{grid-template-columns:1fr!important}.fermenter-card,.staff-card{padding:.75rem;padding:var(--space-3)}.fermenter-card-header,.staff-card-header{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--space-2)}.fermenter-card-stats,.staff-card-stats{gap:.5rem;gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.fermenter-card-actions,.staff-card-actions{flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.fermenter-card-actions button,.staff-card-actions button{flex:1 1;font-size:.75rem;font-size:var(--font-size-xs);min-width:80px;padding:.5rem;padding:var(--space-2)}.data-table,.table-container{display:none!important}.mobile-cards{display:block!important}.mini-stat-grid{gap:.5rem!important;gap:var(--space-2)!important;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))!important}.mini-stat-card{padding:.5rem!important;padding:var(--space-2)!important}.mini-stat-card-label{font-size:12px!important;letter-spacing:0!important}.mini-stat-card-value{font-size:1rem!important;font-size:var(--font-size-base)!important}.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-card{background:#fff;background:var(--color-surface);border:1px solid #fde8c8;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4)}.mobile-card,.mobile-card-header{margin-bottom:.75rem;margin-bottom:var(--space-3)}.mobile-card-header{align-items:flex-start;display:flex;gap:.5rem;gap:var(--space-2);justify-content:space-between}.mobile-card-title{color:#1e3a2f;color:var(--color-text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold)}.mobile-card-row{border-bottom:1px solid #fef3e2;border-bottom:1px solid var(--color-border-light);display:flex;font-size:.875rem;font-size:var(--font-size-sm);justify-content:space-between;padding:.5rem 0;padding:var(--space-2) 0}.mobile-card-row:last-child{border-bottom:none}.mobile-card-label{color:#8a7560;color:var(--color-text-muted)}.mobile-card-value{color:#1e3a2f;color:var(--color-text-primary);font-weight:500;font-weight:var(--font-weight-medium)}.mobile-card-actions{border-top:1px solid #fef3e2;border-top:1px solid var(--color-border-light);display:flex;gap:.5rem;gap:var(--space-2);margin-top:.75rem;margin-top:var(--space-3);padding-top:.75rem;padding-top:var(--space-3)}.mobile-card-actions button{flex:1 1}.modal-content{margin:.5rem;margin:var(--space-2);max-height:calc(100vh - 1rem);max-height:calc(100vh - var(--space-4));max-width:none;width:calc(100vw - 1rem);width:calc(100vw - var(--space-4))}.modal-body{max-height:calc(100vh - 200px);overflow-y:auto}.form-grid{grid-template-columns:1fr!important}.tabs-container{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tabs-list{min-width:max-content}.btn,[role=button],a,button,select{min-height:44px;min-height:var(--min-tap-target)}.schedule-grid{display:block}.schedule-day{background:#fff;background:var(--color-surface);border:1px solid #fde8c8;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-lg);margin-bottom:.75rem;margin-bottom:var(--space-3);padding:.75rem;padding:var(--space-3)}.schedule-day-header{border-bottom:1px solid #fef3e2;border-bottom:1px solid var(--color-border-light);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.5rem;margin-bottom:var(--space-2);padding-bottom:.5rem;padding-bottom:var(--space-2)}.mini-stat-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.page-title{font-size:18px}.page-subtitle{font-size:.875rem;font-size:var(--font-size-sm)}.mini-stat-grid{grid-template-columns:1fr!important}.fermenter-card-stats,.staff-card-stats{grid-template-columns:1fr}}.ai-insights-header{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4)}.ai-insights-stats{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(4,1fr)}.sales-header-actions{gap:.75rem}.quickbooks-card-content{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);justify-content:space-between}.invoice-create-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:1fr 350px}.invoice-matrix-section{min-height:400px}.invoice-selected-panel{background-color:#fff7ed;background-color:var(--color-slate-50);border-radius:.375rem;border-radius:var(--radius-md);height:fit-content;padding:1rem;padding:var(--space-4);position:sticky;top:1rem;top:var(--space-4)}.invoice-review-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:1fr 1fr}.receiving-item-grid{grid-gap:.5rem;grid-gap:var(--space-2);display:grid;gap:.5rem;gap:var(--space-2);grid-template-columns:140px 110px 1fr 110px 100px 130px}.receive-order-actions,.receive-order-bottom-actions{display:flex;gap:.75rem;gap:var(--space-3)}.receive-order-bottom-actions{justify-content:flex-end}@media (max-width:768px){.ai-insights-stats{gap:.75rem;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.ai-insights-header h3{font-size:1rem;font-size:var(--font-size-base)}.sales-header-actions{gap:.5rem;gap:var(--space-2);width:100%}.sales-header-actions button{flex:1 1}.quickbooks-card-content{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--space-2)}.invoice-create-grid{gap:1rem;gap:var(--space-4);grid-template-columns:1fr}.invoice-matrix-section{min-height:auto;order:1}.invoice-selected-panel{margin-top:.5rem;margin-top:var(--space-2);order:2;position:relative;top:0}.invoice-review-grid{gap:1rem;gap:var(--space-4);grid-template-columns:1fr}.receiving-item-grid{gap:.75rem;gap:var(--space-3);grid-template-columns:1fr 1fr}.receiving-item-grid>:nth-child(3){grid-column:1/-1}.receive-order-actions{flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.receive-order-actions button{flex:1 1;min-width:90px}.receive-order-bottom-actions{flex-direction:column;gap:.5rem;gap:var(--space-2)}.receive-order-bottom-actions button{width:100%}}@media (max-width:480px){.receiving-item-grid{gap:.75rem;gap:var(--space-3);grid-template-columns:1fr}.receiving-item-grid>*{grid-column:1}.receive-order-actions button{font-size:.875rem;font-size:var(--font-size-sm);min-width:70px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}}.order-row-clickable:hover{background-color:#f0fdf4!important;background-color:var(--color-primary-50)!important}.mobile-card-clickable{cursor:pointer;transition:all .25s cubic-bezier(.2,0,0,1);transition:all var(--transition-normal)}.mobile-card-clickable:hover{border-color:#3fb950;border-color:var(--color-primary-400);box-shadow:0 4px 8px -2px #00000014,0 2px 4px -2px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.mobile-card-clickable:active{box-shadow:0 1px 3px 0 #00000014,0 1px 2px -1px #0000000f;box-shadow:var(--shadow-sm);transform:scale(.98)}.order-detail-modal{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.order-status-banner{background:#fff7ed;background:var(--color-slate-50);border-radius:.5rem;border-radius:var(--radius-lg);gap:1rem;gap:var(--space-4);justify-content:space-between;padding:1rem;padding:var(--space-4)}.order-status-banner,.order-status-info{align-items:center;display:flex;flex-wrap:wrap}.order-status-info{gap:.75rem;gap:var(--space-3)}.order-customer-name{color:#1e3a2f;color:var(--color-text-primary);font-weight:600;font-weight:var(--font-weight-semibold)}.order-status-actions{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.order-detail-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:300px 1fr}.order-detail-section{background:#fff;background:var(--color-surface);border:1px solid #fde8c8;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4)}.order-detail-section h4{color:#1e3a2f;color:var(--color-text-primary);font-size:1rem;font-size:var(--font-size-base);margin:0 0 .75rem;margin:0 0 var(--space-3) 0}.order-detail-form{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.order-items-section{min-height:300px}.order-items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--space-3)}.order-items-header h4{margin:0}.add-items-panel{background:#fff7ed;margin-bottom:.75rem;margin-bottom:var(--space-3);max-height:400px;overflow-y:auto}.add-items-panel,.add-items-summary{border-radius:.375rem;padding:.75rem;padding:var(--space-3)}.add-items-summary{align-items:center;background:#ecfdf5;background:var(--color-success-50);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-top:.75rem;margin-top:var(--space-3)}.order-items-list{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.order-item-row{align-items:center;background:#fff7ed;background:var(--color-slate-50);border-radius:.375rem;border-radius:var(--radius-md);display:flex;gap:.75rem;gap:var(--space-3);justify-content:space-between;padding:.75rem;padding:var(--space-3)}.order-item-info{flex:1 1;min-width:0}.order-item-name{font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.25rem;margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-item-details{color:#8a7560;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--space-2)}.order-item-total{align-items:center;display:flex;font-weight:600;font-weight:var(--font-weight-semibold);white-space:nowrap}.order-items-total{border-top:2px solid #fde8c8;border-top:2px solid var(--color-border);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold);margin-top:.5rem;margin-top:var(--space-2);padding:.75rem;padding:var(--space-3)}.order-convert-section,.order-items-total{display:flex;justify-content:space-between}.order-convert-section{align-items:center;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);background:linear-gradient(135deg,var(--color-success-50),var(--color-primary-50));border:2px solid #6ee7b7;border:2px solid var(--color-success-300);border-radius:.5rem;border-radius:var(--radius-lg);gap:1rem;gap:var(--space-4);padding:1rem;padding:var(--space-4)}.order-convert-info h4{color:#047857;color:var(--color-success-700);margin:0 0 .25rem;margin:0 0 var(--space-1) 0}.order-convert-info p{color:#6b5a48;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);margin:0}.order-completed-notice{align-items:center;background:#ecfdf5;background:var(--color-success-50);border-radius:.5rem;border-radius:var(--radius-lg);color:#047857;color:var(--color-success-700);display:flex;gap:.75rem;gap:var(--space-3);padding:1rem;padding:var(--space-4)}@media (max-width:768px){.order-status-banner{align-items:flex-start;flex-direction:column}.order-status-actions{width:100%}.order-status-actions button{flex:1 1}.order-detail-grid{grid-template-columns:1fr}.order-items-section{min-height:auto}.order-item-row{align-items:flex-start;flex-direction:column}.order-item-total{border-top:1px solid #fef3e2;border-top:1px solid var(--color-border-light);justify-content:space-between;margin-top:.5rem;margin-top:var(--space-2);padding-top:.5rem;padding-top:var(--space-2);width:100%}.order-convert-section{flex-direction:column;text-align:center}.order-convert-section button{width:100%}.add-items-panel{max-height:300px}}h1,h2{font-family:Pixel Impact,Press Start\ 2P,cursive!important;font-family:var(--font-family-pixel-display)!important}h1,h2,h3{font-weight:400!important;letter-spacing:.5px;line-height:1.5}h3{font-family:Chonky Pixels,Press Start\ 2P,cursive!important;font-family:var(--font-family-pixel)!important}h1{font-size:22px!important;margin-bottom:1rem;margin-bottom:var(--space-4)}h2{font-size:17px!important;margin-bottom:.75rem;margin-bottom:var(--space-3)}h3{font-size:14px!important;margin-bottom:.5rem;margin-bottom:var(--space-2)}.card-title,.pixel-font{font-family:Chonky Pixels,Press Start\ 2P,cursive;font-family:var(--font-family-pixel);letter-spacing:.5px}.card-title{font-size:14px;font-weight:400}b,strong{font-family:Chonky Pixels,Press Start\ 2P,cursive;font-family:var(--font-family-pixel);font-size:12px;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.3px;text-transform:uppercase}:not(input[type=checkbox]):not(input[type=radio]){border-radius:2px!important}.pixel-border{border:none;box-shadow:inset -3px -3px 0 0 #e8d5b8,inset 3px 3px 0 0 #fef3e2,0 0 0 3px #b8a08a;box-shadow:inset -3px -3px 0 0 var(--color-slate-300),inset 3px 3px 0 0 var(--color-slate-100),0 0 0 3px var(--color-slate-400)}.pixel-border-primary{border:none;box-shadow:inset -3px -3px 0 0 #1e6b2e,inset 3px 3px 0 0 #3fb950,0 0 0 3px #238636;box-shadow:inset -3px -3px 0 0 var(--color-primary-700),inset 3px 3px 0 0 var(--color-primary-400),0 0 0 3px var(--color-primary-600)}@keyframes pixel-load{0%{width:0}to{width:100%}}@keyframes pixel-blink{0%,to{opacity:1}50%{opacity:0}}.mini-stat-card-label{font-family:Chonky Pixels,Press Start\ 2P,cursive;font-family:var(--font-family-pixel);font-size:11px!important}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#fef3e2;background:var(--color-slate-100)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border:2px solid #fde8c8;border:2px solid var(--color-slate-200);border-radius:0}::-webkit-scrollbar-thumb{background:#b8a08a;background:var(--color-slate-400)}::-webkit-scrollbar-thumb:hover{background:#8a7560;background:var(--color-slate-500)}::selection{background-color:#22c55e;background-color:var(--color-pixel-cyan);color:#1e3a2f;color:var(--color-pixel-dark)}.pressable{transition:transform .15s cubic-bezier(.2,0,0,1),box-shadow .15s cubic-bezier(.2,0,0,1);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.pressable:active{transform:scale(.97)}.hoverable-surface{transition:box-shadow .25s cubic-bezier(.2,0,0,1),transform .25s cubic-bezier(.2,0,0,1);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.hoverable-surface:hover{box-shadow:0 4px 8px -2px #00000014,0 2px 4px -2px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.nav-active-indicator{position:relative}.nav-active-indicator:after{background-color:#2da044;background-color:var(--color-primary-500);bottom:0;content:"";height:2px;left:.75rem;left:var(--space-3);position:absolute;right:.75rem;right:var(--space-3);transition:opacity .15s cubic-bezier(.2,0,0,1);transition:opacity var(--transition-fast)}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:.3}}.skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#fef3e2,#fde8c8 50%,#fef3e2);background:linear-gradient(90deg,var(--color-slate-100) 0,var(--color-slate-200) 50%,var(--color-slate-100) 100%);background-size:200% 100%}.content-section{margin-bottom:2rem;margin-bottom:var(--space-8)}.content-section:last-child{margin-bottom:0}.section-header{border-bottom:1px solid #fef3e2;border-bottom:1px solid var(--color-border-light);margin-bottom:1rem;margin-bottom:var(--space-4);padding-bottom:.75rem;padding-bottom:var(--space-3)}@media print{.no-print{display:none!important}body{background:#fff}.data-table,.desktop-only,.table-container,.table-container.desktop-table{display:revert!important}.mobile-cards,.mobile-only{display:none!important}}[data-theme=dark]{--color-background:#0b0f0c;--color-surface:#131a14;--color-surface-elevated:#1c261e;--color-surface-hover:#253028;--color-border:#2d3a30;--color-border-light:#1f2937;--color-slate-50:#e5e7eb;--color-slate-100:#d1d5db;--color-slate-200:#9ca3af;--color-slate-300:#6b7280;--color-slate-400:#4b5563;--color-slate-500:#374151;--color-slate-600:#2d3a30;--color-slate-700:#1f2937;--color-slate-800:#151d17;--color-slate-900:#0b0f0c;--card-border-main:var(--color-slate-700);--card-border-highlight:var(--color-slate-600);--card-border-shadow:var(--color-slate-800);--card-shadow-color:var(--color-slate-700);--color-text-primary:#e5e7eb;--color-text-secondary:#d1d5db;--color-text-muted:#9ca3af;--color-text-inverse:#0b0f0c;--color-error-50:#f43f5e1a;--color-error-100:#f43f5e29;--color-error-200:#f43f5e3d;--color-error-300:#fb7185;--color-error-400:#f87171;--color-error-600:#ef4444;--color-warning-50:#f59e0b1a;--color-warning-100:#f59e0b29;--color-warning-200:#f59e0b3d;--color-warning-300:#fcd34d;--color-warning-600:#fbbf24;--color-success-200:#bbf7d0;--color-success-600:#22c55e;--color-info-200:#84cc163d;--color-info-600:#84cc16}@media (prefers-color-scheme:dark){:root{--color-background:#0b0f0c;--color-surface:#131a14;--color-surface-elevated:#1c261e;--color-surface-hover:#253028;--color-border:#2d3a30;--color-border-light:#1f2937;--color-slate-50:#e5e7eb;--color-slate-100:#d1d5db;--color-slate-200:#9ca3af;--color-slate-300:#6b7280;--color-slate-400:#4b5563;--color-slate-500:#374151;--color-slate-600:#2d3a30;--color-slate-700:#1f2937;--color-slate-800:#151d17;--color-slate-900:#0b0f0c;--card-border-main:var(--color-slate-700);--card-border-highlight:var(--color-slate-600);--card-border-shadow:var(--color-slate-800);--card-shadow-color:var(--color-slate-700);--color-text-primary:#e5e7eb;--color-text-secondary:#d1d5db;--color-text-muted:#9ca3af;--color-text-inverse:#0b0f0c;--color-primary-50:#84cc161a;--color-primary-100:#84cc1629;--color-primary-200:#d9f99d;--color-primary-300:#bef264;--color-primary-400:#a3e635;--color-primary-500:#84cc16;--color-primary-600:#84cc16;--color-primary-700:#65a30d;--color-primary-800:#4d7c0f;--color-primary-900:#3f6212;--color-secondary-50:#22c55e1a;--color-secondary-100:#22c55e29;--color-secondary-200:#bbf7d0;--color-secondary-300:#86efac;--color-secondary-400:#4ade80;--color-secondary-500:#22c55e;--color-secondary-600:#22c55e;--color-secondary-700:#16a34a;--color-secondary-800:#15803d;--color-secondary-900:#166534;--color-pixel-gold:#a3e635;--color-pixel-cyan:#22c55e;--color-pixel-green:#84cc16;--color-pixel-blue:#84cc16;--color-pixel-dark:#0b0f0c;--shadow-sm:0 1px 3px 0 #0006,0 1px 2px -1px #0000004d;--shadow-md:0 4px 8px -2px #0006,0 2px 4px -2px #0003;--shadow-lg:0 12px 24px -4px #00000080,0 4px 8px -4px #0000004d;--shadow-xl:0 24px 48px -8px #0009,0 8px 16px -6px #0000004d;--shadow-focus:0 0 0 4px #84cc1659;--status-normal-bg:#22c55e26;--status-normal-text:#86efac;--status-active-bg:#84cc1626;--status-active-text:#bef264;--status-attention-bg:#f59e0b26;--status-attention-text:var(--color-warning-300);--status-alert-bg:#f43f5e26;--status-alert-text:var(--color-error-300);--status-inactive-bg:#4b55634d;--status-inactive-text:#9ca3af;--status-draft-bg:#c2410c26;--status-draft-text:#fb923c;--status-archived-bg:#6d28d926;--status-archived-text:#c4b5fd;--color-warning-50:#f59e0b1a;--color-warning-100:#f59e0b29;--color-warning-200:#f59e0b3d;--color-warning-600:#fbbf24;--color-warning-700:var(--color-warning-300);--color-success-50:#22c55e1a;--color-success-100:#22c55e29;--color-error-50:#f43f5e1a;--color-error-100:#f43f5e29;--color-error-200:#f43f5e3d;--color-error-300:#fb7185;--color-error-400:#f87171;--color-error-600:#ef4444;--color-danger-50:#f43f5e1a;--color-danger-100:#f43f5e29;--color-danger-200:#f43f5e3d;--color-danger-500:var(--color-error-400);--color-danger-600:var(--color-error-300);--color-info-50:#84cc161a;--color-info-100:#84cc1629;--sidebar-bg:#0b0f0c;--sidebar-border:#2d3a30;--sidebar-divider:#1f2937;--sidebar-text:#d1d5db;--sidebar-text-muted:#9ca3af;--sidebar-text-hover:#e5e7eb;--sidebar-accent:#a3e635;--sidebar-accent-bg:#a3e6351f;--sidebar-accent-border:#a3e6354d;--sidebar-hover-bg:#a3e63514;--sidebar-accent-sub-bg:#a3e6351a;--sidebar-plan-bg:#a3e63526;--sidebar-plan-border:#a3e63559}::-webkit-scrollbar-track{background:#fff;background:var(--color-surface)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-color:#4a3d30;border-color:var(--color-slate-700)}::-webkit-scrollbar-thumb{background:#6b5a48;background:var(--color-slate-600)}::-webkit-scrollbar-thumb:hover{background:#8a7560;background:var(--color-slate-500)}.skeleton{background:linear-gradient(90deg,#2d2520,#4a3d30 50%,#2d2520);background:linear-gradient(90deg,var(--color-slate-800) 0,var(--color-slate-700) 50%,var(--color-slate-800) 100%)}.data-table th{background-color:#fff;background-color:var(--color-surface-elevated);border-bottom-color:#fde8c8;border-bottom-color:var(--color-border);color:#3fb950;color:var(--color-primary-400)}}.fiq-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:2px;cursor:pointer;display:inline-flex;font-family:Chonky Pixels,Press Start\ 2P,cursive;font-family:var(--font-family-pixel);font-size:11px;font-weight:400;font-weight:var(--font-weight-normal);gap:.5rem;gap:var(--space-2);image-rendering:pixelated;justify-content:center;letter-spacing:.5px;line-height:1.4;position:relative;text-decoration:none;text-transform:uppercase;transition:all .15s cubic-bezier(.2,0,0,1);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.fiq-btn--full-width{display:flex;width:100%}.fiq-btn--xs{padding:6px 10px}.fiq-btn--sm,.fiq-btn--xs{font-size:12px;min-height:44px;min-height:var(--min-tap-target)}.fiq-btn--sm{padding:8px 12px}.fiq-btn--md{font-size:12px;min-height:44px;min-height:var(--min-tap-target);padding:10px 16px}.fiq-btn--lg{font-size:13px;min-height:48px;padding:12px 20px}.fiq-btn:disabled{opacity:.5}.fiq-btn--loading,.fiq-btn:disabled{cursor:not-allowed;pointer-events:none}.fiq-btn--loading{opacity:.7}.fiq-btn--primary{background-color:#238636;background-color:var(--color-primary-600);border-color:#3fb950 #1e3a2f #1e3a2f #3fb950;border-color:var(--color-primary-400) var(--color-primary-800) var(--color-primary-800) var(--color-primary-400);border-style:solid;border-width:2px;box-shadow:2px 2px 0 0 #14532d;box-shadow:2px 2px 0 0 var(--color-primary-900);color:#fff;color:var(--color-text-inverse)}.fiq-btn--primary:hover:not(:disabled){background-color:#1e6b2e;background-color:var(--color-primary-700);box-shadow:1px 1px 0 0 #14532d;box-shadow:1px 1px 0 0 var(--color-primary-900);transform:translate(1px,1px)}.fiq-btn--primary:active:not(:disabled){background-color:#1e6b2e;background-color:var(--color-primary-700);box-shadow:0 0 0 0 #14532d;box-shadow:0 0 0 0 var(--color-primary-900);transform:translate(2px,2px)}.fiq-btn--secondary{background-color:#fde8c8;background-color:var(--color-slate-200);border-color:#fff #b8a08a #b8a08a #fff;border-color:var(--card-border-highlight) var(--color-slate-400) var(--color-slate-400) var(--card-border-highlight);border-style:solid;border-width:2px;box-shadow:2px 2px 0 0 #b8a08a;box-shadow:2px 2px 0 0 var(--color-slate-400);color:#4a3d30;color:var(--color-slate-700)}.fiq-btn--secondary:hover:not(:disabled){background-color:#e8d5b8;background-color:var(--color-slate-300);box-shadow:1px 1px 0 0 #b8a08a;box-shadow:1px 1px 0 0 var(--color-slate-400);transform:translate(1px,1px)}.fiq-btn--secondary:active:not(:disabled){background-color:#e8d5b8;background-color:var(--color-slate-300);box-shadow:0 0 0 0 #b8a08a;box-shadow:0 0 0 0 var(--color-slate-400);transform:translate(2px,2px)}.fiq-btn--outline{background-color:initial;border:2px solid #238636;border:2px solid var(--color-primary-600);box-shadow:2px 2px 0 0 #a7f3d0;box-shadow:2px 2px 0 0 var(--color-primary-200);color:#238636;color:var(--color-primary-600)}.fiq-btn--outline:hover:not(:disabled){background-color:#f0fdf4;background-color:var(--color-primary-50);box-shadow:1px 1px 0 0 #a7f3d0;box-shadow:1px 1px 0 0 var(--color-primary-200);transform:translate(1px,1px)}.fiq-btn--outline:active:not(:disabled){background-color:#dcfce7;background-color:var(--color-primary-100);box-shadow:0 0 0 0 #a7f3d0;box-shadow:0 0 0 0 var(--color-primary-200);transform:translate(2px,2px)}.fiq-btn--ghost{background-color:initial;color:#6b5a48;color:var(--color-slate-600)}.fiq-btn--ghost:hover:not(:disabled){background-color:#fde8c8;background-color:var(--color-slate-200)}.fiq-btn--ghost:active:not(:disabled){background-color:#e8d5b8;background-color:var(--color-slate-300)}.fiq-btn--danger{background-color:#e11d48;background-color:var(--color-error-600);border-color:#fb7185 #9f1239 #9f1239 #fb7185;border-color:var(--color-error-400) var(--color-error-800) var(--color-error-800) var(--color-error-400);border-style:solid;border-width:2px;box-shadow:2px 2px 0 0 #881337;box-shadow:2px 2px 0 0 var(--color-error-900);color:#fff;color:var(--color-text-inverse)}.fiq-btn--danger:hover:not(:disabled){background-color:#be123c;background-color:var(--color-error-700);box-shadow:1px 1px 0 0 #881337;box-shadow:1px 1px 0 0 var(--color-error-900);transform:translate(1px,1px)}.fiq-btn--danger:active:not(:disabled){background-color:#be123c;background-color:var(--color-error-700);box-shadow:0 0 0 0 #881337;box-shadow:0 0 0 0 var(--color-error-900);transform:translate(2px,2px)}.fiq-btn--success{background-color:#059669;background-color:var(--color-success-600);border-color:#34d399 #065f46 #065f46 #34d399;border-color:var(--color-success-400) var(--color-success-800) var(--color-success-800) var(--color-success-400);border-style:solid;border-width:2px;box-shadow:2px 2px 0 0 #064e3b;box-shadow:2px 2px 0 0 var(--color-success-900);color:#fff;color:var(--color-text-inverse)}.fiq-btn--success:hover:not(:disabled){background-color:#047857;background-color:var(--color-success-700);box-shadow:1px 1px 0 0 #064e3b;box-shadow:1px 1px 0 0 var(--color-success-900);transform:translate(1px,1px)}.fiq-btn--success:active:not(:disabled){background-color:#047857;background-color:var(--color-success-700);box-shadow:0 0 0 0 #064e3b;box-shadow:0 0 0 0 var(--color-success-900);transform:translate(2px,2px)}.fiq-btn--warning{background-color:#f59e0b;background-color:var(--color-warning-500);border-color:#fcd34d #b45309 #b45309 #fcd34d;border-color:var(--color-warning-300) var(--color-warning-700) var(--color-warning-700) var(--color-warning-300);border-style:solid;border-width:2px;box-shadow:2px 2px 0 0 #b45309;box-shadow:2px 2px 0 0 var(--color-warning-700);color:#1e3a2f;color:var(--color-slate-900)}.fiq-btn--warning:hover:not(:disabled){background-color:#d97706;background-color:var(--color-warning-600);box-shadow:1px 1px 0 0 #b45309;box-shadow:1px 1px 0 0 var(--color-warning-700);transform:translate(1px,1px)}.fiq-btn--warning:active:not(:disabled){background-color:#d97706;background-color:var(--color-warning-600);box-shadow:0 0 0 0 #b45309;box-shadow:0 0 0 0 var(--color-warning-700);transform:translate(2px,2px)}@keyframes fiq-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fiq-btn-spinner{animation:fiq-spin 1s linear infinite;flex-shrink:0}.fiq-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;background-color:initial;border:2px solid #0000;border-radius:2px;color:#cbd5e1;color:var(--sidebar-text);cursor:pointer;display:flex;font-family:Chonky Pixels,Press Start\ 2P,cursive;font-family:var(--font-family-pixel);font-size:12px;font-weight:400;font-weight:var(--font-weight-normal);gap:.75rem;gap:var(--space-3);justify-content:flex-start;letter-spacing:.5px;margin-bottom:.25rem;margin-bottom:var(--space-1);min-height:44px;padding:.75rem;padding:var(--space-3);text-align:left;transition:all .15s cubic-bezier(.2,0,0,1);transition:all var(--transition-fast);width:100%}.fiq-nav-item--collapsed{justify-content:center}.fiq-nav-item--sticky{background-color:#1e3a2f;background-color:var(--sidebar-bg);position:sticky;top:0;z-index:1}.fiq-nav-item:hover:not(.fiq-nav-item--active){background-color:#f0c0400f;background-color:var(--sidebar-hover-bg);color:#f1f5f9;color:var(--sidebar-text-hover)}.fiq-nav-item--active{background-color:#f0c0401a;background-color:var(--sidebar-accent-bg);border-color:#f0c0404d;border-color:var(--sidebar-accent-border);color:#f0c040;color:var(--sidebar-accent)}.fiq-subnav-item{-webkit-tap-highlight-color:transparent;background-color:initial;background:none;border:none;border-left:3px solid #0000;border-radius:2px;color:#b0bec5;color:var(--sidebar-text-muted);cursor:pointer;display:block;font-family:Chonky Pixels,Press Start\ 2P,cursive;font-family:var(--font-family-pixel);font-size:13px;letter-spacing:.3px;line-height:38px;margin-bottom:2px;min-height:38px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);text-align:left;text-decoration:none;transition:all .15s cubic-bezier(.2,0,0,1);transition:all var(--transition-fast);width:100%}.fiq-subnav-item:hover:not(.fiq-subnav-item--active){background-color:#f0c0400f;background-color:var(--sidebar-hover-bg);color:#f1f5f9;color:var(--sidebar-text-hover)}.fiq-subnav-item--active{background-color:#f0c04014;background-color:var(--sidebar-accent-sub-bg);border-left-color:#f0c040;border-left-color:var(--sidebar-accent)}.fiq-plan-badge,.fiq-subnav-item--active{color:#f0c040;color:var(--sidebar-accent)}.fiq-plan-badge{background:#f0c04026;background:var(--sidebar-plan-bg);border:1px solid #f0c04059;border:1px solid var(--sidebar-plan-border);border-radius:12px;display:inline-block;font-family:Chonky Pixels,Press Start\ 2P,cursive;font-family:var(--font-family-pixel);font-size:12px;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.fiq-sidebar-collapse-btn{align-items:center;background:none;border:none;border-radius:2px;color:#b0bec5;color:var(--sidebar-text-muted);cursor:pointer;display:flex;justify-content:center;margin:.5rem;margin:var(--space-2);min-height:44px;padding:.75rem;padding:var(--space-3);transition:all .15s cubic-bezier(.2,0,0,1);transition:all var(--transition-fast);width:calc(100% - 1rem);width:calc(100% - var(--space-4))}.fiq-sidebar-collapse-btn:hover{background-color:#f0c0400f;background-color:var(--sidebar-hover-bg);color:#f1f5f9;color:var(--sidebar-text-hover)}#main-content,[role=main]{background-image:radial-gradient(circle,#8b73551a 1px,#0000 0);background-size:20px 20px}.fiq-page-header{align-items:flex-start;border-bottom:2px solid #fde8c8;border-bottom:2px solid var(--color-slate-200);display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6);padding-bottom:1rem;padding-bottom:var(--space-4);position:relative}.fiq-page-header:after{background:#f59e0b;background:var(--color-pixel-gold);bottom:-3px;content:"";height:3px;left:0;position:absolute;width:40px}.fiq-page-header__left{align-items:center;display:flex;gap:1rem;gap:var(--space-4)}.fiq-page-header__icon{flex-shrink:0;height:56px;image-rendering:auto;object-fit:contain;width:56px}.fiq-page-header h1,.fiq-page-header__text h1{color:#1e3a2f;color:var(--color-text-primary);font-family:Chonky Pixels,Press Start\ 2P,cursive;font-family:var(--font-family-pixel);font-size:18px;font-weight:400;font-weight:var(--font-weight-normal);letter-spacing:.5px;line-height:1.3;margin:0}.fiq-page-header__subtitle{color:#8a7560;color:var(--color-text-muted);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:.875rem;font-size:var(--font-size-sm);margin:.25rem 0 0;margin:var(--space-1) 0 0}.fiq-page-header__actions{flex-wrap:wrap}.fiq-page-header__actions,.fiq-pixel-divider{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.fiq-pixel-divider{margin:1.5rem 0 1.25rem;margin:var(--space-6) 0 var(--space-5)}.fiq-pixel-divider__label{color:#8a7560;color:var(--color-text-muted);flex-shrink:0;font-family:Chonky Pixels,Press Start\ 2P,cursive;font-family:var(--font-family-pixel);font-size:12px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.fiq-pixel-divider__line{background:repeating-linear-gradient(90deg,#e8d5b8,#e8d5b8 4px,#0000 0,#0000 8px);background:repeating-linear-gradient(90deg,var(--color-slate-300) 0,var(--color-slate-300) 4px,#0000 4px,#0000 8px);flex:1 1;height:2px}.fiq-pipeline{align-items:stretch;background:#fff;background:var(--color-surface);border:2px solid #e8d5b8;border:2px solid var(--color-slate-300);border-radius:2px;box-shadow:2px 2px 0 #e8d5b8;box-shadow:2px 2px 0 var(--color-slate-300);display:flex;gap:0;margin-bottom:1.5rem;margin-bottom:var(--space-6);overflow:hidden}.fiq-pipeline__stage{align-items:center;border-right:2px solid #fde8c8;border-right:2px solid var(--color-slate-200);cursor:default;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding:.75rem .5rem;padding:var(--space-3) var(--space-2);position:relative;transition:background .15s cubic-bezier(.2,0,0,1);transition:background var(--transition-fast)}.fiq-pipeline__stage:last-child{border-right:none}.fiq-pipeline__stage--active{background:#2386360f}.fiq-pipeline__stage--warning{background:#d977060f}.fiq-pipeline__stage--complete{background:#0596690f}.fiq-pipeline__stage:not(:last-child):after{color:#b8a08a;color:var(--color-slate-400);content:"›";font-size:16px;pointer-events:none;position:absolute;right:-10px;top:50%;transform:translateY(-50%);z-index:1}.fiq-pipeline__count{font-size:20px;font-weight:400;font-weight:var(--font-weight-normal);line-height:1;margin-bottom:.25rem;margin-bottom:var(--space-1)}.fiq-pipeline__count,.fiq-pipeline__label{font-family:Chonky Pixels,Press Start\ 2P,cursive;font-family:var(--font-family-pixel)}.fiq-pipeline__label{color:#8a7560;color:var(--color-text-muted);font-size:11px;letter-spacing:.4px;line-height:1.2;text-align:center;text-transform:uppercase}.fiq-capacity-bar{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.fiq-capacity-bar__track{background:#fef3e2;background:var(--color-slate-100);border:2px solid #e8d5b8;border:2px solid var(--color-slate-300);border-radius:2px;box-shadow:2px 2px 0 #e8d5b8;box-shadow:2px 2px 0 var(--color-slate-300);display:flex;height:12px;overflow:hidden}.fiq-capacity-bar__segment{height:100%;min-width:0;transition:width .25s cubic-bezier(.2,0,0,1);transition:width var(--transition-normal)}.fiq-capacity-bar__legend{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;gap:var(--space-3) var(--space-5);margin-top:.75rem;margin-top:var(--space-3)}.fiq-capacity-bar__legend-item{align-items:center;color:#6b5a48;color:var(--color-text-secondary);display:flex;font-size:.75rem;font-size:var(--font-size-xs);gap:.5rem;gap:var(--space-2)}.fiq-capacity-bar__legend-dot{border-radius:2px;flex-shrink:0;height:10px;width:10px}.fiq-capacity-bar__legend-value{color:#1e3a2f;color:var(--color-text-primary);font-family:Chonky Pixels,Press Start\ 2P,cursive;font-family:var(--font-family-pixel);font-size:13px;margin-left:2px}.fiq-empty-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));height:96px;image-rendering:auto;margin-bottom:1rem;margin-bottom:var(--space-4);object-fit:contain;width:96px}.fiq-stat-accent{overflow:hidden;position:relative}.fiq-stat-accent:after{background:#3fb950;background:var(--fiq-accent-color,var(--color-primary-400));bottom:0;content:"";height:3px;left:0;opacity:.7;position:absolute;right:0}.fiq-stock-overview{align-items:center;background:#fff;background:var(--color-surface);border:2px solid #e8d5b8;border:2px solid var(--color-slate-300);border-radius:2px;box-shadow:2px 2px 0 #e8d5b8;box-shadow:2px 2px 0 var(--color-slate-300);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1rem;padding:var(--space-4)}.fiq-stock-overview__stat{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1);min-width:80px}.fiq-stock-overview__divider{background:#fde8c8;background:var(--color-slate-200);flex-shrink:0;height:40px;width:2px}.fiq-stock-overview__label{color:#8a7560;color:var(--color-text-muted);font-size:11px;letter-spacing:.4px;text-transform:uppercase}.fiq-stock-overview__label,.fiq-stock-overview__value{font-family:Chonky Pixels,Press Start\ 2P,cursive;font-family:var(--font-family-pixel)}.fiq-stock-overview__value{color:#1e3a2f;color:var(--color-text-primary);font-size:18px}.fiq-stock-overview__value--warning{color:#d97706;color:var(--color-warning-600)}.fiq-stock-overview__value--success{color:#238636;color:var(--color-primary-600)}.fiq-page-header__subtitle,.fiq-page-sub-heading{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);letter-spacing:0}.page-container h2,.page-container h3{font-family:Chonky Pixels,Press Start\ 2P,cursive;font-family:var(--font-family-pixel);font-weight:400;font-weight:var(--font-weight-normal);letter-spacing:.3px}.fiq-page-header__subtitle,.fiq-page-sub-heading{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--font-family)!important;letter-spacing:0!important}body{margin:0;overflow-y:scroll;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}code{font-family:var(--font-family-mono)}::selection{background-color:var(--color-primary-200);color:var(--color-primary-900)}img{height:auto;max-width:100%}button{font-family:inherit}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}a:active{color:var(--color-primary-800)}input,select,textarea{font-family:inherit;font-size:16px}@media print{body{background:#fff}.no-print{display:none!important}}@media (max-width:768px){:root{--space-4:0.875rem;--space-6:1.25rem}}@supports (padding:env(safe-area-inset-bottom)){.page-container{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--dark:#1e3a2f;--dark-mid:#14532d;--forest:#306230;--sage:#2da044;--green:#3fb950;--mint:#3fb950;--pale:#a7f3d0;--gold:#f59e0b;--gold-hover:#fbbf24;--white:#fff7ed;--gray:#8a7560;--pixel:"Chonky Pixels","Press Start 2P",monospace;--pixel-display:"Pixel Impact","Press Start 2P",monospace;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-back:cubic-bezier(0.34,1.56,0.64,1)}.landing-page{background:#1e3a2f;background:var(--dark);color:#fff7ed;color:var(--white);font-family:Chonky Pixels,Press Start\ 2P,monospace;font-family:var(--pixel);line-height:1.8;min-height:100vh;overflow-x:hidden}.landing-page .animate-hidden{opacity:0;transform:translateY(20px)}.landing-page .animate-in{animation:revealUp .7s cubic-bezier(.16,1,.3,1) both;animation:revealUp .7s var(--ease-out-expo) both;opacity:1;transform:translateY(0)}.landing-page .delay-1{animation-delay:.1s}.landing-page .delay-2{animation-delay:.25s}.landing-page .delay-3{animation-delay:.4s}.landing-page .delay-4{animation-delay:.55s}.landing-page .delay-5{animation-delay:.7s}@keyframes revealUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-page .feature-card.animate-in{animation-name:revealScale}@keyframes revealScale{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-page:after{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 0,#00000008 4px);content:"";z-index:9999}.landing-page .pixel-grid,.landing-page:after{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0}.landing-page .pixel-grid{background-image:linear-gradient(#3fb95008 1px,#0000 0),linear-gradient(90deg,#3fb95008 1px,#0000 0);background-size:24px 24px;z-index:0}.landing-page nav{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1e3a2fe6;border-bottom:2px solid #3fb9501a;display:flex;justify-content:space-between;left:0;padding:20px 40px;position:fixed;right:0;top:0;z-index:100}.landing-page .nav-logo{font-size:20px;letter-spacing:1px}.landing-page .nav-logo .f{color:#fff7ed;color:var(--white)}.landing-page .nav-logo .iq{color:#3fb950;color:var(--mint)}.landing-page .nav-login-button{-webkit-tap-highlight-color:transparent;background:#0000;border:2px solid #3fb950;border:2px solid var(--mint);color:#3fb950;color:var(--mint);cursor:pointer;font-family:Chonky Pixels,Press Start\ 2P,monospace;font-family:var(--pixel);font-size:12px;letter-spacing:1px;min-height:44px;padding:12px 24px;transition:background .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1),transform .1s ease;transition:background .25s var(--ease-out-expo),color .25s var(--ease-out-expo),transform .1s ease}.landing-page .nav-login-button:hover{background:#3fb950;background:var(--mint);color:#1e3a2f;color:var(--dark)}.landing-page .nav-login-button:active{transform:translateY(1px)}.landing-page .nav-login-button:focus-visible{outline:2px solid #3fb950;outline:2px solid var(--mint);outline-offset:2px}.landing-page .hero{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:120px 24px 80px;position:relative;text-align:center;z-index:1}.landing-page .flask-icon{filter:drop-shadow(0 0 20px rgba(63,185,80,.3));height:auto;margin-bottom:40px;transition:filter .4s ease;width:140px}.landing-page .flask-icon:hover{filter:drop-shadow(0 0 30px rgba(63,185,80,.5))}.landing-page .flask-icon.animate-in{animation:revealFloat .9s cubic-bezier(.16,1,.3,1) both;animation:revealFloat .9s var(--ease-out-expo) both}@keyframes revealFloat{0%{opacity:0;transform:translateY(30px) scale(.9)}60%{opacity:1;transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-page .hero-title{font-size:clamp(72px,14vw,140px);letter-spacing:4px;margin-bottom:8px}.landing-page .hero-title .f{color:#fff7ed;color:var(--white)}.landing-page .hero-title .iq{color:#3fb950;color:var(--mint);text-shadow:0 0 40px #3fb9504d}.landing-page .hero-subtitle{color:#fff7edad;font-size:clamp(12px,2vw,15px);letter-spacing:3px;margin-bottom:48px;text-transform:uppercase}.landing-page .hero-tagline{color:#3fb950;color:var(--green);font-size:clamp(14px,2.2vw,18px);line-height:2.2;margin-bottom:56px;max-width:640px}.landing-page .features{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:64px;max-width:900px;width:100%}.landing-page .feature-card{background:#1e6b2e47;border:2px solid #3fb95061;box-shadow:inset 0 1px 0 #3fb9501f;padding:24px 20px;text-align:left;transition:border-color .3s cubic-bezier(.16,1,.3,1),background .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);transition:border-color .3s var(--ease-out-expo),background .3s var(--ease-out-expo),transform .3s var(--ease-out-expo),box-shadow .3s var(--ease-out-expo)}.landing-page .feature-card:hover{background:#1e6b2e4d;border-color:#3fb950;border-color:var(--green);box-shadow:0 8px 24px #3fb9501f;transform:translateY(-3px)}.landing-page .feature-card .icon{color:#3fb950;color:var(--mint);display:block;font-size:18px;margin-bottom:12px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);transition:transform .3s var(--ease-out-back)}.landing-page .feature-card:hover .icon{transform:scale(1.15)}.landing-page .feature-card h3{color:#fff7ed;color:var(--white);font-size:12px;letter-spacing:.5px;margin-bottom:10px}.landing-page .feature-card p{color:#8a7560;color:var(--gray);font-size:12px;line-height:2}.landing-page .hero-cta{-webkit-tap-highlight-color:transparent;background:#f59e0b;background:var(--gold);border:2px solid #fbbf24;border:2px solid var(--gold-hover);box-shadow:0 4px 0 #b86800,4px 4px 0 #0000004d;color:#1e3a2f;color:var(--dark);cursor:pointer;display:inline-block;font-family:Chonky Pixels,Press Start\ 2P,monospace;font-family:var(--pixel);font-size:14px;letter-spacing:1px;margin-bottom:56px;min-height:44px;padding:16px 44px;transition:background .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),transform .1s ease;transition:background .2s var(--ease-out-expo),box-shadow .2s var(--ease-out-expo),transform .1s ease}.landing-page .hero-cta:hover{background:#fbbf24;background:var(--gold-hover);box-shadow:0 6px 0 #b86800,4px 6px 0 #0000004d,0 0 32px #f59e0b40;transform:translateY(-2px)}.landing-page .hero-cta:active{box-shadow:0 2px 0 #b86800,2px 2px 0 #0000004d;transform:translate(2px,2px)}.landing-page .hero-cta:focus-visible{outline:2px solid #f59e0b;outline:2px solid var(--gold);outline-offset:3px}.landing-page .value-props{color:#8a7560;color:var(--gray);font-size:clamp(12px,1.8vw,14px);letter-spacing:1.5px;line-height:2.8;margin-bottom:64px;max-width:640px;text-transform:uppercase}.landing-page .vp-hl{color:#f59e0b;color:var(--gold);text-shadow:0 0 12px #f59e0b40}.landing-page .signup-section{background:linear-gradient(180deg,#0000,#1e6b2e1a);padding:48px 24px 80px;position:relative;text-align:center;z-index:1}.landing-page .signup-heading{color:#fff7ed;color:var(--white);font-size:clamp(16px,2.5vw,22px);margin-bottom:12px}.landing-page .signup-subtext{color:#8a7560;color:var(--gray);font-size:12px;line-height:2;margin-bottom:32px}.landing-page .signup-note{color:#8a756099;font-size:12px;letter-spacing:1px}.landing-page .pricing-section{position:relative;z-index:1}.landing-page .pricing-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.landing-page .pricing-card{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);transition:transform .25s var(--ease-out-expo),box-shadow .25s var(--ease-out-expo)}.landing-page .pricing-card:hover{box-shadow:0 12px 32px #0003;transform:translateY(-4px)}.landing-page .ai-section{padding:80px 24px 48px;position:relative;text-align:center;z-index:1}.landing-page .ai-section-label{color:#8a7560;color:var(--gray);font-size:12px;letter-spacing:2px;margin-bottom:24px;text-transform:uppercase}.landing-page .ai-section-heading{color:#fff7ed;color:var(--white);font-size:clamp(16px,2.5vw,22px);margin-bottom:32px}.landing-page .chatbot{background:#b0b0b8;border-color:#c8c8d0 #787880 #787880 #c8c8d0;border-radius:2px;border-style:solid;border-width:4px;box-shadow:6px 6px 0 0 #00000040;display:flex;flex-direction:column;margin:0 auto;max-width:400px;opacity:0;overflow:hidden;transform:translateY(30px) scale(.96);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo),box-shadow .6s var(--ease-out-expo)}.landing-page .chatbot.chatbot-visible{box-shadow:6px 6px 0 0 #00000040,0 20px 60px #0000004d;opacity:1;transform:translateY(0) scale(1)}.landing-page .chatbot-header{align-items:center;background:#4a4a5a;border-bottom:3px solid #3a3a4a;color:#9bbc0f;display:flex;gap:8px;padding:10px 12px}.landing-page .chatbot-hamburger{align-items:center;background:#3a3a4a;border-color:#6b6b7b #2a2a3a #2a2a3a #6b6b7b;border-radius:2px;border-style:solid;border-width:2px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:2px;height:28px;justify-content:center;width:28px}.landing-page .chatbot-hamburger span{background:#9bbc0f;display:block;height:2px;width:12px}.landing-page .chatbot-header-text{flex:1 1;text-align:left}.landing-page .chatbot-header-title{color:#9bbc0f;font-size:12px;letter-spacing:.5px}.landing-page .chatbot-header-sub{color:#6b8b0f;font-size:10px;letter-spacing:.3px;margin-top:2px}.landing-page .chatbot-header-icons{align-items:center;display:flex;gap:6px}.landing-page .chatbot-icon{align-items:center;background:#3a3a4a;border-color:#6b6b7b #2a2a3a #2a2a3a #6b6b7b;border-radius:2px;border-style:solid;border-width:2px;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.landing-page .chatbot-icon svg{fill:#9bbc0f;height:14px;width:14px}.landing-page .chatbot-body{background:#9bbc0f;border-color:#506020 #8bac0f #8bac0f #506020;border-style:solid;border-width:3px;display:flex;flex-direction:column;gap:10px;image-rendering:pixelated;margin:8px;min-height:340px;padding:16px 12px}.landing-page .chat-row{align-items:flex-start;display:flex;gap:6px;max-width:90%;opacity:0;transform:translateY(6px)}.landing-page .chat-row.chat-animate{animation:msgIn .4s cubic-bezier(.16,1,.3,1) forwards;animation:msgIn .4s var(--ease-out-expo) forwards}.landing-page .chat-row.chat-animate:first-child{animation-delay:.3s}.landing-page .chat-row.chat-animate:nth-child(2){animation-delay:1.2s}.landing-page .chat-row.chat-animate:nth-child(3){animation-delay:2.6s}.landing-page .chat-row.chat-animate:nth-child(4){animation-delay:3.6s}.landing-page .chat-row.chat-animate:nth-child(5){animation-delay:5s}.landing-page .chat-row.chat-animate:nth-child(6){animation-delay:6.4s}.landing-page .chat-row.user{align-self:flex-end;flex-direction:row-reverse}.landing-page .chat-row:not(.user){align-self:flex-start}.landing-page .chat-avatar{align-items:center;border:2px solid #306230;border-radius:2px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.landing-page .chat-avatar svg{height:16px;width:16px}.landing-page .chat-avatar.bot-avatar{background:#8bac0f;border-color:#306230}.landing-page .chat-avatar.bot-avatar svg{fill:#0f380f}.landing-page .chat-avatar.user-avatar{background:#306230;border-color:#306230}.landing-page .chat-avatar.user-avatar svg{fill:#9bbc0f}.landing-page .chat-msg{border:2px solid #306230;border-radius:2px;font-size:10px;line-height:2;padding:10px 12px;white-space:pre-wrap;word-break:break-word}.landing-page .chat-msg.user{background:#306230;border-color:#0f380f;color:#9bbc0f}.landing-page .chat-msg.bot{background:#8bac0f;border-color:#506020;color:#0f380f}.landing-page .chat-msg.bot .highlight{color:#0f380f;font-weight:700}.landing-page .chat-msg.bot .data-val{color:#306230;font-weight:700}.landing-page .chat-chips-row{align-self:flex-start;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:6px;opacity:0;transform:translateY(6px)}.landing-page .chat-chips-row.chat-animate{animation:msgIn .4s cubic-bezier(.16,1,.3,1) forwards;animation:msgIn .4s var(--ease-out-expo) forwards;animation-delay:7.6s}.landing-page .chat-chip{background:#8bac0f;border-color:#9bbc0f #506020 #506020 #9bbc0f;border-radius:2px;border-style:solid;border-width:2px;color:#0f380f;cursor:pointer;font-family:Chonky Pixels,Press Start\ 2P,monospace;font-family:var(--pixel);font-size:10px;letter-spacing:.3px;padding:6px 10px;transition:background .15s ease,transform .1s ease}.landing-page .chat-chip:hover{background:#c8dc4f;transform:translateY(-1px)}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.landing-page .chatbot-input{align-items:center;background:#b0b0b8;border-top:3px solid #909098;display:flex;gap:6px;padding:10px 12px}.landing-page .chatbot-input-container{align-items:center;background:#c8c8d0;border-color:#787880 #a0a0a8 #a0a0a8 #787880;border-radius:2px;border-style:solid;border-width:2px;display:flex;flex:1 1;gap:6px;padding:4px 4px 4px 8px}.landing-page .chatbot-input-mic{align-items:center;background:#a0a0a8;border-color:#b8b8c0 #787880 #787880 #b8b8c0;border-radius:2px;border-style:solid;border-width:2px;color:#4a4a5a;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.landing-page .chatbot-input-mic svg{fill:currentColor;height:18px;width:18px}.landing-page .chatbot-input-field{color:#8b8b9b;flex:1 1;font-family:Chonky Pixels,Press Start\ 2P,monospace;font-family:var(--pixel);font-size:11px;letter-spacing:.5px;padding:6px}.landing-page .chatbot-input-send{align-items:center;background:#306230;border-color:#508050 #1a4a1a #1a4a1a #508050;border-radius:2px;border-style:solid;border-width:2px;color:#9bbc0f;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.landing-page .chatbot-input-send svg{fill:currentColor;height:18px;width:18px}.landing-page footer{border-top:2px solid #3fb95014;padding:40px 24px;position:relative;text-align:center;z-index:1}.landing-page .footer-logo{font-size:14px;margin-bottom:12px}.landing-page .footer-logo .f{color:#fff7ed;color:var(--white)}.landing-page .footer-logo .iq{color:#3fb950;color:var(--mint)}.landing-page .footer-text{color:#8a756080;font-size:12px;letter-spacing:1px}.landing-page .footer-links{display:flex;gap:24px;justify-content:center;margin-top:16px}.landing-page .footer-links a{color:#8a7560;color:var(--gray);font-size:12px;text-decoration:none;transition:color .25s cubic-bezier(.16,1,.3,1);transition:color .25s var(--ease-out-expo)}.landing-page .footer-links a:hover{color:#3fb950;color:var(--mint)}.landing-page .footer-links a:focus-visible{outline:2px solid #3fb950;outline:2px solid var(--mint);outline-offset:2px}.landing-page .login-button{-webkit-tap-highlight-color:transparent;background:#0000;border:2px solid #3fb950;border:2px solid var(--mint);color:#3fb950;color:var(--mint);cursor:pointer;display:inline-block;font-family:Chonky Pixels,Press Start\ 2P,monospace;font-family:var(--pixel);font-size:12px;letter-spacing:1px;min-height:44px;padding:12px 24px;text-decoration:none;transition:background .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1);transition:background .25s var(--ease-out-expo),color .25s var(--ease-out-expo)}.landing-page .login-button:hover{background:#3fb950;background:var(--mint);color:#1e3a2f;color:var(--dark)}.landing-page .login-button:focus-visible{outline:2px solid #3fb950;outline:2px solid var(--mint);outline-offset:2px}@media (max-width:600px){.landing-page nav{padding:16px 20px}.landing-page .nav-logo{font-size:15px}.landing-page .features{grid-template-columns:1fr}.landing-page .chatbot{max-width:100%}.landing-page .pricing-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.landing-page .animate-hidden,.landing-page .animate-in,.landing-page .chat-chips-row,.landing-page .chat-chips-row.chat-animate,.landing-page .chat-row,.landing-page .chat-row.chat-animate{animation:none!important;opacity:1!important;transform:none!important}.landing-page .chatbot{opacity:1!important;transform:none!important;transition:none!important}.landing-page .feature-card{transition-duration:.01ms!important}}.signature-capture{background:#fff7ed;bottom:0;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:2000}.signature-header{background:#adb5bd;color:#333;padding:20px;position:sticky;top:0;z-index:100}.signature-header h1{font-size:24px;margin:12px 0 4px}.signature-header p{color:#555;font-size:14px;margin:0}.signature-content{margin:0 auto;max-width:600px;padding:20px}.signature-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;margin-bottom:20px;padding:20px}.signature-section h2{color:#333;font-size:18px;margin:0 0 16px}.form-group{margin-bottom:16px}.form-group label{color:#555;font-size:14px;font-weight:500}.form-input{border:2px solid #e0e0e0;border-radius:4px;font-size:15px;padding:12px;transition:border-color .2s;width:100%}.form-input:focus{border-color:#2da044;outline:none}.form-input:disabled{background:#fff7ed;cursor:not-allowed}.btn-capture{background:#2da044;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:16px;transition:all .2s;width:100%}.btn-capture:hover:not(:disabled){background:#0056b3}.btn-capture:disabled{cursor:not-allowed;opacity:.5}.signature-preview{background:#f1f8f4;border:2px solid #4caf50;border-radius:4px;padding:12px}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.preview-label{color:#2e7d32;font-size:14px;font-weight:600}.btn-retake{background:#fff;border:2px solid #2da044;border-radius:4px;color:#2da044;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .2s}.btn-retake:hover:not(:disabled){background:#2da044;color:#fff}.btn-retake:disabled{cursor:not-allowed;opacity:.5}.signature-image{background:#fff;border:1px solid #e0e0e0;border-radius:4px;height:auto;width:100%}.submit-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;margin-bottom:20px;padding:20px}.btn-submit{background:#4caf50;border:none;border-radius:4px;cursor:pointer;font-size:17px;font-weight:600;margin-bottom:12px;padding:18px;transition:all .2s;width:100%}.btn-submit:hover:not(:disabled){background:#45a049}.btn-submit:disabled{background:#ccc}.submit-note{color:#999;font-size:13px;line-height:1.5;margin:0;text-align:center}.canvas-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.canvas-container{background:#fff;border-radius:8px;display:flex;flex-direction:column;max-height:90vh;max-width:600px;padding:20px;width:100%}.canvas-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.canvas-header h3{color:#333;font-size:20px;margin:0}.btn-clear{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-clear:hover{background:#d32f2f}.canvas-instructions{color:#999;font-size:14px;margin-bottom:12px;text-align:center}.signature-canvas{background:#fff;border:2px solid #2da044;border-radius:4px;cursor:crosshair;height:250px;margin-bottom:16px;touch-action:none;width:100%}.canvas-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.btn-primary,.btn-secondary{font-size:15px;font-weight:600;padding:14px}.btn-primary{background:#2da044;border:none}.btn-secondary{background:#fff;border:2px solid #2da044;color:#2da044}.btn-primary:hover{background:#0056b3}.btn-secondary:hover{background:#f0f7ff}@media (max-width:768px){.canvas-modal{padding:10px}.canvas-container{max-height:95vh}.signature-canvas{height:200px}.signature-content{padding:15px}.signature-section{padding:16px}}.sales-module{background:var(--color-background);display:flex;flex-direction:column;min-height:100%}.sales-header{background:var(--color-surface);border-bottom:3px solid var(--color-pixel-border);box-shadow:0 3px 0 0 var(--color-slate-200);padding:var(--space-4) var(--space-6)}.sales-header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.sales-title{color:var(--color-text-primary);font-family:var(--font-family-pixel-display);font-size:var(--font-size-2xl);font-weight:400;letter-spacing:.5px;margin:0}.sales-subtitle{color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);letter-spacing:0;margin:var(--space-1) 0 0 0}.sales-header-actions{display:flex;gap:var(--space-3)}.sales-new-order-btn{align-items:center;display:flex;gap:var(--space-2)}.btn-icon{font-size:1.2em;line-height:1}.sales-stats{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.sales-nav{background:var(--color-surface);border-bottom:3px solid var(--color-pixel-border);padding:0 var(--space-6)}.sales-content{flex:1 1;overflow:auto;padding:var(--space-4) var(--space-6)}.order-kanban{display:flex;flex-direction:column;height:100%}.kanban-header{justify-content:space-between;margin-bottom:var(--space-4)}.kanban-header,.kanban-info{align-items:center;display:flex}.kanban-info{gap:var(--space-3)}.kanban-count{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.kanban-tip{color:var(--color-text-muted);font-family:var(--font-family-pixel);font-size:10px;letter-spacing:.3px}.kanban-board{display:flex;gap:var(--space-4);min-height:500px;overflow-x:auto;padding-bottom:var(--space-4)}.kanban-column{background:var(--color-slate-50);background:var(--column-bg,var(--color-slate-50));border:none;box-shadow:inset -3px -3px 0 0 var(--color-slate-300),inset 3px 3px 0 0 var(--color-slate-100),0 0 0 3px var(--color-slate-400);display:flex;flex:1 1;flex-direction:column;max-width:350px;min-width:280px;transition:all var(--transition-fast)}.kanban-column.drop-active{box-shadow:inset -3px -3px 0 0 var(--column-color),inset 3px 3px 0 0 var(--color-slate-100),0 0 0 3px var(--column-color)}.kanban-column-collapsed{max-width:180px;min-width:180px}.kanban-column-header{border-bottom:2px solid var(--column-border,var(--color-slate-300));padding:var(--space-4)}.kanban-column-title{align-items:center;color:var(--color-text-primary);display:flex;font-family:var(--font-family-pixel);font-size:11px;font-weight:var(--font-weight-normal);gap:var(--space-2);letter-spacing:.5px;text-transform:uppercase}.kanban-column-indicator{border-radius:0!important;box-shadow:1px 1px 0 0 #0000004d;flex-shrink:0;height:10px;width:10px}.kanban-column-desc{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:var(--space-1) 0 0 0}.kanban-column-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);overflow-y:auto;padding:var(--space-3)}.kanban-column-content.collapsed{gap:var(--space-2)}.kanban-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-6);text-align:center}.kanban-card{background:var(--color-surface);border:none;box-shadow:inset -2px -2px 0 0 var(--color-slate-200),inset 2px 2px 0 0 var(--color-slate-50),0 0 0 2px var(--color-slate-300);cursor:pointer;padding:var(--space-3);transition:all var(--transition-fast)}.kanban-card:hover{box-shadow:inset -2px -2px 0 0 var(--color-primary-400),inset 2px 2px 0 0 var(--color-primary-100),0 0 0 2px var(--color-primary-500)}.kanban-card.dragging{opacity:.5;transform:scale(.98)}.kanban-card.updating{opacity:.7;pointer-events:none}.kanban-card.cancelled{background:var(--color-error-50);border-color:var(--color-error-200);padding:var(--space-2)}.kanban-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.kanban-card-id{color:var(--color-primary-600);font-family:var(--font-family-pixel);font-size:var(--font-size-xs);font-weight:400;letter-spacing:.3px}.kanban-card-date{color:var(--color-text-muted);font-size:var(--font-size-xs)}.kanban-card-customer{margin-bottom:var(--space-2)}.kanban-card-customer .customer-name{color:var(--color-text-primary);display:block;font-weight:var(--font-weight-medium)}.kanban-card-customer .customer-company{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs)}.kanban-card-customer-small{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.kanban-card-details{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.kanban-card-delivery{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.kanban-card-delivery .detail-label{color:var(--color-text-muted)}.kanban-card-total .total-amount{color:var(--color-success-600);font-family:var(--font-family-pixel);font-size:var(--font-size-xs);font-weight:400;letter-spacing:.3px}.kanban-card-actions{border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-2);padding-top:var(--space-2)}.kanban-action-btn{flex:1 1}.order-builder-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:var(--z-modal)}.order-builder-modal{background:var(--color-surface);box-shadow:inset -4px -4px 0 0 var(--color-slate-300),inset 4px 4px 0 0 var(--color-slate-100),0 0 0 4px var(--color-slate-500),8px 8px 0 0 #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:100%}.order-builder-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.order-builder-title h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.order-builder-title p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:var(--space-1) 0 0 0}.order-builder-close{background:var(--color-slate-100);border:none;box-shadow:inset -2px -2px 0 0 var(--color-slate-300),inset 2px 2px 0 0 var(--color-slate-50),0 0 0 2px var(--color-slate-400);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-family-pixel);font-size:14px;line-height:1;padding:var(--space-2) var(--space-3)}.order-builder-close:hover{background:var(--color-slate-200);color:var(--color-text-primary)}.order-builder-steps{align-items:center;background:var(--color-slate-50);border-bottom:3px solid var(--color-pixel-border);display:flex;justify-content:center;padding:var(--space-4) var(--space-6)}.step-item{align-items:center;display:flex;gap:var(--space-3)}.step-item,.step-item.completed{cursor:pointer}.step-number{align-items:center;background:var(--color-slate-200);border-radius:0!important;box-shadow:inset -2px -2px 0 0 var(--color-slate-300),inset 2px 2px 0 0 var(--color-slate-100),0 0 0 2px var(--color-slate-400);color:var(--color-text-secondary);display:flex;font-family:var(--font-family-pixel);font-size:var(--font-size-sm);font-weight:400;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.step-item.active .step-number{background:var(--color-primary-500);box-shadow:inset -2px -2px 0 0 var(--color-primary-700),inset 2px 2px 0 0 var(--color-primary-400),0 0 0 2px var(--color-primary-600);color:#fff}.step-item.completed .step-number{background:var(--color-success-500);box-shadow:inset -2px -2px 0 0 var(--color-success-700),inset 2px 2px 0 0 var(--color-success-400),0 0 0 2px var(--color-success-600);color:#fff}.step-info{display:flex;flex-direction:column}.step-title{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.step-item.active .step-title{color:var(--color-text-primary)}.step-description{color:var(--color-text-muted);font-size:var(--font-size-xs)}.step-connector{background:var(--color-slate-300);box-shadow:0 1px 0 0 var(--color-slate-200);height:3px;margin:0 var(--space-3);width:80px}.order-builder-content{flex:1 1;overflow-y:auto;padding:var(--space-4) var(--space-6)}.order-builder-customer{margin:0 auto;max-width:800px}.customer-search{margin-bottom:var(--space-6)}.customer-search-input{width:100%}.customer-section{margin-bottom:var(--space-6)}.customer-section-title{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin:0 0 var(--space-3) 0;text-transform:uppercase}.customer-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.customer-card{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3);transition:all var(--transition-fast)}.customer-card:hover{border-color:var(--color-primary-300)}.customer-card.selected{background:var(--color-primary-50);border-color:var(--color-primary-500)}.customer-avatar{align-items:center;background:var(--color-primary-100);border-radius:50%;color:var(--color-primary-700);display:flex;flex-shrink:0;font-weight:var(--font-weight-bold);height:40px;justify-content:center;width:40px}.customer-info{flex:1 1;min-width:0}.customer-name{color:var(--color-text-primary);display:block;font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-company{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs)}.customer-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:400px;overflow-y:auto}.customer-list-item{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3);transition:all var(--transition-fast)}.customer-list-item:hover{background:var(--color-slate-50);border-color:var(--color-primary-300)}.customer-list-item.selected{background:var(--color-primary-50);border-color:var(--color-primary-500)}.customer-list-avatar{align-items:center;background:var(--color-primary-100);border-radius:50%;color:var(--color-primary-700);display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);height:36px;justify-content:center;width:36px}.customer-list-info{flex:1 1;min-width:0}.customer-list-name{color:var(--color-text-primary);display:block;font-weight:var(--font-weight-medium)}.customer-list-company{color:var(--color-text-secondary);display:block;font-size:var(--font-size-xs)}.customer-list-email{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs)}.customer-list-meta{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-1)}.customer-terms{color:var(--color-text-muted);font-size:var(--font-size-xs)}.customer-empty{color:var(--color-text-muted);padding:var(--space-8);text-align:center}.order-builder-products{display:flex;flex-direction:column;gap:var(--space-4)}.selected-customer-banner{align-items:center;background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.banner-content{align-items:center;display:flex;gap:var(--space-2)}.banner-label{color:var(--color-text-secondary)}.banner-customer{color:var(--color-primary-700);font-weight:var(--font-weight-semibold)}.banner-company{color:var(--color-text-secondary)}.products-layout{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 350px}.products-section-title{align-items:center;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin:0 0 var(--space-3) 0}.products-section-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 0 var(--space-3) 0}.products-selected{background:var(--color-slate-50);border-radius:var(--radius-lg);height:fit-content;max-height:600px;overflow-y:auto;padding:var(--space-4)}.products-empty{color:var(--color-text-muted);padding:var(--space-6);text-align:center}.products-empty-icon{font-size:48px;margin-bottom:var(--space-2)}.products-empty-hint{font-size:var(--font-size-sm)}.selected-item-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.selected-item-header{align-items:flex-start;margin-bottom:var(--space-2)}.selected-item-name{display:flex;flex-direction:column;gap:var(--space-1)}.item-brand{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.item-packaging{color:var(--color-text-muted);font-size:var(--font-size-xs)}.selected-item-remove{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:20px;line-height:1;padding:0}.selected-item-remove:hover{color:var(--color-error-500)}.selected-item-controls{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr;margin-bottom:var(--space-2)}.item-control label{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs);margin-bottom:var(--space-1)}.item-control input{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:var(--space-2);width:100%}.selected-item-subtotal{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.order-total-card{align-items:center;background:var(--color-primary-50);border:2px solid var(--color-primary-200);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-top:var(--space-2);padding:var(--space-4)}.order-total-label{color:var(--color-primary-700);font-weight:var(--font-weight-semibold)}.order-total-amount{color:var(--color-primary-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.order-builder-details{margin:0 auto;max-width:900px}.details-layout{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr}.details-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4) 0}.details-customer{align-items:center;background:var(--color-slate-50);border-radius:var(--radius-md);display:flex;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3)}.details-customer-avatar{align-items:center;background:var(--color-primary-100);border-radius:50%;color:var(--color-primary-700);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:48px;justify-content:center;width:48px}.details-customer-info{display:flex;flex-direction:column}.details-customer-name{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.details-customer-address,.details-customer-company{color:var(--color-text-muted);font-size:var(--font-size-sm)}.details-dates{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;margin-bottom:var(--space-4)}.details-terms{align-items:center;display:flex;gap:var(--space-2);margin-top:var(--space-4)}.terms-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.details-summary{background:var(--color-slate-50);border-radius:var(--radius-lg);padding:var(--space-4)}.summary-item{border-bottom:1px solid var(--color-border);gap:var(--space-3);padding:var(--space-2) 0}.summary-item:last-child{border-bottom:none}.summary-item-info{flex:1 1}.summary-item-name{display:block;font-weight:var(--font-weight-medium)}.summary-item-packaging{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs)}.summary-item-qty{min-width:40px}.summary-item-price{font-weight:var(--font-weight-semibold);min-width:80px}.summary-divider{background:var(--color-border);height:1px;margin:var(--space-4) 0}.summary-totals{display:flex;flex-direction:column;gap:var(--space-2)}.summary-row{display:flex;font-size:var(--font-size-sm);justify-content:space-between}.summary-total{padding-top:var(--space-2)}.order-builder-footer{align-items:center;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.footer-left,.footer-right{display:flex;gap:var(--space-3)}.order-detail-overlay{background:#0000004d;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:var(--z-modal)}.order-detail-panel{animation:slideIn .2s steps(4);background:var(--color-surface);box-shadow:-4px 0 0 0 var(--color-slate-400),-8px 0 0 0 #0000001a;display:flex;flex-direction:column;height:100%;max-width:600px;width:100%}@keyframes slideIn{0%{transform:translateX(100%)}25%{transform:translateX(75%)}50%{transform:translateX(50%)}75%{transform:translateX(25%)}to{transform:translateX(0)}}.order-detail-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.order-detail-header-content{align-items:center;display:flex;gap:var(--space-3)}.order-detail-id{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.order-detail-close{background:var(--color-slate-100);border:none;box-shadow:inset -2px -2px 0 0 var(--color-slate-300),inset 2px 2px 0 0 var(--color-slate-50),0 0 0 2px var(--color-slate-400);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-family-pixel);font-size:14px;padding:var(--space-2) var(--space-3)}.order-detail-close:hover{background:var(--color-slate-200);color:var(--color-text-primary)}.order-detail-status-bar{align-items:center;background:var(--color-slate-50);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-6)}.status-bar-current{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}.status-indicator{border-radius:50%;height:8px;width:8px}.status-bar-actions{display:flex;gap:var(--space-2)}.order-detail-content{flex:1 1;overflow-y:auto;padding:var(--space-4) var(--space-6)}.order-detail-section{margin-bottom:var(--space-6)}.section-header{margin-bottom:var(--space-3)}.section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.customer-card-detail{background:var(--color-slate-50);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3)}.customer-avatar-large{align-items:center;background:var(--color-primary-100);border-radius:50%;color:var(--color-primary-700);display:flex;flex-shrink:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:48px;justify-content:center;width:48px}.customer-info-detail{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.customer-name-large{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.customer-company-detail,.customer-email-detail,.customer-phone-detail{color:var(--color-text-muted);font-size:var(--font-size-sm)}.customer-badges{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-1)}.details-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.detail-item{padding:var(--space-2)}.detail-item-full{grid-column:1/-1}.detail-label{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs);letter-spacing:.05em;margin-bottom:var(--space-1);text-transform:uppercase}.detail-value{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.details-edit-form{display:flex;flex-direction:column;gap:var(--space-3)}.details-edit-row{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.details-edit-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2)}.delivery-status-card{align-items:center;background:var(--color-slate-50);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;padding:var(--space-3)}.delivery-status-info{align-items:center;display:flex;gap:var(--space-2)}.delivery-ready-badge{color:var(--color-success-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.items-table{border:none;box-shadow:inset -2px -2px 0 0 var(--color-slate-300),inset 2px 2px 0 0 var(--color-slate-100),0 0 0 2px var(--color-slate-400);overflow:hidden}.items-table-header{background:var(--color-slate-50);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:var(--space-2) var(--space-3);text-transform:uppercase}.items-table-header,.items-table-row{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:1fr 60px 80px 80px 40px}.items-table-row{align-items:center;border-bottom:1px solid var(--color-border-light);padding:var(--space-3)}.items-table-row:last-of-type{border-bottom:none}.item-col-product{min-width:0}.item-product-name{display:block;font-weight:var(--font-weight-medium)}.item-product-packaging{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs)}.item-col-price,.item-col-qty,.item-col-total{font-size:var(--font-size-sm);text-align:right}.item-col-total{font-weight:var(--font-weight-semibold)}.item-col-actions{text-align:center}.item-remove-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:18px;line-height:1;padding:var(--space-1)}.item-remove-btn:hover{color:var(--color-error-500)}.items-table-footer{grid-gap:var(--space-1) var(--space-4);background:var(--color-slate-50);border-top:1px solid var(--color-border);display:grid;gap:var(--space-1) var(--space-4);grid-template-columns:1fr auto;padding:var(--space-3)}.items-total-label{font-weight:var(--font-weight-semibold)}.items-total-value{color:var(--color-success-600);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-align:right}.items-discount-label{color:var(--color-error-600);font-weight:var(--font-weight-medium)}.items-discount-value{color:var(--color-error-600);font-size:var(--font-size-base)}.items-grand-total-label,.items-grand-total-value{border-top:1px solid var(--color-border);font-size:var(--font-size-lg);margin-top:var(--space-1);padding-top:var(--space-2)}.items-empty,.items-loading{color:var(--color-text-muted);padding:var(--space-6);text-align:center}.add-items-panel{background:var(--color-slate-50);border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-4)}.add-items-actions{align-items:center;margin-top:var(--space-4);padding-top:var(--space-4)}.add-items-actions,.order-detail-footer{border-top:1px solid var(--color-border);display:flex;justify-content:space-between}.order-detail-footer{background:var(--color-surface);padding:var(--space-4) var(--space-6)}.convert-btn{flex:1 1;margin-right:var(--space-3)}.invoice-manager{display:flex;flex-direction:column;gap:var(--space-4)}.invoice-toolbar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.invoice-filters{flex-wrap:wrap}.filter-btn,.invoice-filters{display:flex;gap:var(--space-2)}.filter-btn{align-items:center;background:var(--color-surface);border:none;box-shadow:inset -2px -2px 0 0 var(--color-slate-300),inset 2px 2px 0 0 var(--color-slate-50),0 0 0 2px var(--color-slate-400);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-pixel);font-size:11px;font-weight:400;letter-spacing:.3px;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.filter-btn:hover{box-shadow:inset -2px -2px 0 0 var(--color-primary-400),inset 2px 2px 0 0 var(--color-primary-100),0 0 0 2px var(--color-primary-500);color:var(--color-text-primary)}.filter-btn.active{background:var(--color-primary-50);box-shadow:inset 2px 2px 0 0 var(--color-primary-400),inset -2px -2px 0 0 var(--color-primary-100),0 0 0 2px var(--color-primary-600);color:var(--color-primary-700)}.filter-count{background:var(--color-slate-200);border-radius:10px;font-size:var(--font-size-xs);padding:1px 6px}.filter-btn.active .filter-count{background:var(--color-primary-200)}.invoice-actions{align-items:center;display:flex;gap:var(--space-3)}.invoice-search{width:250px}.invoice-bulk-actions{align-items:center;background:var(--color-info-50);border:1px solid var(--color-info-200);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3)}.bulk-count{color:var(--color-info-700);font-weight:var(--font-weight-semibold)}.invoice-list{background:var(--color-surface);border:none;box-shadow:inset -3px -3px 0 0 var(--color-slate-300),inset 3px 3px 0 0 var(--color-slate-100),0 0 0 3px var(--color-slate-400);overflow:hidden}.invoice-list-header{background:var(--color-slate-50);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.invoice-list-header,.invoice-list-row{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:40px 100px 1fr 100px 100px 100px 120px 120px 80px;padding:var(--space-3) var(--space-4)}.invoice-list-row{align-items:center;border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.invoice-list-row:hover{background:var(--color-slate-50)}.invoice-list-row.selected{background:var(--color-primary-50)}.invoice-list-row:last-child{border-bottom:none}.invoice-col-id,.invoice-col-select input{cursor:pointer}.invoice-id-link{color:var(--color-primary-600);font-weight:var(--font-weight-semibold)}.invoice-id-link:hover{text-decoration:underline}.invoice-col-customer{cursor:pointer;min-width:0}.invoice-col-customer .customer-name{display:block;font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-col-customer .customer-company{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs)}.invoice-col-date,.invoice-col-due{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.invoice-col-total{font-weight:var(--font-weight-semibold);text-align:right}.invoice-col-delivery,.invoice-col-status{text-align:center}.delivery-pending{color:var(--color-text-muted)}.invoice-col-actions{display:flex;gap:var(--space-1);justify-content:center}.action-btn{background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);opacity:.6;padding:var(--space-1);transition:opacity var(--transition-fast)}.action-btn:hover{opacity:1}.invoice-empty{color:var(--color-text-muted);padding:var(--space-8);text-align:center}.invoice-create-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:var(--z-modal)}.invoice-create-modal{background:var(--color-surface);box-shadow:inset -4px -4px 0 0 var(--color-slate-300),inset 4px 4px 0 0 var(--color-slate-100),0 0 0 4px var(--color-slate-500),8px 8px 0 0 #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:100%}.invoice-create-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.invoice-create-header h2{font-size:var(--font-size-xl);margin:0}.modal-close{background:var(--color-slate-100);border:none;box-shadow:inset -2px -2px 0 0 var(--color-slate-300),inset 2px 2px 0 0 var(--color-slate-50),0 0 0 2px var(--color-slate-400);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-family-pixel);font-size:14px;padding:var(--space-1) var(--space-2)}.modal-close:hover{background:var(--color-slate-200);color:var(--color-text-primary)}.invoice-create-content{flex:1 1;overflow-y:auto;padding:var(--space-4) var(--space-6)}.invoice-create-layout{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 340px;min-height:400px}.invoice-create-left,.invoice-create-right{display:flex;flex-direction:column;gap:var(--space-4)}.invoice-details-card{background:var(--color-slate-50);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.invoice-details-card h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.invoice-summary-card{background:var(--color-slate-50);border-radius:var(--radius-lg);padding:var(--space-4);position:sticky;top:0}.invoice-summary-card h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3) 0}.summary-empty-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0;padding:var(--space-4) 0;text-align:center}.create-section{margin-bottom:var(--space-4)}.create-label{display:block;margin-bottom:var(--space-2)}.action-btn-send,.create-label{font-weight:var(--font-weight-medium)}.action-btn-send{color:var(--color-primary-600)!important;opacity:1!important}.action-btn-send:hover{color:var(--color-primary-700)!important;text-decoration:underline}.action-btn-revert{color:var(--color-warning-600)!important;font-weight:var(--font-weight-medium);opacity:1!important}.action-btn-revert:hover{color:var(--color-warning-700)!important;text-decoration:underline}.action-btn-pay{color:var(--color-success-600)!important;font-weight:var(--font-weight-medium);opacity:1!important}.action-btn-pay:hover{color:var(--color-success-700)!important;text-decoration:underline}.overdue-text{color:var(--color-error-600)!important;font-weight:var(--font-weight-semibold)}.invoice-list-header,.invoice-list-row{grid-template-columns:40px 100px 1fr 100px 100px 100px 120px 120px 120px}.create-products-layout{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 320px;margin-top:var(--space-4)}.create-products-matrix h4,.create-products-selected h4{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3) 0;text-transform:uppercase}.create-products-selected{background:var(--color-slate-50);border-radius:var(--radius-md);max-height:500px;overflow-y:auto;padding:var(--space-3)}.selected-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-4);text-align:center}.selected-list{display:flex;flex-direction:column;gap:var(--space-2)}.selected-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2)}.selected-item-header{display:flex;justify-content:space-between;margin-bottom:var(--space-1)}.selected-item-header .item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.selected-item-header button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:16px}.selected-item .item-packaging{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs);margin-bottom:var(--space-2)}.selected-item-inputs{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr}.input-group label{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs);margin-bottom:2px}.input-group input{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2);width:100%}.selected-item-subtotal{border-top:1px solid var(--color-border-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-2);padding-top:var(--space-2);text-align:right}.selected-total{background:var(--color-primary-50);border-radius:var(--radius-sm);display:flex;font-weight:var(--font-weight-bold);justify-content:space-between;margin-top:var(--space-2);padding:var(--space-3)}.create-review-layout{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr}.create-review-form h4,.create-review-summary h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4) 0}.review-customer{background:var(--color-slate-50);border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-3)}.review-label{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs);margin-bottom:var(--space-1)}.review-value{font-weight:var(--font-weight-semibold)}.review-company{color:var(--color-text-muted);display:block;font-size:var(--font-size-sm)}.review-dates{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;margin-bottom:var(--space-3)}.create-review-summary{background:var(--color-slate-50);border-radius:var(--radius-md);padding:var(--space-4)}.summary-items{flex-direction:column;margin-bottom:var(--space-4)}.summary-item,.summary-items{display:flex;gap:var(--space-2)}.summary-item{align-items:center;border-bottom:1px solid var(--color-border-light);padding-bottom:var(--space-2)}.summary-item-name{flex:1 1}.summary-item-name span{display:block}.summary-item-pkg{color:var(--color-text-muted);font-size:var(--font-size-xs)}.summary-item-qty{color:var(--color-text-secondary)}.summary-item-price{font-weight:var(--font-weight-medium);min-width:70px;text-align:right}.summary-total{border-top:2px solid var(--color-border);padding-top:var(--space-3)}.invoice-create-footer,.summary-total{display:flex;justify-content:space-between}.invoice-create-footer{border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-6)}.invoice-create-footer .footer-left,.invoice-create-footer .footer-right{display:flex;gap:var(--space-3)}.sales-pipeline{display:flex;flex-direction:column;gap:var(--space-6)}.pipeline-flow{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-4)}.pipeline-stage{background:var(--color-slate-50);background:var(--stage-bg,var(--color-slate-50));border:none;box-shadow:inset -3px -3px 0 0 var(--color-slate-300),inset 3px 3px 0 0 var(--color-slate-100),0 0 0 3px var(--color-slate-400);flex:1 1;max-width:280px;min-width:200px;transition:all var(--transition-fast)}.pipeline-stage.hovered{box-shadow:inset -3px -3px 0 0 var(--stage-color),inset 3px 3px 0 0 var(--color-slate-100),0 0 0 3px var(--stage-color)}.pipeline-stage-header{align-items:flex-start;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-3);padding:var(--space-3)}.stage-icon{background:var(--color-slate-400);background:var(--stage-color,var(--color-slate-400));box-shadow:inset -2px -2px 0 0 #0003,inset 2px 2px 0 0 #fff3;color:#fff;flex-shrink:0;font-family:var(--font-family-pixel);font-size:9px;font-weight:400;letter-spacing:.5px;padding:4px 5px}.stage-info{flex:1 1;min-width:0}.stage-title{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0}.stage-description{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.stage-count{align-items:flex-end;display:flex;flex-direction:column}.count-number{color:var(--color-text-primary);color:var(--stage-color,var(--color-text-primary));font-family:var(--font-family-pixel);font-size:var(--font-size-xl);font-weight:400;line-height:1}.count-total{color:var(--color-text-muted);font-size:var(--font-size-xs)}.pipeline-stage-content{display:flex;flex-direction:column;gap:var(--space-2);max-height:350px;overflow-y:auto;padding:var(--space-2)}.pipeline-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-4);text-align:center}.pipeline-item{background:var(--color-surface);border:none;box-shadow:inset -2px -2px 0 0 var(--color-slate-200),inset 2px 2px 0 0 var(--color-slate-50),0 0 0 2px var(--color-slate-300);cursor:pointer;padding:var(--space-2);transition:all var(--transition-fast)}.pipeline-item:hover{box-shadow:inset -2px -2px 0 0 var(--color-primary-400),inset 2px 2px 0 0 var(--color-primary-100),0 0 0 2px var(--color-primary-500)}.pipeline-item-header{display:flex;justify-content:space-between;margin-bottom:var(--space-1)}.pipeline-item-id{color:var(--color-primary-600)}.pipeline-item-amount,.pipeline-item-id{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.pipeline-item-amount{color:var(--color-success-600)}.pipeline-item-customer .customer-name{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipeline-item-customer .customer-company{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs)}.pipeline-item-date{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--space-1)}.pipeline-more{color:var(--color-primary-600);cursor:pointer;font-size:var(--font-size-xs);padding:var(--space-2);text-align:center}.pipeline-connector{align-items:center;display:flex;padding:0 var(--space-1)}.connector-line{background:var(--color-slate-300);box-shadow:0 1px 0 0 var(--color-slate-200);height:3px;width:20px}.connector-arrow{color:var(--color-slate-500);font-family:var(--font-family-pixel);font-size:12px}.pipeline-bottom{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.pipeline-completed-card,.pipeline-summary-card{height:fit-content}.completed-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.completed-header h3{font-size:var(--font-size-base);margin:0}.completed-empty{color:var(--color-text-muted);padding:var(--space-4);text-align:center}.completed-list{display:flex;flex-direction:column;gap:var(--space-2)}.completed-item{align-items:center;background:var(--color-slate-50);border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-2);transition:background var(--transition-fast)}.completed-item:hover{background:var(--color-slate-100)}.completed-item-info{align-items:center;display:flex;gap:var(--space-2)}.completed-item-id{color:var(--color-primary-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.completed-item-customer{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.completed-item-amount{color:var(--color-success-600);font-weight:var(--font-weight-semibold)}.pipeline-summary-card h3{font-size:var(--font-size-base);margin:0 0 var(--space-4) 0}.summary-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.summary-stat{background:var(--color-slate-50);border-radius:var(--radius-md);padding:var(--space-3);text-align:center}.summary-stat-clickable{transition:all var(--transition-fast)}.summary-stat-clickable:hover{background:var(--color-primary-50);box-shadow:var(--shadow-sm)}.stat-label{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs);margin-bottom:var(--space-1)}.stat-value{color:var(--color-text-primary);font-family:var(--font-family-pixel);font-size:var(--font-size-lg);font-weight:400}.stat-value-large{color:var(--color-success-600);font-size:var(--font-size-xl)}.pipeline-actions{margin-top:var(--space-2)}.pipeline-actions-card h4{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-3) 0}.quick-action-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (max-width:1024px){.products-layout{grid-template-columns:1fr}.products-selected{max-height:300px}.create-products-layout,.create-review-layout,.details-layout,.pipeline-bottom{grid-template-columns:1fr}.invoice-list-header,.invoice-list-row{grid-template-columns:40px 80px 1fr 80px 80px 100px}.invoice-col-delivery{display:none}.invoice-create-layout{grid-template-columns:1fr}}.kanban-mobile-tabs{-webkit-overflow-scrolling:touch;display:none;gap:var(--space-2);margin-bottom:var(--space-3);overflow-x:auto;padding:var(--space-3) 0}.mobile-tab{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;flex:1 1;min-width:80px;padding:var(--space-3) var(--space-2);text-align:center;transition:all var(--transition-fast)}.mobile-tab.active{background:var(--color-primary-50);border-color:var(--tab-color,var(--color-primary-500))}.mobile-tab-title{color:var(--color-text-secondary);display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.mobile-tab.active .mobile-tab-title{color:var(--color-text-primary)}.mobile-tab-count{color:var(--color-primary-500);color:var(--tab-color,var(--color-primary-500));display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.desktop-only{display:inline}@media (max-width:768px){.sales-header{padding:var(--space-3) var(--space-4)}.sales-header-content{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.sales-stats{grid-template-columns:repeat(2,1fr)}.sales-content{padding:var(--space-3)}.kanban-mobile-tabs{display:flex}.desktop-only{display:none}.kanban-board{flex-direction:column;min-height:auto}.kanban-column{display:none;max-width:none;min-width:auto}.kanban-column.mobile-visible{display:flex}.kanban-column-collapsed{display:none}.kanban-card{padding:var(--space-4)}.kanban-card-actions{margin-top:var(--space-3);padding-top:var(--space-3)}.kanban-action-btn{font-size:var(--font-size-base);min-height:48px;padding:var(--space-3) var(--space-4)}.order-builder-modal{border-radius:0;max-height:100vh;max-width:none}.order-builder-steps{flex-wrap:wrap;gap:var(--space-2)}.step-connector{display:none}.order-detail-panel{max-width:none}.invoice-toolbar{flex-direction:column}.invoice-filters{overflow-x:auto;width:100%}.invoice-actions{flex-wrap:wrap;width:100%}.invoice-search{width:100%}.invoice-list-header,.invoice-list-row{grid-template-columns:40px 1fr 80px 100px}.invoice-col-date,.invoice-col-due{display:none}.invoice-create-layout{grid-template-columns:1fr}.pipeline-flow{flex-direction:column}.pipeline-stage{max-width:none;min-width:auto}.pipeline-connector{display:none}.summary-stats{grid-template-columns:1fr}}.product-selector{display:flex;flex-direction:column;gap:var(--space-4)}.product-selector-loading{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;padding:var(--space-8)}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary-500);height:32px;margin-bottom:var(--space-3);width:32px}@keyframes spin{to{transform:rotate(1turn)}}.product-selector-header{display:flex;flex-wrap:wrap;gap:var(--space-3)}.product-search{flex:1 1;min-width:200px;position:relative}.product-search-input{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);padding:var(--space-3);padding-right:var(--space-8);width:100%}.product-search-input:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #6366f11a;outline:none}.search-clear{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:20px;line-height:1;padding:0;position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%)}.search-clear:hover{color:var(--color-text-primary)}.product-filters{display:flex;gap:var(--space-2)}.category-filter{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);min-width:150px;padding:var(--space-2) var(--space-3)}.selected-items-summary{background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);padding:var(--space-4)}.summary-header{align-items:center;border-bottom:1px solid var(--color-primary-200);display:flex;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-3)}.summary-count{font-weight:var(--font-weight-semibold)}.summary-count,.summary-total{color:var(--color-primary-700)}.summary-total{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.selected-items-list{display:flex;flex-direction:column;gap:var(--space-3)}.selected-item-row{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3)}.selected-item-info{flex:1 1;min-width:120px}.selected-item-brand{color:var(--color-text-primary);display:block;font-weight:var(--font-weight-semibold)}.selected-item-pkg{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs)}.selected-item-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.price-control,.qty-control{display:flex;flex-direction:column;gap:var(--space-1)}.price-control label,.qty-control label{color:var(--color-text-muted);font-size:var(--font-size-xs)}.qty-control{align-items:center;flex-direction:row;gap:var(--space-2)}.qty-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:var(--space-2);text-align:center;width:60px}.qty-max{color:var(--color-text-muted);font-size:var(--font-size-xs)}.price-input-wrapper{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.price-symbol{background:var(--color-slate-50);color:var(--color-text-muted)}.price-input,.price-symbol{font-size:var(--font-size-sm);padding:var(--space-2)}.price-input{border:none;width:70px}.price-input:focus{outline:none}.item-subtotal{color:var(--color-success-600);font-weight:var(--font-weight-semibold);min-width:70px;text-align:right}.remove-item-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:24px;line-height:1;padding:var(--space-1)}.remove-item-btn:hover{color:var(--color-error-500)}.product-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.no-products{color:var(--color-text-muted);grid-column:1/-1;padding:var(--space-8);text-align:center}.clear-filters-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);margin-top:var(--space-3);padding:var(--space-2) var(--space-4)}.clear-filters-btn:hover{background:var(--color-slate-50)}.product-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-fast)}.product-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md)}.product-card.selected{background:var(--color-primary-50);border-color:var(--color-primary-500)}.product-card.out-of-stock{opacity:.6}.product-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.product-brand-info{align-items:center;display:flex;gap:var(--space-3)}.brand-logo{object-fit:cover}.brand-logo,.brand-logo-placeholder{border-radius:var(--radius-md);height:40px;width:40px}.brand-logo-placeholder{align-items:center;background:var(--color-primary-100);color:var(--color-primary-700);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);justify-content:center}.brand-details{display:flex;flex-direction:column}.brand-name{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.beer-style{color:var(--color-text-muted)}.beer-style,.selected-badge{font-size:var(--font-size-xs)}.selected-badge{background:var(--color-primary-500);border-radius:var(--radius-sm);color:#fff;font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2)}.product-packaging{border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-3);padding-bottom:var(--space-3)}.packaging-name{color:var(--color-text-primary);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.packaging-category{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs)}.product-stock{display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}.stock-available,.stock-reserved{display:flex;flex-direction:column}.stock-number{color:var(--color-success-600);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.stock-label{color:var(--color-text-muted);font-size:var(--font-size-xs)}.reserved-number{color:var(--color-warning-600);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1}.reserved-label{color:var(--color-warning-600);font-size:var(--font-size-xs)}.product-action{margin-top:var(--space-2)}.add-btn{background:var(--color-success-500);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:var(--font-weight-semibold);padding:var(--space-3);transition:background var(--transition-fast);width:100%}.add-btn:hover:not(:disabled){background:var(--color-success-600)}.add-btn:disabled{background:var(--color-slate-300);cursor:not-allowed}.selected-controls{gap:var(--space-3)}.inline-qty,.selected-controls{align-items:center;display:flex}.inline-qty{flex:1 1;gap:var(--space-2)}.qty-btn{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--font-size-lg);height:32px;justify-content:center;width:32px}.qty-btn:hover:not(:disabled){background:var(--color-slate-50)}.qty-btn:disabled{cursor:not-allowed;opacity:.5}.qty-display{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);min-width:30px;text-align:center}.remove-btn{background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-md);color:var(--color-error-600);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.remove-btn:hover{background:var(--color-error-100)}.create-products-section{margin-top:var(--space-4)}@media (max-width:768px){.product-selector-header{flex-direction:column}.product-search{min-width:100%}.product-filters{width:100%}.category-filter{flex:1 1}.product-grid{grid-template-columns:1fr}.selected-item-row{align-items:flex-start;flex-direction:column}.selected-controls,.selected-item-controls{justify-content:space-between;width:100%}.summary-header{flex-direction:column;gap:var(--space-2);text-align:center}}@media (prefers-color-scheme:dark){.add-items-panel,.clear-filters-btn:hover,.completed-item,.completed-item:hover,.create-products-selected,.create-review-summary,.customer-card-detail,.customer-list-item:hover,.delivery-status-card,.details-customer,.details-summary,.invoice-details-card,.invoice-list-header,.invoice-list-row:hover,.invoice-summary-card,.items-table-footer,.items-table-header,.kanban-column,.modal-close,.order-builder-close,.order-builder-steps,.order-detail-close,.order-detail-status-bar,.pipeline-stage,.price-symbol,.products-selected,.qty-btn:hover:not(:disabled),.review-customer,.summary-stat{background:var(--color-surface-elevated)}}.cn-manager{display:flex;flex-direction:column;gap:var(--space-4)}.cn-manager-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between}.cn-manager-stats{display:flex;gap:var(--space-5)}.cn-stat{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-1)}.cn-stat-value{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:700;line-height:1}.cn-stat-label{color:var(--color-text-secondary);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.cn-stat-highlight .cn-stat-value{color:var(--color-green-500);color:var(--color-brand-primary,var(--color-green-500))}.cn-manager-actions{align-items:center;display:flex;gap:var(--space-2)}.cn-form-title{font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-4) 0}.cn-label{color:var(--color-text-secondary);display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-1)}.invoice-adjustment{background:#fff7ed;bottom:0;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:2000}.adjustment-header{background:#adb5bd;color:#333;padding:20px;position:sticky;top:0;z-index:100}.adjustment-header h1{font-size:24px;margin:12px 0 4px}.adjustment-header p{color:#555;font-size:14px;margin:0}.adjustment-content{margin:0 auto;max-width:600px;padding:20px}.adjustment-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.form-section{margin-bottom:20px}.form-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input,.form-select,.form-textarea{border:2px solid #e0e0e0;border-radius:4px;font-family:inherit;font-size:15px;padding:12px;transition:border-color .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2da044;outline:none}.form-select{background:#fff;cursor:pointer}.form-textarea{resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.adjustment-info{background:#fff3e0;border-left:4px solid #ff9800;border-radius:4px;margin-bottom:20px;padding:12px 16px}.adjustment-info p{color:#e65100;font-size:13px;line-height:1.5;margin:0}.form-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:24px}.btn-cancel,.btn-submit{border:none;border-radius:4px;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:all .2s}.btn-cancel{background:#fff;border:2px solid #e0e0e0;color:#666}.btn-cancel:hover{background:#fff7ed}.btn-submit{background:#2da044;color:#fff}.btn-submit:hover:not(:disabled){background:#0056b3}.btn-submit:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.adjustment-content{padding:15px}.adjustment-form{padding:20px}.form-row{gap:12px;grid-template-columns:1fr}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.keg-qrcode-container{margin:20px auto;max-width:1200px;padding:20px}canvas{image-rendering:crisp-edges;image-rendering:pixelated}#qr-reader{position:relative}#qr-reader video{border-radius:8px;height:auto!important;width:100%!important}#qr-reader__dashboard{display:none!important}@media (max-width:768px){table{font-size:14px}td,th{padding:8px!important}button{font-size:12px!important;padding:4px 8px!important}}@media print{.print-qr-code-page body *,body.print-qr-code-page *{visibility:hidden}.print-qr-code-page .print-qr-code,.print-qr-code-page .print-qr-code *,body.print-qr-code-page .print-qr-code,body.print-qr-code-page .print-qr-code *{visibility:visible}.print-qr-code{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}}.keg-management{margin:0 auto;max-width:1400px;padding:20px}.keg-management-header{margin-bottom:30px}.keg-management-header h1{color:var(--color-text-primary);margin:0 0 10px}.keg-management-header p{color:var(--color-text-secondary);margin:0}.alert{align-items:center;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.alert-error{background-color:var(--status-alert-bg);border:1px solid #fcc;color:var(--status-alert-text)}.alert-success{background-color:var(--status-normal-bg);border:1px solid #cfc;color:var(--status-normal-text)}.alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:20px;padding:0 5px}.tabs{border-bottom:2px solid var(--color-border-light);display:flex;gap:10px;margin-bottom:20px}.tabs button{background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.tabs button:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.tabs button.active{border-bottom-color:var(--color-primary-600);color:var(--color-primary-600)}.tab-content{background:var(--color-surface);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{color:var(--color-text-primary);margin:0}.refresh-btn{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.refresh-btn:hover{background-color:#138496}.keg-status-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.keg-card{background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-600) 100%);border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;padding:25px}.keg-card h3{font-size:18px;margin:0 0 15px}.keg-stock{align-items:baseline;display:flex;gap:8px;margin-bottom:10px}.stock-number{font-size:36px;font-weight:700}.stock-unit{font-size:16px;opacity:.9}.keg-category{font-size:14px;margin-top:10px;opacity:.8}.empty-state{color:var(--color-text-secondary);padding:40px;text-align:center}.empty-state p{margin:10px 0}.hint{color:#95a5a6;font-size:14px;font-style:italic;margin-top:5px}.two-column-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}@media (max-width:1024px){.two-column-layout{grid-template-columns:1fr}}.form-section{background:var(--color-surface-hover);border-radius:8px;padding:25px}.form-section h2{color:var(--color-text-primary);margin-bottom:10px;margin-top:0}.form-description{color:var(--color-text-secondary);font-size:14px}.form-description,.form-group{margin-bottom:20px}.form-group label{color:var(--color-text-secondary);display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:4px;font-family:inherit;font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2da044;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group textarea{resize:vertical}.chemical-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr auto;margin-bottom:10px}.chemical-row input,.chemical-row select{border:1px solid #ced4da;border-radius:4px;padding:8px;width:100%}.btn-remove{background-color:#e11d48;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;line-height:1;padding:8px 12px;transition:background-color .2s}.btn-remove:hover{background-color:#c82333}.btn-add-chemical{background-color:#3fb950;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px 16px;transition:background-color .2s}.btn-add-chemical:hover{background-color:#218838}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.btn-primary,.btn-secondary{border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-primary{color:#fff}.btn-primary,.btn-primary:hover:not(:disabled){background-color:var(--color-primary-600)}.btn-primary:disabled{cursor:not-allowed}.btn-primary:disabled,.btn-secondary{background-color:var(--color-text-secondary)}.btn-secondary{color:#fff}.btn-secondary:hover{background-color:#5a6268}.history-section{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:8px;padding:25px}.history-section h2{color:var(--color-text-primary);margin-bottom:20px;margin-top:0}.empty-history{color:var(--color-text-secondary);padding:40px 20px;text-align:center}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{background:var(--color-surface-hover);border-left:4px solid var(--color-primary-600);border-radius:6px;padding:15px}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.history-header strong{color:var(--color-text-primary);font-size:16px}.history-date{font-size:12px}.history-date,.history-details{color:var(--color-text-secondary)}.history-details{font-size:14px}.history-details p{margin:5px 0}.history-details strong{font-weight:600}.history-notes{border-top:1px solid var(--color-border-light);font-style:italic;padding-top:8px}.history-notes,.history-user{color:var(--color-text-secondary);margin-top:8px}.history-user{font-size:12px}.chemicals-used{background:var(--color-surface);border-radius:4px;margin-top:10px;padding:10px}.chemicals-used strong{color:var(--color-text-secondary);display:block;margin-bottom:5px}.chemicals-used ul{margin:5px 0;padding-left:20px}.chemicals-used li{color:var(--color-text-secondary);font-size:13px;margin:3px 0}.chatbot-fab{align-items:center;background:#4a4a5a;border-color:#8b8b9b #3a3a4a #3a3a4a #8b8b9b;border-radius:2px;border-style:solid;border-width:3px;bottom:24px;box-shadow:3px 3px 0 0 #2a2a3a;color:#9bbc0f;cursor:pointer;display:flex;font-family:var(--font-family-pixel);height:56px;justify-content:center;position:fixed;right:28px;transition:all .15s steps(2);width:56px;z-index:9998}.chatbot-fab:hover{box-shadow:4px 4px 0 0 #2a2a3a;transform:translate(-1px,-1px)}.chatbot-fab:active{box-shadow:1px 1px 0 0 #2a2a3a;transform:translate(1px,1px)}.chatbot-fab.open{background:#5a3a3a;border-color:#9b7a7a #4a2a2a #4a2a2a #9b7a7a;color:#ff6b6b}.chatbot-fab.open:hover{box-shadow:4px 4px 0 0 #2a2a3a}.chatbot-window{animation:gb-power-on .3s steps(4);background:#b0b0b8;border-color:#c8c8d0 #787880 #787880 #c8c8d0;border-radius:2px;border-style:solid;border-width:4px;bottom:96px;box-shadow:6px 6px 0 0 #00000040;display:flex;flex-direction:column;height:600px;max-height:calc(100vh - 140px);max-width:calc(100vw - 48px);overflow:hidden;position:fixed;right:28px;width:400px;z-index:9999}@keyframes gb-power-on{0%{opacity:0;transform:scale(.95)}50%{opacity:.7}to{opacity:1;transform:scale(1)}}.chatbot-header{align-items:center;background:#4a4a5a;border-bottom:3px solid #3a3a4a;color:#9bbc0f;display:flex;justify-content:space-between;padding:10px 12px}.chatbot-header-left{align-items:center;display:flex;gap:10px}.chatbot-header-right{align-items:center;display:flex;gap:6px}.chatbot-menu-btn{align-items:center;background:#3a3a4a;border-color:#6b6b7b #2a2a3a #2a2a3a #6b6b7b;border-radius:2px;border-style:solid;border-width:2px;color:#9bbc0f;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .1s steps(2)}.chatbot-menu-btn:hover{background:#5a5a6a;color:#c8dc4f}.chatbot-menu-btn:active{border-color:#2a2a3a #6b6b7b #6b6b7b #2a2a3a}.chatbot-title h3{color:#9bbc0f;font-size:12px;font-weight:400;letter-spacing:.5px;margin:0}.chatbot-subtitle,.chatbot-title h3{font-family:var(--font-family-pixel)}.chatbot-subtitle{color:#6b8b0f;font-size:10px;letter-spacing:.3px}.wake-word-dot{animation:gb-pulse 2s steps(4) infinite;background:#6b8b0f;border-radius:1px;display:inline-block;flex-shrink:0;height:8px;margin-left:6px;width:8px}.wake-word-dot.triggered{animation:wake-word-flash .5s steps(3);background:#c8dc4f;box-shadow:0 0 6px #c8dc4f}@keyframes wake-word-flash{0%{background:#c8dc4f;box-shadow:0 0 8px #c8dc4f}50%{background:#9bbc0f;box-shadow:0 0 12px #9bbc0f}to{background:#c8dc4f;box-shadow:0 0 6px #c8dc4f}}.chatbot-icon-btn{align-items:center;background:#3a3a4a;border-color:#6b6b7b #2a2a3a #2a2a3a #6b6b7b;border-radius:2px;border-style:solid;border-width:2px;color:#9bbc0f;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .1s steps(2)}.chatbot-icon-btn:hover{background:#5a5a6a;color:#c8dc4f}.chatbot-icon-btn:active{border-color:#2a2a3a #6b6b7b #6b6b7b #2a2a3a}.chatbot-voice-settings{animation:slideDown .2s ease;background:#a0a0a8;border-bottom:2px solid #888890;font-family:var(--font-family-pixel);font-size:10px;padding:10px 12px}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:200px;opacity:1}}.voice-setting-row{align-items:center;color:#3a3a4a;display:flex;font-size:11px;gap:8px;margin-bottom:8px}.voice-setting-row:last-child{margin-bottom:0}.voice-setting-row label{align-items:center;cursor:pointer;display:flex;font-family:var(--font-family-pixel);font-size:10px;gap:8px}.voice-setting-row select{background:#c8c8d0;border:2px solid #787880;border-radius:2px;flex:1 1;font-size:11px;max-width:200px;padding:6px 8px}.chatbot-session-list{animation:fadeIn .2s ease;background:#b0b0b8;bottom:0;display:flex;flex-direction:column;left:0;position:absolute;right:0;top:52px;z-index:10}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.session-list-header{align-items:center;border-bottom:2px solid #909098;color:#3a3a4a;display:flex;font-family:var(--font-family-pixel);font-size:11px;font-weight:400;justify-content:space-between;padding:10px 12px}.session-list-header button{background:none;border:none;color:#5a5a6a;cursor:pointer;padding:4px}.session-list-items{flex:1 1;overflow-y:auto}.session-empty{color:#6b6b7b;font-family:var(--font-family-pixel);font-size:11px;line-height:1.8;padding:24px;text-align:center}.session-item{align-items:center;border-bottom:2px solid #a0a0a8;cursor:pointer;display:flex;padding:10px 12px;transition:background .1s steps(2)}.session-item:hover{background:#c0c0c8}.session-item.active{background:#c8d8a8;border-left:3px solid #306230}.session-item-content{flex:1 1;min-width:0}.session-title{color:#3a3a4a;font-family:var(--font-family-pixel);font-size:10px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-meta{color:#6b6b7b;font-size:10px;margin-top:4px}.session-delete{background:none;border:none;border-radius:2px;color:#8b8b9b;cursor:pointer;padding:6px;transition:all .1s}.session-delete:hover{background:#e8c0c0;color:#8b2020}.chatbot-messages{background:#9bbc0f;border-color:#506020 #8bac0f #8bac0f #506020;border-style:solid;border-width:3px;display:flex;flex:1 1;flex-direction:column;gap:12px;image-rendering:pixelated;margin:8px;overflow-y:auto;padding:12px}.chatbot-welcome{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.welcome-icon{color:#306230;margin-bottom:12px}.chatbot-welcome h4{color:#0f380f;font-family:var(--font-family-pixel);font-size:14px;font-weight:400;letter-spacing:.5px;margin:0 0 8px}.chatbot-welcome p{color:#306230;font-size:12px;line-height:1.6;margin:0 0 16px}.welcome-suggestions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.welcome-suggestions button{background:#8bac0f;border-color:#9bbc0f #506020 #506020 #9bbc0f;border-radius:2px;border-style:solid;border-width:2px;color:#0f380f;cursor:pointer;font-family:var(--font-family-pixel);font-size:10px;letter-spacing:.3px;padding:6px 10px;transition:all .1s steps(2)}.welcome-suggestions button:hover{background:#c8dc4f;color:#0f380f}.welcome-suggestions button:active{border-color:#506020 #9bbc0f #9bbc0f #506020;transform:translate(1px,1px)}.chatbot-message{display:flex;gap:8px;max-width:90%}.chatbot-message.user{align-self:flex-end;flex-direction:row-reverse}.chatbot-message.assistant{align-self:flex-start}.message-avatar{align-items:center;border:2px solid #306230;border-radius:2px;display:flex;flex-shrink:0;font-family:var(--font-family-pixel);font-size:11px;height:28px;justify-content:center;width:28px}.chatbot-message.user .message-avatar{background:#306230;color:#9bbc0f}.chatbot-message.assistant .message-avatar{background:#8bac0f;color:#0f380f}.message-content{border:2px solid #306230;border-radius:2px;font-family:var(--font-family-pixel);font-size:13px;line-height:1.5;padding:10px 12px;position:relative;white-space:pre-wrap;word-break:break-word}.chatbot-message.user .message-content{background:#306230;border-color:#0f380f;color:#9bbc0f}.chatbot-message.assistant .message-content{background:#8bac0f;border-color:#506020;color:#0f380f}.message-speak-btn{align-items:center;background:#9bbc0f;border:2px solid #306230;border-radius:2px;bottom:-8px;color:#0f380f;cursor:pointer;display:flex;height:22px;justify-content:center;opacity:0;position:absolute;right:8px;transition:opacity .1s;width:22px}.chatbot-message.assistant:hover .message-speak-btn{opacity:1}.message-speak-btn:hover{background:#c8dc4f}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{animation:gb-blink 1.2s steps(2) infinite;background:#306230;border-radius:1px;height:6px;width:6px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes gb-blink{0%,80%,to{opacity:.3}40%{opacity:1}}.chatbot-task-confirm{background:#a0a0a8;border-top:2px solid #888890;padding:12px}.task-confirm-header{align-items:center;color:#5a3a10;display:flex;font-weight:400;gap:8px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.task-confirm-header,.voice-confirm-hint{font-family:var(--font-family-pixel);font-size:10px}.voice-confirm-hint{animation:pulse-hint 1.5s ease-in-out infinite;background:#7c5a2a1a;border-radius:4px;color:#7c5a2a;letter-spacing:0;margin-left:auto;padding:2px 6px;text-transform:none}@keyframes pulse-hint{0%,to{opacity:1}50%{opacity:.5}}.task-confirm-body p{color:#4a4a5a;font-size:12px;margin:0 0 8px}.task-params{background:#c8c8d0;border:2px solid #888890;border-radius:2px;margin-bottom:10px;overflow-x:auto;padding:8px 12px}.task-params code{color:#3a3a4a;font-family:var(--font-family-pixel);font-size:10px;white-space:pre}.task-params-list{background:#c8c8d0;border:2px solid #888890;border-radius:2px;list-style:none;margin:0 0 10px;padding:10px 12px}.task-params-list li{color:#3a3a4a;font-size:12px;padding:4px 0}.task-params-list li:not(:last-child){border-bottom:1px solid #a0a0a8}.task-confirm-actions{display:flex;gap:6px;justify-content:flex-end}.task-btn{border-radius:2px;cursor:pointer;font-family:var(--font-family-pixel);font-size:10px;font-weight:400;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all .1s steps(2)}.task-btn.cancel{background:#a0a0a8;border-color:#b0b0b8 #686870 #686870 #b0b0b8;border-style:solid;border-width:2px;color:#4a4a5a}.task-btn.cancel:hover{background:#b8b8c0}.task-btn.confirm{background:#306230;border-color:#688028 #1a4a1a #1a4a1a #688028;border-style:solid;border-width:2px;color:#9bbc0f}.task-btn.confirm:hover{background:#3a7a3a}.task-btn:active{transform:translate(1px,1px)}.task-btn:disabled{cursor:not-allowed;opacity:.5}.chatbot-input-area{background:#b0b0b8;border-top:3px solid #909098;padding:10px 12px}.chatbot-input-container{align-items:center;background:#c8c8d0;border-color:#787880 #a0a0a8 #a0a0a8 #787880;border-radius:2px;border-style:solid;border-width:2px;display:flex;gap:6px;padding:4px 4px 4px 8px}.chatbot-input-container input{background:#0000;border:none;color:#2a2a3a;flex:1 1;font-size:16px;outline:none;padding:6px}.chatbot-input-container input::placeholder{color:#8b8b9b;font-family:var(--font-family-pixel);font-size:11px}.send-btn,.voice-btn{align-items:center;border:2px solid #787880;border-radius:2px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .1s steps(2);width:32px}.voice-btn{background:#a0a0a8;border-color:#b8b8c0 #787880 #787880 #b8b8c0;color:#4a4a5a}.voice-btn:hover{background:#b8b8c0}.voice-btn:active{border-color:#787880 #b8b8c0 #b8b8c0 #787880}.voice-btn.listening{animation:gb-pulse 1s steps(4) infinite;background:#8b2020;border-color:#ab4040 #6b1010 #6b1010 #ab4040;color:#fcc}@keyframes gb-pulse{0%,to{opacity:1}50%{opacity:.6}}.send-btn{background:#306230;border-color:#508050 #1a4a1a #1a4a1a #508050;color:#9bbc0f}.send-btn:hover:not(:disabled){background:#3a7a3a}.send-btn:active:not(:disabled){border-color:#1a4a1a #508050 #508050 #1a4a1a;transform:translate(1px,1px)}.send-btn:disabled{background:#909098;border-color:#787880;color:#a0a0a8;cursor:not-allowed}.speaking-indicator{align-items:center;background:#306230;border:2px solid #0f380f;border-radius:2px;bottom:70px;color:#9bbc0f;cursor:pointer;display:flex;font-family:var(--font-family-pixel);font-size:10px;gap:8px;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%)}.speaking-waves{align-items:center;display:flex;gap:2px;height:14px}.speaking-waves span{animation:gb-wave .5s steps(3) infinite alternate;background:#9bbc0f;border-radius:0;height:100%;width:3px}.speaking-waves span:first-child{animation-delay:0s}.speaking-waves span:nth-child(2){animation-delay:.1s}.speaking-waves span:nth-child(3){animation-delay:.2s}.speaking-waves span:nth-child(4){animation-delay:.3s}@keyframes gb-wave{0%{height:3px}to{height:14px}}@media (max-width:480px){.chatbot-fab{bottom:16px;height:52px;right:16px;width:52px}.chatbot-fab.open{display:none}.chatbot-window{border:none;border-radius:0;bottom:0;display:flex;flex-direction:column;height:100%;height:100dvh;left:0;max-height:100%;max-height:100dvh;max-width:100%;position:fixed;right:0;top:0;width:100%}.chatbot-header{flex-shrink:0;padding:10px 12px}.chatbot-title h3{font-size:11px}.chatbot-close-btn{display:flex!important}.chatbot-voice-settings{flex-shrink:0}.chatbot-messages{-webkit-overflow-scrolling:touch;flex:1 1;margin:6px;min-height:0;overflow-y:auto}.chatbot-input-area{flex-shrink:0;padding:10px 10px max(10px,env(safe-area-inset-bottom))}.welcome-suggestions{flex-direction:column;width:100%}.welcome-suggestions button{width:100%}.voice-setting-row{padding:8px 0}.voice-setting-row label{align-items:center;cursor:pointer;display:flex;gap:12px;min-height:44px}.voice-setting-row input[type=checkbox]{accent-color:#306230;cursor:pointer;height:22px;margin:0;width:22px}.voice-setting-row select{font-size:16px;min-height:44px}}.chatbot-close-btn{align-items:center;background:#3a3a4a;border-color:#6b6b7b #2a2a3a #2a2a3a #6b6b7b;border-radius:2px;border-style:solid;border-width:2px;color:#9bbc0f;cursor:pointer;display:none;justify-content:center;padding:6px;transition:all .1s}.chatbot-close-btn:hover{background:#5a5a6a;color:#c8dc4f}.chatbot-messages::-webkit-scrollbar{width:8px}.chatbot-messages::-webkit-scrollbar-track{background:#8bac0f}.chatbot-messages::-webkit-scrollbar-thumb{background:#306230;border:1px solid #506020}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#1a4a1a}.crm-chatbot-wrapper{background:#b0b0b8;border-color:#c8c8d0 #787880 #787880 #c8c8d0;border-radius:2px;border-style:solid;border-width:4px;box-shadow:6px 6px 0 0 #00000040;display:flex;flex-direction:column;height:100%;min-height:500px;overflow:hidden}.crm-chatbot-header{align-items:center;background:#4a4a5a;border-bottom:3px solid #3a3a4a;color:#9bbc0f;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 12px}.crm-chatbot-header-left{align-items:center;display:flex;gap:10px}.crm-chatbot-header-right{align-items:center;display:flex;gap:6px}.crm-chatbot-title h3{color:#9bbc0f;font-family:var(--font-family-pixel);font-size:12px;font-weight:400;letter-spacing:.5px;margin:0}.crm-chatbot-subtitle{color:#6b8b0f;font-family:var(--font-family-pixel);font-size:10px;letter-spacing:.3px}.crm-chatbot-icon-btn{align-items:center;background:#3a3a4a;border-color:#6b6b7b #2a2a3a #2a2a3a #6b6b7b;border-radius:2px;border-style:solid;border-width:2px;color:#9bbc0f;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .1s steps(2)}.crm-chatbot-icon-btn:hover{background:#5a5a6a;color:#c8dc4f}.crm-chatbot-icon-btn:active{border-color:#2a2a3a #6b6b7b #6b6b7b #2a2a3a}.crm-chatbot-session-list{animation:crm-fadeIn .2s ease;background:#b0b0b8;bottom:0;display:flex;flex-direction:column;left:0;position:absolute;right:0;top:0;z-index:10}@keyframes crm-fadeIn{0%{opacity:0}to{opacity:1}}.crm-session-list-header{align-items:center;border-bottom:2px solid #909098;color:#3a3a4a;display:flex;font-family:var(--font-family-pixel);font-size:11px;font-weight:400;justify-content:space-between;padding:10px 12px}.crm-session-list-header button{background:none;border:none;color:#5a5a6a;cursor:pointer;padding:4px}.crm-session-list-items{flex:1 1;overflow-y:auto}.crm-session-empty{color:#6b6b7b;font-family:var(--font-family-pixel);font-size:11px;line-height:1.8;padding:24px;text-align:center}.crm-session-item{align-items:center;border-bottom:2px solid #a0a0a8;cursor:pointer;display:flex;padding:10px 12px;transition:background .1s steps(2)}.crm-session-item:hover{background:#c0c0c8}.crm-session-item.active{background:#c8d8a8;border-left:3px solid #306230}.crm-session-item-content{flex:1 1;min-width:0}.crm-session-title{color:#3a3a4a;font-family:var(--font-family-pixel);font-size:10px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-session-meta{color:#6b6b7b;font-size:10px;margin-top:4px}.crm-session-delete{background:none;border:none;border-radius:2px;color:#8b8b9b;cursor:pointer;padding:6px;transition:all .1s}.crm-session-delete:hover{background:#e8c0c0;color:#8b2020}.crm-chatbot-messages{background:#9bbc0f;border-color:#506020 #8bac0f #8bac0f #506020;border-style:solid;border-width:3px;display:flex;flex:1 1;flex-direction:column;gap:12px;image-rendering:pixelated;margin:8px;min-height:0;overflow-y:auto;padding:12px;position:relative}.crm-chatbot-welcome{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.crm-chatbot-welcome h4{color:#0f380f;font-family:var(--font-family-pixel);font-size:14px;font-weight:400;letter-spacing:.5px;margin:0 0 8px}.crm-chatbot-welcome p{color:#306230;font-size:12px;line-height:1.6;margin:0 0 16px}.crm-welcome-suggestions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.crm-welcome-suggestions button{background:#8bac0f;border-color:#9bbc0f #506020 #506020 #9bbc0f;border-radius:2px;border-style:solid;border-width:2px;color:#0f380f;cursor:pointer;font-family:var(--font-family-pixel);font-size:10px;letter-spacing:.3px;padding:6px 10px;transition:all .1s steps(2)}.crm-welcome-suggestions button:hover{background:#c8dc4f;color:#0f380f}.crm-welcome-suggestions button:active{border-color:#506020 #9bbc0f #9bbc0f #506020;transform:translate(1px,1px)}.crm-chatbot-message{display:flex;gap:8px;max-width:90%}.crm-chatbot-message.user{align-self:flex-end;flex-direction:row-reverse}.crm-chatbot-message.assistant{align-self:flex-start}.crm-message-avatar{align-items:center;border:2px solid #306230;border-radius:2px;display:flex;flex-shrink:0;font-family:var(--font-family-pixel);font-size:11px;height:28px;justify-content:center;width:28px}.crm-chatbot-message.user .crm-message-avatar{background:#306230;color:#9bbc0f}.crm-chatbot-message.assistant .crm-message-avatar{background:#8bac0f;color:#0f380f}.crm-message-content{border:2px solid #306230;border-radius:2px;font-family:var(--font-family-pixel);font-size:13px;line-height:1.5;padding:10px 12px;position:relative;white-space:pre-wrap;word-break:break-word}.crm-chatbot-message.user .crm-message-content{background:#306230;border-color:#0f380f;color:#9bbc0f}.crm-chatbot-message.assistant .crm-message-content{background:#8bac0f;border-color:#506020;color:#0f380f}.crm-message-speak-btn{align-items:center;background:#9bbc0f;border:2px solid #306230;border-radius:2px;bottom:-8px;color:#0f380f;cursor:pointer;display:flex;height:22px;justify-content:center;opacity:0;position:absolute;right:8px;transition:opacity .1s;width:22px}.crm-chatbot-message.assistant:hover .crm-message-speak-btn{opacity:1}.crm-message-speak-btn:hover{background:#c8dc4f}.crm-typing-indicator{display:flex;gap:4px;padding:4px 0}.crm-typing-indicator span{animation:crm-gb-blink 1.2s steps(2) infinite;background:#306230;border-radius:1px;height:6px;width:6px}.crm-typing-indicator span:first-child{animation-delay:-.32s}.crm-typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes crm-gb-blink{0%,80%,to{opacity:.3}40%{opacity:1}}.crm-chatbot-input-area{background:#b0b0b8;border-top:3px solid #909098;flex-shrink:0;padding:10px 12px}.crm-chatbot-input-container{align-items:center;background:#c8c8d0;border-color:#787880 #a0a0a8 #a0a0a8 #787880;border-radius:2px;border-style:solid;border-width:2px;display:flex;gap:6px;padding:4px 4px 4px 8px}.crm-chatbot-input-container input{background:#0000;border:none;color:#2a2a3a;flex:1 1;font-size:16px;outline:none;padding:6px}.crm-chatbot-input-container input::placeholder{color:#8b8b9b;font-family:var(--font-family-pixel);font-size:11px}.crm-send-btn,.crm-voice-btn{align-items:center;border:2px solid #787880;border-radius:2px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .1s steps(2);width:32px}.crm-voice-btn{background:#a0a0a8;border-color:#b8b8c0 #787880 #787880 #b8b8c0;color:#4a4a5a}.crm-voice-btn:hover{background:#b8b8c0}.crm-voice-btn:active{border-color:#787880 #b8b8c0 #b8b8c0 #787880}.crm-voice-btn.listening{animation:crm-gb-pulse 1s steps(4) infinite;background:#8b2020;border-color:#ab4040 #6b1010 #6b1010 #ab4040;color:#fcc}@keyframes crm-gb-pulse{0%,to{opacity:1}50%{opacity:.6}}.crm-send-btn{background:#306230;border-color:#508050 #1a4a1a #1a4a1a #508050;color:#9bbc0f}.crm-send-btn:hover:not(:disabled){background:#3a7a3a}.crm-send-btn:active:not(:disabled){border-color:#1a4a1a #508050 #508050 #1a4a1a;transform:translate(1px,1px)}.crm-send-btn:disabled{background:#909098;border-color:#787880;color:#a0a0a8;cursor:not-allowed}.crm-speaking-indicator{align-items:center;background:#306230;border:2px solid #0f380f;border-radius:2px;bottom:8px;color:#9bbc0f;cursor:pointer;display:flex;font-family:var(--font-family-pixel);font-size:10px;gap:8px;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%);z-index:5}.crm-speaking-waves{align-items:center;display:flex;gap:2px;height:14px}.crm-speaking-waves span{animation:crm-gb-wave .5s steps(3) infinite alternate;background:#9bbc0f;border-radius:0;height:100%;width:3px}.crm-speaking-waves span:first-child{animation-delay:0s}.crm-speaking-waves span:nth-child(2){animation-delay:.1s}.crm-speaking-waves span:nth-child(3){animation-delay:.2s}.crm-speaking-waves span:nth-child(4){animation-delay:.3s}@keyframes crm-gb-wave{0%{height:3px}to{height:14px}}.crm-voice-settings{animation:crm-slideDown .2s ease;background:#a0a0a8;border-bottom:2px solid #888890;flex-shrink:0;font-family:var(--font-family-pixel);font-size:10px;padding:10px 12px}@keyframes crm-slideDown{0%{max-height:0;opacity:0}to{max-height:200px;opacity:1}}.crm-voice-setting-row{align-items:center;color:#3a3a4a;display:flex;font-size:11px;gap:8px;margin-bottom:8px}.crm-voice-setting-row:last-child{margin-bottom:0}.crm-voice-setting-row label{align-items:center;cursor:pointer;display:flex;font-family:var(--font-family-pixel);font-size:10px;gap:8px}.crm-voice-setting-row select{background:#c8c8d0;border:2px solid #787880;border-radius:2px;flex:1 1;font-size:11px;max-width:200px;padding:6px 8px}.crm-chatbot-messages::-webkit-scrollbar{width:8px}.crm-chatbot-messages::-webkit-scrollbar-track{background:#8bac0f}.crm-chatbot-messages::-webkit-scrollbar-thumb{background:#306230;border:1px solid #506020}.crm-chatbot-messages::-webkit-scrollbar-thumb:hover{background:#1a4a1a}.crm-wake-word-dot{animation:crm-gb-pulse 2s steps(4) infinite;background:#6b8b0f;border-radius:1px;display:inline-block;flex-shrink:0;height:8px;margin-left:6px;width:8px}.crm-wake-word-dot.triggered{animation:crm-wake-flash .5s steps(3);background:#c8dc4f;box-shadow:0 0 6px #c8dc4f}@keyframes crm-wake-flash{0%{background:#c8dc4f;box-shadow:0 0 8px #c8dc4f}50%{background:#9bbc0f;box-shadow:0 0 12px #9bbc0f}to{background:#c8dc4f;box-shadow:0 0 6px #c8dc4f}}@media (max-width:768px){.crm-chatbot-wrapper{min-height:400px}.crm-welcome-suggestions{flex-direction:column;width:100%}.crm-welcome-suggestions button{width:100%}.crm-voice-setting-row label{min-height:44px}.crm-voice-setting-row input[type=checkbox]{accent-color:#306230;height:22px;width:22px}.crm-voice-setting-row select{font-size:16px;min-height:44px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#1e3a2f;color:#fff7ed;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#3fb950}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}