:root{color-scheme:dark;--color-bg:#0a0a0f;--color-surface:#13131a;--color-surface-elevated:#1c1c26;--color-surface-hover:#252532;--color-text:#f0f0f5;--color-text-secondary:#a5a5b8;--color-text-muted:#6b6b80;--color-primary:#6366f1;--color-primary-hover:#818cf8;--color-primary-active:#4f46e5;--color-primary-subtle:#6366f11f;--color-primary-glow:#6366f140;--color-success:#22c55e;--color-success-subtle:#22c55e1f;--color-success-border:#22c55e40;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1f;--color-warning-border:#f59e0b40;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-subtle:#ef44441f;--color-danger-border:#ef444440;--color-info:#3b82f6;--color-info-subtle:#3b82f61f;--color-info-border:#3b82f640;--color-packed:#14b8a6;--color-packed-subtle:#14b8a61f;--color-packed-border:#14b8a640;--color-shipped:#a855f7;--color-shipped-subtle:#a855f71f;--color-shipped-border:#a855f740;--color-border:#252532;--color-border-subtle:#1c1c26;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-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.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.375rem;--radius:.5rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-xl:1.25rem;--radius-full:9999px;--height-xs:2rem;--height-sm:2.5rem;--height-md:3rem;--height-lg:3.5rem;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 1px 3px 0 #0006, 0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0006;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--sidebar-width:16rem;--header-height:4rem;--chat-input-bar-height:5.5rem;--max-chat-width:48rem}:root[data-theme=light]{--color-bg:#f3f6fb;--color-surface:#fff;--color-surface-elevated:#f7f9ff;--color-surface-hover:#edf2ff;--color-text:#172033;--color-text-secondary:#44516a;--color-text-muted:#6a7892;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-active:#3730a3;--color-primary-subtle:#4f46e51f;--color-primary-glow:#4f46e533;--color-success-subtle:#22c55e26;--color-success-border:#22c55e59;--color-warning-subtle:#f59e0b26;--color-warning-border:#f59e0b59;--color-danger-subtle:#ef444424;--color-danger-border:#ef444452;--color-info-subtle:#3b82f624;--color-info-border:#3b82f652;--color-packed-subtle:#14b8a624;--color-packed-border:#14b8a652;--color-shipped-subtle:#a855f724;--color-shipped-border:#a855f752;--color-border:#d4ddec;--color-border-subtle:#e5ebf5;--shadow-sm:0 1px 2px 0 #0f172a14;--shadow:0 1px 3px 0 #0f172a1a, 0 1px 2px -1px #0f172a1a;--shadow-md:0 6px 12px -4px #0f172a24, 0 2px 4px -2px #0f172a1a;--shadow-lg:0 14px 24px -10px #0f172a2e, 0 6px 10px -8px #0f172a24}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;height:100%;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-bg);min-height:100%}body.chat-page{height:100%;overflow:hidden}body.preauth-page{background:var(--color-bg);overflow:auto}body.modal-open{overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-surface-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-surface-hover)}[hidden],.hidden{display:none!important}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary-subtle);color:var(--color-text)}.icon{stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-block}.icon-sm{width:1rem;height:1rem}.icon-lg{width:1.5rem;height:1.5rem}.icon-xl{width:2rem;height:2rem}button,.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--height-md);padding:0 var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;letter-spacing:.01em;border:1px solid #0000;font-family:inherit;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 0 0 3px var(--color-primary-glow)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--color-surface-elevated);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-success:hover{background:#16a34a;border-color:#16a34a}.btn-sm{height:var(--height-sm);padding:0 var(--space-4);font-size:var(--font-size-xs);border-radius:var(--radius)}.btn-lg{height:var(--height-lg);padding:0 var(--space-6);font-size:var(--font-size-base);border-radius:var(--radius-lg)}.btn-block{width:100%}.button-group{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.icon-btn{width:var(--height-md);height:var(--height-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0;padding:0}.icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-text-muted)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.form-group{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-hint,.form-help{font-size:var(--font-size-xs);color:var(--color-text-muted)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],select,.form-input,.form-select{height:var(--height-md);padding:0 var(--space-4);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);width:100%;font-family:inherit}input:focus,select:focus,.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}input::placeholder,.form-input::placeholder{color:var(--color-text-muted)}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b6b80' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10);width:auto}.form-select option{background:var(--color-surface);color:var(--color-text)}.phone-input-row{gap:var(--space-3);grid-template-columns:minmax(7.5rem,9.5rem) minmax(0,1fr);display:grid}.phone-input-row .form-select{width:100%}@media (width<=600px){.phone-input-row{grid-template-columns:1fr}}.form-input-invalid,.form-input-invalid:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-subtle)}textarea.form-input{height:auto;min-height:4.5rem;padding:var(--space-3) var(--space-4);resize:vertical;border-radius:var(--radius-md)}.error-message{padding:var(--space-3) var(--space-4);background:var(--color-danger-subtle);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--font-size-sm)}.role-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;align-items:center;display:inline-flex}.role-badge.customer{background:var(--color-success-subtle);color:var(--color-success);border:1px solid var(--color-success-border)}.role-badge.supplier{background:var(--color-info-subtle);color:var(--color-info);border:1px solid var(--color-info-border)}.role-badge.admin{background:var(--color-primary-subtle);color:var(--color-primary);border:1px solid var(--color-primary-border)}.order-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize;align-items:center;display:inline-flex}.order-status.draft{background:var(--color-surface-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border)}.order-status.confirmed{background:var(--color-info-subtle);color:var(--color-info);border:1px solid var(--color-info-border)}.order-status.processing{background:var(--color-warning-subtle);color:var(--color-warning);border:1px solid var(--color-warning-border)}.order-status.packed{background:var(--color-packed-subtle);color:var(--color-packed);border:1px solid var(--color-packed-border)}.order-status.shipped{background:var(--color-shipped-subtle);color:var(--color-shipped);border:1px solid var(--color-shipped-border)}.order-status.delivered{background:var(--color-success-subtle);color:var(--color-success);border:1px solid var(--color-success-border)}.order-status.cancelled{background:var(--color-danger-subtle);color:var(--color-danger);border:1px solid var(--color-danger-border)}.badge{background:var(--color-primary);color:#fff;font-size:.65rem;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);text-align:center;min-width:1.1rem;padding:.1rem .35rem;line-height:1.4;position:absolute;top:.4rem;right:.4rem}.toast-container{top:var(--space-6);right:var(--space-6);z-index:2000;gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);opacity:0;transition:all var(--transition-base);pointer-events:auto;max-width:22rem;transform:translate(1rem)}.toast-visible{opacity:1;transform:translate(0)}.toast-success{background:var(--color-success);color:#fff}.toast-error{background:var(--color-danger);color:#fff}.toast-info{background:var(--color-info);color:#fff}.modal{z-index:100;padding:var(--space-6);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal.hidden{display:none}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:37rem;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.modal-large{max-width:min(96vw,74rem)}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal-close{color:var(--color-text-muted);font-size:var(--font-size-xl);cursor:pointer;border-radius:var(--radius);width:2rem;height:2rem;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;padding:0}.modal-close:hover{background:var(--color-surface-elevated);color:var(--color-text)}.modal-body{padding:var(--space-6);min-height:0;overflow-y:auto}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;display:flex}.status-actions{gap:var(--space-2);flex-wrap:wrap;margin-right:auto;display:flex}.status-actions .btn.is-busy{opacity:.55}.auth-page{min-height:100dvh;padding:clamp(var(--space-4), 2vw, var(--space-8));background:var(--color-bg);display:flex}.auth-layout{width:100%;max-width:76rem;margin:auto}.auth-container{gap:var(--space-6);grid-template-columns:minmax(0,1fr);align-items:start;width:100%;display:grid}.auth-container.is-signup-view{grid-template-columns:minmax(0,1fr)}.auth-container.is-signup-view .auth-card{max-width:52rem;margin:0 auto}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(var(--space-5), 2vw, var(--space-8));box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:52rem;margin:0 auto;animation:.42s cubic-bezier(.2,.8,.2,1) auth-enter;display:flex}.auth-demo-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md);width:min(100%,500px);max-width:500px;margin:0 auto;animation:.5s cubic-bezier(.2,.8,.2,1) auth-enter;position:static}.auth-view-toggle{gap:var(--space-2);border-radius:var(--radius-lg);padding:var(--space-1);margin-bottom:var(--space-6);background:#080b12cc;border:1px solid #6179944d;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}:root[data-theme=light] .auth-view-toggle{background:#dfe8f6d9;border-color:#859cbd66}.auth-view-btn{height:var(--height-sm);padding:0 var(--space-4);border-radius:var(--radius-md);color:#9eb0ca;width:100%;min-width:0;font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);background:0 0;border:0}:root[data-theme=light] .auth-view-btn{color:#44546d}.auth-view-btn:hover{color:#f5f8ff;background:#2f405973}:root[data-theme=light] .auth-view-btn:hover{color:#1f2a3f;background:#95abcc47}.auth-view-btn.is-active{color:#062025;background:#e8f5ff;box-shadow:0 10px 24px #06202533}:root[data-theme=light] .auth-view-btn.is-active{color:#1c2d49;background:#fff;box-shadow:0 6px 16px #253a5c1f}.auth-section-heading{margin-bottom:var(--space-5)}.auth-subheading{margin-bottom:var(--space-2);letter-spacing:-.015em;font-size:clamp(1.2rem,1rem + .6vw,1.45rem)}.auth-subtext{color:#a9b9cf;font-size:var(--font-size-sm)}.auth-form,#signup-success-view{gap:var(--space-5);flex-direction:column;display:flex}.auth-form-panel{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.auth-form-panel h3{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:#95a9c8;margin-bottom:var(--space-4)}.auth-form .form-select{width:100%}.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.signup-stepper{gap:var(--space-3);margin-bottom:var(--space-1);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.signup-step-indicator{align-items:center;gap:var(--space-2);color:#7085a6;font-size:var(--font-size-xs);display:flex;position:relative}:root[data-theme=light] .signup-step-indicator{color:#5f708a}.signup-step-number{border-radius:var(--radius-full);width:1.4rem;height:1.4rem;font-size:.72rem;font-weight:var(--font-weight-bold);color:#a9bdd8;transition:all var(--transition-fast);background:#101620cc;border:1px solid #6a82a18c;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}:root[data-theme=light] .signup-step-number{color:#4f6584;background:#f2f6fc;border-color:#758bad73}.signup-step-label{white-space:nowrap}.signup-step-indicator.is-active{color:#d6f7f2}:root[data-theme=light] .signup-step-indicator.is-active{color:#203856}.signup-step-indicator.is-active .signup-step-number{color:#05272a;background:#ccfbf1;border-color:#99fdeecc;box-shadow:0 0 0 3px #2dd4bf33}:root[data-theme=light] .signup-step-indicator.is-active .signup-step-number{color:#153b58;background:#dbeafe;border-color:#7babe5cc;box-shadow:0 0 0 3px #3b82f629}.signup-step-indicator.is-done .signup-step-number{color:#042429;background:#2dd4bf;border-color:#2dd4bf99}:root[data-theme=light] .signup-step-indicator.is-done .signup-step-number{color:#173a5e;background:#dbe7f5;border-color:#93b1d6a6}.signup-step{gap:var(--space-4);flex-direction:column;animation:.22s ease-out signup-step-enter;display:flex}.signup-navigation{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.signup-navigation .btn{height:var(--height-md)}.signup-navigation.is-first-step #signup-next-btn:not(.hidden){grid-column:2}.signup-review-list{gap:var(--space-3) var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.signup-review-list>div{padding:var(--space-3);border-radius:var(--radius-md);background:#080d148c;border:1px solid #5c718d4d}.signup-review-list dt{color:#93a7c5;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}.signup-review-list dd{color:#f0f5ff;font-size:var(--font-size-sm);overflow-wrap:anywhere}.signup-result{margin-top:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg);border:1px solid var(--color-border)}.signup-result h3{font-size:var(--font-size-base);margin-bottom:var(--space-3)}.signup-result p+p{margin-top:var(--space-2)}.signup-result code{font-family:var(--font-mono);font-size:var(--font-size-xs);color:#d8fbf8;border-radius:var(--radius-sm);padding:.1rem var(--space-2);background:#2dd4bf1f;border:1px solid #2dd4bf61}.auth-actions{margin-top:var(--space-3)}.demo-hint{font-size:var(--font-size-sm);color:#afc1db;margin-bottom:var(--space-4)}.demo-accounts{gap:var(--space-3);margin-bottom:var(--space-5);display:grid}.demo-account{width:100%;padding:var(--space-4) var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:inherit;text-align:left;cursor:pointer;transition:border-color var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);justify-content:flex-start;align-items:center;font-family:inherit;display:flex}.demo-account:hover{border-color:var(--color-text-muted);background:var(--color-surface-elevated);transform:translateY(-1px)}.demo-account .role-badge{justify-content:center}.demo-account-header{align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.demo-account-name{color:#e7eefc;font-size:clamp(1.1rem,1rem + .6vw,1.5rem);font-weight:600;line-height:1.2}:root[data-theme=light] .demo-account-name{color:#24324a}.mt-4{margin-top:var(--space-4)}.auth-back-link{text-align:center}.auth-back-link a{color:#9de6ff;font-size:var(--font-size-sm);transition:color var(--transition-fast);text-decoration:none}.auth-back-link a:hover{color:#d8fcff}@keyframes auth-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes signup-step-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.auth-container{grid-template-columns:1fr}.auth-demo-card{position:static}}@media (width<=768px){.signup-stepper{gap:var(--space-2);grid-template-columns:1fr}.signup-navigation,.signup-review-list{grid-template-columns:1fr}}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);z-index:50;flex-direction:column;height:100vh;display:flex;position:fixed;overflow-y:auto}.sidebar-header{padding:var(--space-5);border-bottom:1px solid var(--color-border)}.sidebar-header h1{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-nav{padding:var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.nav-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;display:flex;position:relative}.nav-link:hover{background:var(--color-surface-elevated);color:var(--color-text)}.nav-link.active{background:var(--color-primary-subtle);color:var(--color-primary-hover)}.nav-link .icon{width:1.125rem;height:1.125rem}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--color-border)}.sidebar-actions{align-items:center;gap:var(--space-2);display:flex}.sidebar-actions #logout-btn{flex:1}.theme-toggle-btn{width:var(--height-sm);min-width:var(--height-sm);padding:0}.theme-toggle-btn .icon{width:1.05rem;height:1.05rem}.user-info{margin-bottom:var(--space-3)}.user-info span{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);display:block}.user-info small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.main-content{margin-left:var(--sidebar-width);padding:var(--space-8) var(--space-6);max-width:calc(100% - var(--sidebar-width));flex:1;min-height:100vh}.view.hidden{display:none}.view h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);letter-spacing:-.02em}.view-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.view-header h2,.view-header h3{margin-bottom:0}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-hover);margin-bottom:var(--space-1);letter-spacing:-.02em}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.dashboard-section{margin-top:var(--space-8)}.dashboard-section h3{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.view-subtext{color:var(--color-text-secondary);margin-top:calc(var(--space-2) * -1)}.erp-heading-group{gap:var(--space-1);min-width:0;display:grid}.erp-heading-group>*{margin:0}.erp-heading-group .view-subtext{margin-top:0}.erp-panel-heading{margin-bottom:var(--space-4)}.erp-panel-heading h3,.erp-section-header>.erp-heading-group h3,.erp-section-header>.erp-heading-group h4{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.erp-section-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.erp-panel-stack{gap:var(--space-5);display:grid}.erp-provider-card,.erp-panel-section{padding:var(--space-4) var(--space-5);border:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);border-radius:var(--radius-xl);background:linear-gradient(180deg, #94a3b80d, transparent 42%), var(--color-surface);box-shadow:var(--shadow-sm);margin:0}.erp-provider-card{gap:var(--space-4);display:grid}.erp-provider-header{align-items:flex-start;gap:var(--space-4);display:grid}.erp-provider-copy{min-width:0}.erp-provider-eyebrow{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.erp-provider-copy h3{font-size:clamp(1.2rem,2vw,1.5rem);line-height:var(--line-height-tight)}.erp-provider-title-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.erp-provider-controls{align-items:start;gap:var(--space-3);display:grid}.erp-badge-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.erp-badge-list-static{min-height:var(--height-md);align-items:center;padding:0}.erp-badge{border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);background:var(--color-bg);min-height:1.75rem;color:var(--color-text);font-size:var(--font-size-sm);align-items:center;padding:.2rem .65rem;line-height:1;display:inline-flex}.erp-badge.is-muted{color:var(--color-text-secondary)}.erp-badge.is-highlight{border-color:var(--color-primary-subtle-border);background:linear-gradient(180deg, #ffffff29, transparent), var(--color-primary-subtle);color:var(--color-primary-hover);font-weight:var(--font-weight-medium)}.erp-provider-select-group{min-width:min(15rem,100%);margin-bottom:0}.erp-tabs{margin-top:0}.erp-status-pill{min-height:2rem;padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;display:inline-flex}.erp-status-pill.is-connected{color:#9af2de;background:#2dd4bf1f;border-color:#2dd4bf52}:root[data-theme=light] .erp-status-pill.is-connected{color:#0f766e;background:#14b8a61f}.erp-status-pill.is-idle{color:#bfdcff;background:#3b82f61a;border-color:#60a5fa47}:root[data-theme=light] .erp-status-pill.is-idle{color:#1d4ed8;background:#3b82f61a}.erp-status-pill.is-error{color:#fecaca;background:#ef44441a;border-color:#f8717147}:root[data-theme=light] .erp-status-pill.is-error{color:#b91c1c;background:#ef444414}.erp-catalog-grid{gap:var(--space-5);display:grid}.erp-flow-form{gap:var(--space-4);display:grid}.erp-flow-form .form-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.erp-flow-form .form-group,.erp-configuration-modal-form .form-group{margin-bottom:0}.erp-flow-form .erp-actions{margin-top:0}.erp-flow-form .erp-actions+.erp-result,#erp-mapping-form .erp-actions+.erp-result{margin-top:var(--space-5)}.erp-provider-card .erp-result,.erp-panel-section .erp-result{background:linear-gradient(180deg, #94a3b80a, transparent 60%), var(--color-surface-elevated)}#erp-import-progress:not(.hidden),#erp-import-result:not(.hidden){margin-top:var(--space-5)}.erp-provider-meta{min-height:0}.erp-provider-meta-list{gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.erp-meta-row{gap:.2rem;min-width:min(12rem,100%);display:grid}.erp-meta-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.erp-meta-value{color:var(--color-text);font-size:var(--font-size-sm);word-break:break-word;line-height:1.4}.erp-checklist{gap:var(--space-2);color:var(--color-text);padding-left:1.25rem;display:grid}.erp-checklist li::marker{color:var(--color-warning)}.erp-provider-card>.erp-inline-message,.erp-provider-card>.erp-actions,.erp-provider-card>.erp-result,.erp-panel-section>.erp-result,.erp-inline-message{margin-top:0}.erp-provider-card>.erp-inline-message{color:var(--color-text-secondary)}.erp-inline-message.is-pending{color:var(--color-primary-hover);font-weight:var(--font-weight-medium)}.erp-mapping-status{align-items:center;display:inline-flex}.erp-provider-actions{padding-top:var(--space-4);border-top:1px solid color-mix(in srgb, var(--color-border) 88%, transparent)}.erp-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.erp-configuration-modal-content{max-width:min(96vw,44rem)}.erp-configuration-modal-form{gap:var(--space-4);display:grid}.erp-configuration-modal-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.erp-configuration-modal-secret-hint{margin:0}.modal-header .erp-heading-group{flex:auto}.modal-header .view-subtext{margin-top:var(--space-1)}.erp-section-header>.erp-heading-group{flex:auto}.erp-result{margin-top:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-4)}.erp-result p+p{margin-top:var(--space-2)}.erp-result-stack{gap:var(--space-4);display:grid}.erp-result-lead,.erp-result-note{margin:0}.erp-result-lead{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.5}.erp-result-note{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.erp-result-metrics{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));display:grid}.erp-result-metrics-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.erp-result-metric{border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);background:color-mix(in srgb, var(--color-surface) 72%, var(--color-surface-elevated) 28%);gap:.35rem;padding:.9rem 1rem;display:grid}.erp-result-metric-value{color:var(--color-text);font-size:1.2rem;font-weight:var(--font-weight-semibold);line-height:1.15}.erp-result-metric-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.erp-actions .btn[aria-busy=true]:after{content:"";width:.95rem;height:.95rem;margin-left:var(--space-2);vertical-align:-.125em;border:2px solid;border-right-color:#0000;border-radius:999px;animation:.8s linear infinite erp-button-spin;display:inline-block}.erp-result-detail{gap:var(--space-3);padding-top:var(--space-1);border-top:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);display:grid}@keyframes erp-button-spin{to{transform:rotate(360deg)}}.erp-preview-list{margin:var(--space-3) 0 0;padding-left:1.25rem}.erp-preview-list li+li{margin-top:var(--space-1)}.erp-preview-meta{color:var(--color-text-secondary)}.erp-mapping-sample-section{gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);display:grid}.erp-mapping-sample-section .erp-section-header,.erp-mapping-sample-section .erp-actions,.erp-mapping-sample-section .erp-result{margin-bottom:0}.erp-mapping-sample-section .erp-section-header,.erp-mapping-sample-section .erp-actions,.erp-mapping-sample-section .erp-inline-message,.erp-mapping-sample-section .erp-result{margin-top:0}.erp-mapping-sample-controls{gap:var(--space-3);align-items:end;display:grid}.erp-mapping-sample-controls .form-group{margin-bottom:0}.erp-mapping-sample-load-btn{min-height:var(--height-md)}.erp-mapping-sample-note{border-radius:var(--radius-md);border:1px solid var(--color-info-border);background:var(--color-info-subtle);min-height:2.5rem;color:var(--color-text);font-size:var(--font-size-sm);align-items:center;padding:.55rem .9rem;display:inline-flex}.erp-mapping-sample-grid{gap:var(--space-4);margin-top:0;display:grid}.erp-mapping-sample-grid>div{gap:var(--space-2);min-width:0;display:grid}.erp-mapping-sample-grid h5{margin:0}.erp-json-preview{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 82%, #0f172a 18%);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;min-height:20rem;margin:0;font-size:.78rem;line-height:1.45;overflow:auto}:root[data-theme=light] .erp-json-preview{background:var(--color-bg)}.erp-result-success{background:linear-gradient(180deg, #14b8a614, transparent 55%), var(--color-surface-elevated);border-color:#2dd4bf3d}.erp-result-error{background:linear-gradient(180deg, #ef444414, transparent 55%), var(--color-surface-elevated);border-color:#f871713d}.erp-result-info{background:linear-gradient(180deg, #3b82f614, transparent 55%), var(--color-surface-elevated);border-color:#60a5fa3d}.erp-result-success .erp-result-metric{background:#14b8a614;border-color:#2dd4bf33}.erp-result-info .erp-result-metric{background:#3b82f614;border-color:#60a5fa2e}:root[data-theme=light] .erp-result-success .erp-result-metric{background:#14b8a612}:root[data-theme=light] .erp-result-info .erp-result-metric{background:#3b82f60f}.erp-mapping-table{border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;overflow:hidden}.erp-mapping-table th,.erp-mapping-table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:top}.erp-mapping-table th{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.erp-mapping-table tbody tr:last-child td{border-bottom:0}.erp-mapping-editor-table{font-size:var(--font-size-sm)}.erp-mapping-editor-table th,.erp-mapping-editor-table td{padding:var(--space-2) var(--space-3)}.erp-mapping-editor-table input{min-width:12rem;font-size:var(--font-size-sm);min-height:2.5rem}.erp-mapping-cell{gap:var(--space-1);display:grid}.erp-mapping-cell strong{font-size:var(--font-size-sm)}.erp-mapping-meta{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.erp-required-pill{min-height:1.5rem;padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--color-primary-subtle);border:1px solid var(--color-primary-subtle-border);color:var(--color-primary-hover);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;display:inline-flex}.erp-muted{color:var(--color-text-secondary)}@media (width<=720px){.erp-provider-controls{grid-template-columns:1fr;width:100%}.erp-provider-select-group{width:100%;min-width:0}.erp-mapping-editor-table{display:block;overflow-x:auto}}@media (width>=720px){.erp-mapping-sample-controls{grid-template-columns:minmax(0,1fr) auto}}@media (width>=900px){.erp-provider-header{grid-template-columns:minmax(0,1fr) auto}.erp-provider-controls{justify-items:start}}@media (width>=960px){.erp-mapping-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media (width>=1100px){.erp-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.account-tabs{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:inline-flex}.account-tab-button{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);min-height:var(--height-sm);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000}.account-tab-button:hover{color:var(--color-text);background:var(--color-surface-elevated)}.account-tab-button.active{color:var(--color-primary-hover);background:var(--color-primary-subtle);border-color:var(--color-primary-subtle-border)}.account-tab-panel .dashboard-section{margin-top:0}.account-user-create-form{margin-top:var(--space-4)}.modal .account-user-create-form{margin-top:0}.created-user-credentials{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-primary-subtle-border);background:var(--color-primary-subtle);color:var(--color-text);overflow:hidden}.created-user-credentials p{margin-bottom:var(--space-2);font-size:var(--font-size-sm);overflow-wrap:anywhere}.created-user-credentials p:last-child{margin-bottom:0}.created-user-credentials-title{font-weight:var(--font-weight-semibold)}.created-user-credentials-hint{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.created-user-credentials code{font-family:var(--font-mono);font-size:var(--font-size-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);padding:.1rem .35rem}.created-user-credentials a{color:inherit;overflow-wrap:anywhere;word-break:break-word;max-width:100%;display:inline-block}.status-bars{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.status-bar{align-items:center;gap:var(--space-3);display:flex}.status-bar-label{width:6rem;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.status-bar-track{background:var(--color-surface-elevated);border-radius:var(--radius-full);flex:1;height:.375rem;overflow:hidden}.status-bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.status-bar-count{text-align:right;width:2.5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.orders-list{gap:var(--space-2);flex-direction:column;display:flex}.order-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);cursor:pointer;transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast)}.order-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.order-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.order-id{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-primary-hover);font-weight:var(--font-weight-medium)}.order-info{gap:var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.order-meta{gap:var(--space-1);margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-direction:column;display:flex}.order-meta span{align-items:center;gap:var(--space-2);display:inline-flex}.order-total{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin-top:var(--space-3)}.search-bar{gap:var(--space-3);margin-bottom:var(--space-5);align-items:center;display:flex}.order-grid-controls{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));align-items:stretch;display:grid}.order-grid-controls .form-input,.order-grid-controls .form-select{width:100%}.order-grid-controls input{max-width:none}.catalog-toolbar{align-items:center;gap:var(--space-3);flex-direction:row;width:100%;display:flex}.catalog-toolbar .search-bar{flex:1;margin-bottom:0}#view-products .view-header{flex-direction:column;align-items:stretch}#view-products .view-header h2{margin-bottom:0}#view-products .catalog-toolbar{width:100%;max-width:none}.catalog-edit-mode-btn{align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto;display:inline-flex}.catalog-edit-mode-btn[aria-pressed=true]{border-color:var(--color-primary);color:var(--color-primary-hover);background:var(--color-primary-subtle)}.search-bar input{flex:1;max-width:28rem}.filter-bar{gap:var(--space-3);align-items:center;display:flex}.filter-bar select{min-width:10rem}.products-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));display:grid}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.product-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.product-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.product-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);line-height:var(--line-height-tight);flex:1}.product-sku{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}.product-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);line-height:var(--line-height-relaxed);flex:1}.product-supplier-info{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-3);line-height:var(--line-height-relaxed)}.product-meta{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.product-tag{font-size:var(--font-size-xs);padding:.2rem var(--space-2);background:var(--color-surface-elevated);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.product-tag.organic{background:var(--color-success-subtle);color:var(--color-success);border:1px solid var(--color-success-border)}.product-tag.local-edited{background:var(--color-primary-subtle);color:var(--color-primary-hover);border:1px solid var(--color-primary-subtle-border)}.product-footer{padding-top:var(--space-4);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:auto;display:flex}.product-actions{margin-top:var(--space-3);justify-content:flex-end;display:flex}.product-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-hover);white-space:nowrap}.product-unit{font-size:var(--font-size-xs);color:var(--color-text-muted)}.product-stock{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.product-stock.low-stock{color:var(--color-warning);font-weight:var(--font-weight-semibold)}.product-stock.out-of-stock{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.add-to-cart{gap:var(--space-2);flex-wrap:nowrap;justify-content:flex-end;align-items:center;width:100%;display:flex}.add-to-cart-cta{align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:0;display:inline-flex}.product-order-unit{margin-top:var(--space-2);margin-bottom:var(--space-2)}.article-edit-grid{margin-bottom:0}.article-edit-section{gap:var(--space-4);flex-direction:column;display:flex}.article-edit-subsection{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-elevated)}.article-edit-subsection-title{margin:0 0 var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.article-edit-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0}.article-edit-divider{background:var(--color-border);height:1px;margin:var(--space-5) 0}.product-order-unit label{margin-bottom:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);display:block}.product-order-unit select,.add-to-cart select{height:var(--height-xs);min-width:5rem;font-size:var(--font-size-xs);padding:0 var(--space-2);border-radius:var(--radius-sm);width:auto}.add-to-cart select{margin-right:auto}.product-order-unit select{width:100%}.add-to-cart input[type=number]{width:4.25rem;min-width:4.25rem;height:var(--height-xs);text-align:center;padding:0 var(--space-1) 0 var(--space-2);font-size:var(--font-size-sm);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--color-text)}.add-to-cart input[type=number]::-webkit-outer-spin-button,.add-to-cart input[type=number]::-webkit-inner-spin-button{opacity:1;filter:contrast(1.4)}.add-to-cart button{height:var(--height-xs);padding:0 var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.add-to-cart button.adding{animation:.35s addPulse}@keyframes addPulse{0%,to{transform:scale(1)}50%{transform:scale(.94)}}.order-builder{gap:var(--space-6);grid-template-columns:1fr;align-items:start;display:grid}.product-selection{min-width:0}.product-selection .products-grid,#view-products #catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.order-cart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;min-width:0;display:flex}#view-create-order .order-cart,#view-new-order .order-cart{z-index:1200;width:min(34rem,100vw);max-height:100dvh;transition:transform var(--transition-slow);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom));pointer-events:none;border-radius:0;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-12px 0 32px #0006}#view-create-order .order-cart.visible,#view-new-order .order-cart.visible{pointer-events:auto;transform:translate(0)}#cart-badge,#order-cart-badge{top:auto!important}.cart-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.cart-header h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);flex:1;margin:0}.cart-items{scrollbar-gutter:stable;gap:var(--space-2);max-height:min(56vh,34rem);padding-right:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.cart-item{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);flex-direction:column;display:flex}.cart-item:last-child{margin-bottom:0}.cart-item-main{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.cart-item-info{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.cart-item-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:var(--line-height-tight);overflow-wrap:anywhere}.cart-item-details{font-size:var(--font-size-xs);color:var(--color-text-muted);overflow-wrap:anywhere}.cart-item-footer{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.cart-item-stepper{align-items:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-sm);background:var(--color-bg);border:0;display:inline-flex}button.cart-step-btn{width:var(--height-xs);height:var(--height-xs);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-base);flex-shrink:0;padding:0}button.cart-step-btn:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted)}input.cart-quantity-input{width:3.25rem;min-width:3.25rem;max-width:3.25rem;height:var(--height-xs);text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 var(--space-1);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);background:var(--color-surface-elevated);box-shadow:none}input.cart-quantity-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-subtle);outline:none}.cart-item-total{text-align:right;min-width:6.25rem;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);white-space:nowrap}button.cart-item-remove{width:var(--height-xs);height:var(--height-xs);background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);font-size:var(--font-size-lg);padding:0;line-height:1}button.cart-item-remove:hover{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-subtle)}.cart-summary{padding:var(--space-4) 0 0;border-top:2px solid var(--color-border)}.summary-row{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);justify-content:space-between;align-items:center;display:flex}.total{color:var(--color-primary-hover)}.cart-actions{gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.cart-checkout-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.customers-list{gap:var(--space-3);flex-direction:column;display:flex}.customer-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--transition-fast)}.customer-card:hover{border-color:var(--color-primary)}.customer-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.customer-header-badges{align-items:center;gap:var(--space-2);display:inline-flex}.customer-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.customer-code{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-primary-hover);background:var(--color-primary-subtle);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.customer-code-erp{color:#15803d;background:var(--color-success-subtle)}.customer-info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.customer-info p{margin-bottom:var(--space-1)}.customer-actions{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.user-self-indicator{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-success);border:1px solid var(--color-success-border);background:var(--color-success-subtle);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);align-items:center;display:inline-flex}.user-self-actions{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.user-self-edit-btn{align-self:flex-start}.user-inline-edit-form{align-items:center;gap:var(--space-2);flex-wrap:wrap;width:100%;display:flex}.user-inline-edit-form .form-input{min-width:13rem;max-width:18rem}.order-detail-header{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.detail-group label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);font-weight:var(--font-weight-medium);display:block}.detail-group p{font-size:var(--font-size-sm);color:var(--color-text)}.detail-group--span-2{grid-column:span 2}.detail-group--notes{margin-top:var(--space-4)}.order-items-table{border-collapse:collapse;width:100%;margin-bottom:var(--space-6)}.order-items-table th,.order-items-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border)}.order-items-table th{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold);background:var(--color-surface-elevated)}.order-items-table td{font-size:var(--font-size-sm)}.order-items-table .text-right{text-align:right}.order-table-input{width:8rem;min-width:8rem;height:var(--height-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 var(--space-3);font-size:var(--font-size-sm);text-align:right;font-family:var(--font-mono);line-height:1.2}.order-table-input:focus{border-color:var(--color-primary);outline:none}.order-table-input.order-correction-article{text-align:left;width:15rem;min-width:15rem;font-family:var(--font-sans)}.order-table-input.order-correction-qty,.order-table-input.order-correction-delivered{width:9.5rem;min-width:9.5rem}.order-table-input[type=number]{appearance:textfield}.order-table-input[type=number]::-webkit-outer-spin-button,.order-table-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.order-total-section{padding-top:var(--space-4);border-top:2px solid var(--color-border);justify-content:flex-end;display:flex}.order-total-section .total{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.order-detail-actions{margin-top:var(--space-4);gap:var(--space-2);flex-wrap:wrap;display:flex}.order-timeline-section{margin-top:var(--space-6)}.order-timeline-title{font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.order-timeline-list{margin:0;padding:0;list-style:none}.order-timeline-item{gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.order-timeline-item-time{color:var(--color-text-secondary);white-space:nowrap}.order-timeline-item-event{font-weight:var(--font-weight-medium)}.order-timeline-item-note{color:var(--color-text-muted)}.loading,.empty{color:var(--color-text-muted);text-align:center;padding:var(--space-6);font-size:var(--font-size-sm)}.preauth-page #chat-container{padding:var(--space-8) var(--space-4);justify-content:center;align-items:center;display:flex;top:0;bottom:0}.preauth-page .welcome{border:1px solid var(--color-border);border-radius:calc(var(--radius-xl) + .125rem);background:var(--color-surface);width:min(100%,54rem);min-height:auto;box-shadow:var(--shadow-lg);margin:0}.welcome-eyebrow{align-items:center;gap:var(--space-2);padding:.3rem var(--space-3);border-radius:var(--radius-full);color:#dbe3ff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-4);background:#6366f129;border:1px solid #818cf866;display:inline-flex}.preauth-cta-row{gap:var(--space-3);margin:var(--space-6) 0 var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.preauth-option-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.preauth-option-card{text-align:left;border:1px solid var(--color-border);background:var(--color-surface-elevated);border-radius:var(--radius-lg);padding:var(--space-4)}.preauth-option-card h3{font-size:var(--font-size-base);margin-bottom:var(--space-2)}.preauth-option-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}#chat-container{top:0;left:0;right:0;bottom:var(--chat-input-bar-height);padding:var(--space-6) var(--space-4) 0;scroll-behavior:smooth;position:fixed;overflow-y:auto}.welcome{text-align:center;min-height:100%;padding:var(--space-12);flex-direction:column;justify-content:center;align-items:center;display:flex}.welcome-icon{margin-bottom:var(--space-6);color:var(--color-primary);animation:3s ease-in-out infinite float}.welcome-icon .icon{stroke-width:1.5px;width:4rem;height:4rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.welcome h2{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-3);letter-spacing:-.025em}.welcome-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-8)}.connect-form{gap:var(--space-4);flex-direction:column;width:100%;max-width:24rem;margin:0 auto;display:flex}#customer-code{width:100%;height:var(--height-lg);padding:0 var(--space-6);background:var(--color-surface-elevated);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--font-size-lg);font-family:var(--font-mono);text-align:center;transition:all var(--transition-fast)}#customer-code:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}#customer-code::placeholder{color:var(--color-text-muted);font-size:var(--font-size-base);font-family:var(--font-family)}#customer-code:disabled{opacity:.5;cursor:not-allowed}#connect-btn{width:100%;height:var(--height-lg);padding:0 var(--space-6);background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.025em}#connect-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 0 0 3px var(--color-primary-glow);transform:translateY(-1px)}#connect-btn:active{transform:translateY(0)}#connect-btn.connected{background:var(--color-danger);border-color:var(--color-danger)}#connect-btn.connected:hover{background:var(--color-danger-hover);border-color:var(--color-danger-hover)}#connect-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.welcome .hint{margin-top:var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-surface);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.messages{max-width:var(--max-chat-width);gap:var(--space-3);flex-direction:column;margin:0 auto;display:flex}.messages:after{content:"";height:var(--space-4);flex-shrink:0;display:block}.message{gap:var(--space-3);max-width:85%;animation:.25s msgFadeIn;display:flex}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse;align-self:flex-end}.message.assistant{align-self:flex-start}.message-avatar{border-radius:var(--radius-full);background:var(--color-surface-elevated);border:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}.message-avatar .icon{width:1rem;height:1rem}.message-bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:var(--line-height-normal);white-space:pre-wrap;word-break:break-word}.message.user .message-bubble{background:var(--color-primary);color:#fff;border-bottom-right-radius:var(--space-1)}.message.assistant .message-bubble{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-bottom-left-radius:var(--space-1)}.message-bubble strong{font-weight:var(--font-weight-semibold)}.message-bubble ul,.message-bubble ol{margin:var(--space-2) 0 var(--space-2) var(--space-5);padding-left:var(--space-4)}.message-bubble li{margin-bottom:var(--space-1)}.message-inspectable{cursor:pointer}.message-inspectable .message-bubble{transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast)}.message-inspectable:hover .message-bubble,.message-inspectable:focus-visible .message-bubble{transform:translateY(-1px)}.message.user.message-inspectable:hover .message-bubble,.message.user.message-inspectable:focus-visible .message-bubble{box-shadow:0 0 0 3px var(--color-primary-glow)}.message.assistant.message-inspectable:hover .message-bubble,.message.assistant.message-inspectable:focus-visible .message-bubble{border-color:var(--color-primary-subtle-border);box-shadow:var(--shadow-sm)}.chat-message-detail-body{gap:var(--space-5);flex-direction:column;display:flex}.chat-message-detail-section{gap:var(--space-2);flex-direction:column;display:flex}.chat-message-detail-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0}.chat-message-detail-card{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-elevated);font-size:var(--font-size-sm);line-height:var(--line-height-normal);white-space:pre-wrap;word-break:break-word}.message-thinking .message-bubble{justify-content:center;align-items:center;min-width:3.5rem;display:flex}.thinking{gap:var(--space-2);padding:var(--space-1) 0;display:flex}.thinking span{background:var(--color-text-muted);border-radius:var(--radius-full);width:.4rem;height:.4rem;animation:1.4s infinite both thinkBounce}.thinking span:first-child{animation-delay:0s}.thinking span:nth-child(2){animation-delay:.2s}.thinking span:nth-child(3){animation-delay:.4s}@keyframes thinkBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}#input-bar{height:var(--chat-input-bar-height);padding:var(--space-3) var(--space-6);background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:center;gap:var(--space-2);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.input-row{align-items:center;gap:var(--space-3);max-width:var(--max-chat-width);width:100%;margin:0 auto;display:flex}#message-input{height:var(--height-md);padding:0 var(--space-4);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--font-size-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:1;width:auto}#message-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}#message-input::placeholder{color:var(--color-text-muted)}#input-bar .icon-btn{border-radius:var(--radius-full)}#send-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}#mic-btn.recording{background:var(--color-danger);border-color:var(--color-danger);color:#fff;animation:1.5s infinite micPulse}@keyframes micPulse{0%,to{box-shadow:0 0 0 0 var(--color-danger-border)}50%{box-shadow:0 0 0 8px #0000}}.input-options{max-width:var(--max-chat-width);justify-content:flex-end;gap:var(--space-4);width:100%;margin:0 auto;display:flex}.toggle-label{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;user-select:none;display:flex}.toggle-label input[type=checkbox]{width:.875rem;height:.875rem;accent-color:var(--color-primary);cursor:pointer}.tts-provider-label{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;user-select:none;display:flex}.tts-provider-label select{height:auto;padding:.2rem var(--space-2);font-size:var(--font-size-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);width:auto}.tts-provider-label select:focus{border-color:var(--color-primary);box-shadow:none}#view-chat{height:calc(100vh - var(--space-8) * 2);flex-direction:column;display:flex}#view-chat.hidden{display:none}#view-chat .chat-messages{gap:var(--space-3);padding-bottom:var(--space-4);scroll-behavior:smooth;flex-direction:column;flex:1;display:flex;overflow-y:auto}#view-chat .chat-ended-banner{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);background:var(--color-warning-subtle);display:flex}#view-chat .chat-ended-banner.hidden{display:none}#view-chat .chat-ended-banner span{font-size:var(--font-size-sm);color:var(--color-text)}#view-chat .chat-input-bar{padding:var(--space-3) 0 0;border-top:1px solid var(--color-border)}#view-chat .input-row{max-width:none;margin:0}#view-chat .input-row input[type=text]{height:var(--height-md);padding:0 var(--space-4);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--font-size-sm);flex:1;width:auto}#view-chat .input-row input[type=text]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}#view-chat .icon-btn{border-radius:var(--radius-full)}#view-chat #chat-send-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}#view-chat #chat-mic-btn.recording{background:var(--color-danger);border-color:var(--color-danger);color:#fff;animation:1.5s infinite micPulse}#view-chat .input-options{margin-top:var(--space-2);max-width:none}.mobile-cart-toggle{bottom:var(--space-6);right:var(--space-6);z-index:999;width:var(--height-lg);height:var(--height-lg);border-radius:var(--radius-full);background:var(--color-primary);color:#fff;box-shadow:var(--shadow-lg);cursor:pointer;transition:transform var(--transition-fast);border:none;display:none;position:fixed}.mobile-cart-toggle:hover{transform:scale(1.05)}.mobile-cart-toggle:active{transform:scale(.96)}.cart-overlay{z-index:997;background:#00000080;display:none;position:fixed;inset:0}.cart-overlay.visible{display:block}.mobile-cart-close{display:none}#view-create-order .mobile-cart-toggle,#view-new-order .mobile-cart-toggle{justify-content:center;align-items:center;display:flex}#view-create-order .mobile-cart-toggle.dimmed,#view-new-order .mobile-cart-toggle.dimmed{display:none}#view-create-order .mobile-cart-close,#view-new-order .mobile-cart-close{color:var(--color-text-muted);cursor:pointer;width:2rem;height:2rem;transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.75rem;line-height:1;display:flex}#view-create-order .mobile-cart-close:hover,#view-new-order .mobile-cart-close:hover{color:var(--color-text)}.menu-toggle,.sidebar-overlay{display:none}@media (width<=1440px){#view-create-order .product-selection .products-grid,#view-products #catalog-grid,#view-new-order .product-selection .products-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}}@media (width<=1100px){.order-builder,.order-grid-controls{grid-template-columns:1fr}.product-selection .products-grid,#view-products #catalog-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.cart-item{padding:var(--space-3)}.cart-item-footer{justify-content:space-between}.cart-item-total{text-align:right}.stats-grid{grid-template-columns:repeat(2,1fr)}.account-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.account-tab-button{width:100%}}@media (width<=768px){.menu-toggle{top:var(--space-4);left:var(--space-4);z-index:1000;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);padding:var(--space-2) var(--space-3);cursor:pointer;height:var(--height-sm);font-size:1.125rem;line-height:1;display:block;position:fixed}.sidebar-overlay{z-index:1009;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.sidebar{transition:transform var(--transition-base);z-index:1010;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{max-width:100%;padding:var(--space-4) var(--space-4) var(--space-8);margin-top:5rem;margin-left:0}.stats-grid{grid-template-columns:1fr}.view-header{flex-direction:column;align-items:flex-start}.search-bar,.catalog-toolbar{flex-direction:column;align-items:stretch}.catalog-edit-mode-btn{align-self:flex-start;margin-left:0}.search-bar input{max-width:100%}.connect-form{max-width:100%;padding:0 var(--space-2)}#chat-container{padding:var(--space-4) var(--space-3) 0}.message{max-width:92%}.welcome{padding:var(--space-8) var(--space-4)}.preauth-page .welcome{padding:var(--space-6) var(--space-4)}.preauth-option-grid{grid-template-columns:1fr}.preauth-cta-row,.preauth-cta-row .btn{width:100%}.auth-page{padding:var(--space-4)}.auth-layout{max-width:100%;min-height:0}.auth-container{max-width:100%}.auth-card{min-height:0}.form-grid{grid-template-columns:1fr}.demo-account{padding:var(--space-4) var(--space-3);justify-content:center;align-items:center}.demo-account-header{text-align:center;justify-content:center}#input-bar{padding:var(--space-3) var(--space-4)}#view-chat .message{max-width:92%}}@media (width<=480px){.auth-card{padding:var(--space-5)}.auth-view-toggle{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-view-btn{padding:0 var(--space-2);font-size:var(--font-size-xs)}.main-content{padding:var(--space-3)}.order-detail-header{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.status-actions{width:100%;margin-right:0}.status-actions .btn{flex:1}}