:root{--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-secondary-50:#f0fdfa;--color-secondary-100:#ccfbf1;--color-secondary-200:#99f6e4;--color-secondary-300:#5eead4;--color-secondary-400:#2dd4bf;--color-secondary-500:#14b8a6;--color-secondary-600:#0d9488;--color-secondary-700:#0f766e;--color-secondary-800:#115e59;--color-secondary-900:#134e4a;--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-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);--color-text-primary:var(--color-slate-900);--color-text-secondary:var(--color-slate-600);--color-text-muted:var(--color-slate-400);--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:#f0c040;--color-pixel-cyan:#40d0d0;--color-pixel-magenta:#d040d0;--color-pixel-green:#40c040;--color-pixel-red:#e04040;--color-pixel-blue:#4080f0;--color-pixel-dark:#1a1a2e;--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:"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 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--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}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--color-background);color:#0f172a;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{outline:2px solid #6366f1;outline:2px solid var(--color-primary-500);outline-offset:2px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--color-slate-300)}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--color-slate-400)}.text-primary{color:#0f172a;color:var(--color-text-primary)}.text-secondary{color:#475569;color:var(--color-text-secondary)}.text-muted{color:#94a3b8;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:#f8fafc;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 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;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 .2s ease;transition:all var(--transition-normal)}.transition-fast{transition:all .15s ease;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;padding:var(--space-6)}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.page-header button{min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.page-title{color:#0f172a;color:var(--color-text-primary);font-family:Press Start\ 2P,cursive;font-family:var(--font-family-pixel);font-size:14px;font-weight:400;letter-spacing:.5px;line-height:1.6;margin:0 0 .25rem;margin:0 0 var(--space-1) 0}.page-subtitle{color:#475569;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);margin:0}.table-container{border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-lg);margin:1rem 0;margin:var(--space-4) 0;overflow-x:auto}.data-table{background-color:#fff;background-color:var(--color-surface);border-collapse:collapse;width:100%}.data-table th{background-color:#f8fafc;background-color:var(--color-slate-50);border-bottom:2px solid #cbd5e1;border-bottom:2px solid var(--color-slate-300);color:#475569;color:var(--color-text-secondary);font-family:Press Start\ 2P,cursive;font-family:var(--font-family-pixel);font-size:8px;font-weight:400;letter-spacing:.3px;text-align:left;text-transform:uppercase}.data-table td,.data-table th{padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.data-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--color-border-light);font-size:.875rem;font-size:var(--font-size-sm)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background-color:#f1f5f9;background-color:var(--color-surface-hover)}.task-cards-mobile{display:none}.task-card-mobile{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;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:#0f172a;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:#475569;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 #f1f5f9;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 #e2e8f0;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:#0f172a;color:var(--color-text-primary);font-family:Press Start\ 2P,cursive;font-family:var(--font-family-pixel);font-size:9px;font-weight:400;letter-spacing:.3px}.mobile-card-row{border-bottom:1px solid #f1f5f9;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:#94a3b8;color:var(--color-text-muted)}.mobile-card-value{color:#0f172a;color:var(--color-text-primary);font-weight:500;font-weight:var(--font-weight-medium)}.mobile-card-actions{border-top:1px solid #f1f5f9;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:.75rem;padding:var(--space-3)}.page-header{align-items:flex-start;flex-direction:column;gap:.75rem;gap:var(--space-3)}.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:9px!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 #e2e8f0;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:#0f172a;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 #f1f5f9;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:#94a3b8;color:var(--color-text-muted)}.mobile-card-value{color:#0f172a;color:var(--color-text-primary);font-weight:500;font-weight:var(--font-weight-medium)}.mobile-card-actions{border-top:1px solid #f1f5f9;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:-webkit-max-content;min-width:max-content}.btn,button{min-height:44px}.schedule-grid{display:block}.schedule-day{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;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 #f1f5f9;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:12px}.page-subtitle{font-size:.75rem;font-size:var(--font-size-xs)}.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:#f8fafc;background-color:var(--color-slate-50);border-radius:.375rem;border-radius:var(--radius-md);height:-webkit-fit-content;height:fit-content;padding:1rem;padding:var(--space-4);position:-webkit-sticky;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:#eef2ff!important;background-color:var(--color-primary-50)!important}.mobile-card-clickable{cursor:pointer;transition:all .15s ease;transition:all var(--transition-fast)}.mobile-card-clickable:hover{border-color:#818cf8;border-color:var(--color-primary-400);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.order-detail-modal{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.order-status-banner{background:#f8fafc;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:#0f172a;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 #e2e8f0;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:#0f172a;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:#f8fafc;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:#f8fafc;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:#94a3b8;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 #e2e8f0;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,#eef2ff);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:#475569;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 #f1f5f9;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,h3{font-family:Press Start\ 2P,cursive!important;font-family:var(--font-family-pixel)!important;font-weight:400!important;letter-spacing:.5px;line-height:1.6}h1{font-size:14px!important}h2{font-size:11px!important}h3{font-size:10px!important}.card-title,.pixel-font{font-family:Press Start\ 2P,cursive;font-family:var(--font-family-pixel);letter-spacing:.5px}.card-title{font-size:10px;font-weight:400}b,strong{font-family:Press Start\ 2P,cursive;font-family:var(--font-family-pixel);font-size:8px;font-weight:400;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 #cbd5e1,inset 3px 3px 0 0 #f1f5f9,0 0 0 3px #94a3b8;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 #4338ca,inset 3px 3px 0 0 #818cf8,0 0 0 3px #4f46e5;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:Press Start\ 2P,cursive;font-family:var(--font-family-pixel);font-size:7px!important}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--color-slate-100)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border:2px solid #e2e8f0;border:2px solid var(--color-slate-200);border-radius:0}::-webkit-scrollbar-thumb{background:#94a3b8;background:var(--color-slate-400)}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--color-slate-500)}::selection{background-color:#40d0d0;background-color:var(--color-pixel-cyan);color:#1a1a2e;color:var(--color-pixel-dark)}@media print{.no-print{display:none!important}body{background:#fff}}body{margin:0;padding:0}html{scroll-behavior:smooth}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}a:hover{color:var(--color-primary-700)}input,select,textarea{font-family:inherit}@media print{body{background:#fff}.no-print{display:none!important}}@media (max-width:768px){:root{--space-4:0.875rem;--space-6:1.25rem}}.signature-capture{background:#f5f5f5;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:-webkit-sticky;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:#007bff;outline:none}.form-input:disabled{background:#f5f5f5;cursor:not-allowed}.btn-capture{background:#007bff;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 #007bff;border-radius:4px;color:#007bff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .2s}.btn-retake:hover:not(:disabled){background:#007bff;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 #007bff;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:#007bff;border:none}.btn-secondary{background:#fff;border:2px solid #007bff;color:#007bff}.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:1px solid var(--color-border);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-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.sales-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);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:1px solid var(--color-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-size:var(--font-size-sm)}.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:1px solid var(--column-border,var(--color-border));border-radius:var(--radius-lg);display:flex;flex:1 1;flex-direction:column;max-width:350px;min-width:280px;transition:all var(--transition-fast)}.kanban-column.drop-active{border-color:var(--column-color);box-shadow:0 0 0 2px #6366f133}.kanban-column-collapsed{max-width:180px;min-width:180px}.kanban-column-header{border-bottom:1px solid var(--column-border,var(--color-border));padding:var(--space-4)}.kanban-column-title{align-items:center;color:var(--color-text-primary);display:flex;font-weight:var(--font-weight-semibold);gap:var(--space-2)}.kanban-column-indicator{border-radius:50%;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:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:var(--space-3);transition:all var(--transition-fast)}.kanban-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}.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-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.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-weight:var(--font-weight-semibold)}.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);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);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:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:24px;line-height:1;padding:var(--space-2)}.order-builder-close:hover{color:var(--color-text-primary)}.order-builder-steps{align-items:center;background:var(--color-slate-50);border-bottom:1px solid var(--color-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:50%;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.step-item.active .step-number{background:var(--color-primary-500);color:#fff}.step-item.completed .step-number{background:var(--color-success-500);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-200);height:2px;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:-webkit-fit-content;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 ease-out;background:var(--color-surface);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100%;max-width:600px;width:100%}@keyframes slideIn{0%{transform:translateX(100%)}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:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:24px;padding:var(--space-2)}.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:1px solid var(--color-border);border-radius:var(--radius-md);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{background:var(--color-slate-50);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;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)}.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:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.filter-btn:hover{color:var(--color-text-primary)}.filter-btn.active,.filter-btn:hover{border-color:var(--color-primary-300)}.filter-btn.active{background:var(--color-primary-50);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:1px solid var(--color-border);border-radius:var(--radius-lg);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);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);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:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:24px}.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:-webkit-sticky;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:1px solid var(--color-border);border-radius:var(--radius-lg);flex:1 1;max-width:280px;min-width:200px;transition:all var(--transition-fast)}.pipeline-stage.hovered{border-color:var(--stage-color);box-shadow:var(--shadow-md)}.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{flex-shrink:0;font-size:24px}.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-size:var(--font-size-xl);font-weight:var(--font-weight-bold);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:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:var(--space-2);transition:all var(--transition-fast)}.pipeline-item:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-xs)}.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);height:2px;width:20px}.connector-arrow{color:var(--color-slate-400);font-size:16px}.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:-webkit-fit-content;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-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.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}}.invoice-adjustment{background:#f5f5f5;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:-webkit-sticky;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:#007bff;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:#f5f5f5}.btn-submit{background:#007bff;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}}.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{body *{visibility:hidden}.print-qr-code,.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:#2c3e50;margin:0 0 10px}.keg-management-header p{color:#7f8c8d;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:#fee;border:1px solid #fcc;color:#c33}.alert-success{background-color:#efe;border:1px solid #cfc;color:#3c3}.alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:20px;padding:0 5px}.tabs{border-bottom:2px solid #ddd;display:flex;gap:10px;margin-bottom:20px}.tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.tabs button:hover{background-color:#f8f9fa;color:#333}.tabs button.active{border-bottom-color:#007bff;color:#007bff}.tab-content{background:#fff;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:#2c3e50;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,#007bff,#0056b3);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:#7f8c8d;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:#f8f9fa;border-radius:8px;padding:25px}.form-section h2{color:#2c3e50;margin-bottom:10px;margin-top:0}.form-description{color:#6c757d;font-size:14px}.form-description,.form-group{margin-bottom:20px}.form-group label{color:#495057;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:#007bff;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:#dc3545;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:#28a745;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{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-primary:disabled{background-color:#6c757d;cursor:not-allowed}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.history-section{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:25px}.history-section h2{color:#2c3e50;margin-bottom:20px;margin-top:0}.empty-history{color:#7f8c8d;padding:40px 20px;text-align:center}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;padding:15px}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.history-header strong{color:#2c3e50;font-size:16px}.history-date{color:#6c757d;font-size:12px}.history-details{color:#495057;font-size:14px}.history-details p{margin:5px 0}.history-details strong{font-weight:600}.history-notes{border-top:1px solid #dee2e6;color:#6c757d;font-style:italic;margin-top:8px;padding-top:8px}.history-user{color:#6c757d;font-size:12px;margin-top:8px}.chemicals-used{background:#fff;border-radius:4px;margin-top:10px;padding:10px}.chemicals-used strong{color:#495057;display:block;margin-bottom:5px}.chemicals-used ul{margin:5px 0;padding-left:20px}.chemicals-used li{color:#6c757d;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:Press Start\ 2P,cursive;height:56px;justify-content:center;position:fixed;right:24px;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:24px;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-family:Press Start\ 2P,cursive;font-size:9px;font-weight:400;letter-spacing:.5px;margin:0}.chatbot-subtitle{color:#6b8b0f;font-family:Press Start\ 2P,cursive;font-size:7px;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:Press Start\ 2P,cursive;font-size:7px;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:Press Start\ 2P,cursive;font-size:7px;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:Press Start\ 2P,cursive;font-size:8px;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:Press Start\ 2P,cursive;font-size:8px;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:Press Start\ 2P,cursive;font-size:7px;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:Press Start\ 2P,cursive;font-size:10px;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:Press Start\ 2P,cursive;font-size:7px;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:Press Start\ 2P,cursive;font-size:8px;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-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-family:Press Start\ 2P,cursive;font-size:7px;font-weight:400;gap:8px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.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:Press Start\ 2P,cursive;font-size:11px;font-size:7px;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:Press Start\ 2P,cursive;font-size:7px;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:Press Start\ 2P,cursive;font-size:8px}.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:Press Start\ 2P,cursive;font-size:7px;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:8px}.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}.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:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}