:root{--color-primary:#16a34a;--color-primary-hover:#22c55e;--color-primary-active:#15803d;--color-primary-pale:#dcfce7;--color-slate-dark:#1a2e1f;--color-tint:#dcfce7;--color-tint-text:#15803d;--color-bg:#f4f6f7;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-container:#f4f6f7;--color-surface-container-low:#f4f6f7;--color-surface-container-high:#e5e7eb;--color-border-raised:#e5e7eb;--color-divider:#e5e7eb;--color-border:#d1d5db;--color-outline-variant:#0000001f;--color-text-muted:#6b7280;--color-text-secondary:#4b5563;--color-text-primary:#111827;--color-success-bg:#dcfce7;--color-success-text:#166534;--color-success-dot:#22c55e;--color-warning-bg:#fef9c3;--color-warning-text:#854d0e;--color-warning-dot:#f59e0b;--color-error-bg:#fee2e2;--color-error-text:#991b1b;--color-error-dot:#ef4444;--color-info-bg:#eae8fc;--color-info-text:#3d32c4;--color-info-dot:#5b4fe8;--color-accent-yellow:#fef08a;--color-accent-red:#fecaca;--color-accent-lime:#bbf7d0;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--radius-none:0px;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-family-heading:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:600;--transition-brutal:all .2s ease;--transition-fast:.15s ease;--transition-default:.2s ease;--transition-modal:.2s ease;--transition-page:.2s ease;--ease-brutal-snap:cubic-bezier(.16, 1, .3, 1);--ease-brutal-linear:ease;--border-brutal:1px solid var(--color-border-raised);--border-brutal-thin:1px solid var(--color-divider);--shadow-brutal:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-brutal-sm:0 1px 2px #0000000f;--shadow-brutal-hover:0 4px 12px #0000001f;--shadow-brutal-active:0 1px 2px #0000000f}.dark{--color-primary:#4ade80;--color-primary-hover:#86efac;--color-primary-active:#22c55e;--color-primary-pale:#14532d;--color-slate-dark:#1a2e1f;--color-tint:#14532d;--color-tint-text:#4ade80;--color-bg:#131313;--color-surface:#1e1e1e;--color-surface-raised:#1a2e1f;--color-surface-container:#1e1e1e;--color-surface-container-low:#1e1e1e;--color-surface-container-high:#2a2a2a;--color-border-raised:#2a2a2a;--color-divider:#2a2a2a;--color-border:#3a3a3a;--color-text-muted:#6b7280;--color-text-secondary:#9ca3af;--color-text-primary:#fff;--color-success-bg:#14532d;--color-success-text:#86efac;--color-success-dot:#22c55e;--color-warning-bg:#713f12;--color-warning-text:#fde68a;--color-warning-dot:#f59e0b;--color-error-bg:#7f1d1d;--color-error-text:#fca5a5;--color-error-dot:#ef4444;--color-info-bg:#2a2845;--color-info-text:#a09ff5;--color-info-dot:#7b72ed;--border-brutal:1px solid var(--color-border-raised);--border-brutal-thin:1px solid var(--color-divider);--shadow-brutal:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-brutal-sm:0 1px 2px #0003;--shadow-brutal-hover:0 4px 12px #0006;--shadow-brutal-active:0 1px 2px #0003}[dir=rtl]{--font-family:"Cairo", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-family-heading:"Cairo", "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body,body *{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.2}h1{font-size:2.5rem}h2{font-size:1.75rem}h3{font-size:1.375rem}h4{font-size:1.125rem}.label{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}a{color:var(--color-primary);transition:var(--transition-brutal);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}::selection{background-color:var(--color-tint);color:var(--color-tint-text)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}button,input,textarea,select{border-radius:var(--radius-md)}dialog,[role=dialog],[role=alertdialog]{border-radius:var(--radius-lg)}img,video,canvas,iframe,svg{border-radius:var(--radius-md)}pre,code,kbd,samp{border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.phone-ltr{direction:ltr;unicode-bidi:embed;display:inline-block}.login-page{width:100%;min-height:100vh;display:flex}.login-info{padding:var(--space-2xl);background:var(--color-slate-dark);color:#fff;flex-direction:column;flex:1;justify-content:space-between;display:flex;position:relative;overflow:hidden}.login-info-pattern{opacity:.06;pointer-events:none;background-image:repeating-linear-gradient(45deg,#fff 0 1px,#0000 0 50%);background-size:24px 24px;position:absolute;inset:0}.login-info-content{z-index:1;flex-direction:column;flex:1;justify-content:center;max-width:480px;margin:0 auto;display:flex;position:relative}.login-info-logo{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.04em;color:#fff;margin-bottom:var(--space-3xl)}.login-info-headline{font-family:var(--font-family-heading);font-size:2.75rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:-.02em;margin-bottom:var(--space-xl);color:#fff;line-height:1.05}.login-info-headline span{color:var(--color-primary)}.login-info-subheadline{color:#ffffffb8;margin-bottom:var(--space-3xl);font-size:1.0625rem;line-height:1.6}.login-info-features{gap:var(--space-lg);flex-direction:column;list-style:none;display:flex}.login-info-feature{align-items:flex-start;gap:var(--space-md);color:#ffffffd9;font-size:.9375rem;display:flex}.login-info-feature-icon{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.login-info-footer{z-index:1;color:#ffffff73;text-align:center;font-size:.8125rem;position:relative}.login-form-panel{padding:var(--space-2xl);background:var(--color-bg);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;overflow-y:auto}.login-box{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-brutal);padding:var(--space-2xl)}.login-box h1{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--space-xl);color:var(--color-text-primary);line-height:1.2}.login-back-btn{margin-bottom:var(--space-md);font:inherit;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:.8125rem;transition:color .2s;display:inline-flex}.login-back-btn:hover{color:var(--color-text-primary)}.login-reset-header{text-align:center;margin-bottom:var(--space-xl)}.login-reset-icon{background:var(--color-primary-pale);width:56px;height:56px;color:var(--color-primary);margin:0 auto var(--space-md);border-radius:50%;justify-content:center;align-items:center;display:flex}.login-reset-desc{color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.login-box form{gap:var(--space-md);flex-direction:column;display:flex}.login-error{padding:var(--space-md) var(--space-lg);background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-medium)}.login-box label{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:block}.login-box input{width:100%;padding:var(--space-md) var(--space-lg);font-size:.9375rem;font-family:var(--font-family);background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition-brutal);outline:none}.login-box input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-pale)}.login-box input::placeholder{color:var(--color-text-muted)}.login-forgot{margin-top:calc(var(--space-sm) * -1);justify-content:flex-end;display:flex}.login-box form button[type=submit]{margin-top:var(--space-sm);width:100%;padding:var(--space-md) var(--space-xl);font-size:.9375rem;font-weight:var(--font-weight-medium);font-family:var(--font-family);color:#fff;background:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-brutal);border:none}.login-box form button[type=submit]:hover:not(:disabled){background:var(--color-primary-hover)}.login-box form button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.auth-divider{text-align:center;color:var(--color-text-muted);font-size:.8125rem;font-weight:var(--font-weight-medium);margin:var(--space-xl) 0;align-items:center;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-divider);flex:1;height:1px}.auth-divider:not(:empty):before{margin-right:var(--space-sm)}.auth-divider:not(:empty):after{margin-left:var(--space-sm)}.google-btn{width:100%;padding:var(--space-md) var(--space-xl);font-size:.9375rem;font-weight:var(--font-weight-medium);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-brutal);justify-content:center;align-items:center;gap:var(--space-sm);display:inline-flex}.google-btn:hover{background:var(--color-bg)}.login-toggle{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-divider);text-align:center}.login-toggle p{color:var(--color-text-muted);font-size:.875rem}.link-btn{font:inherit;color:var(--color-primary);cursor:pointer;font-weight:var(--font-weight-medium);background:0 0;border:none;padding:0;text-decoration:none}.link-btn:hover{color:var(--color-primary-hover);text-decoration:underline}@media (width<=860px){.login-page{flex-direction:column}.login-info{display:none}.login-form-panel{padding:var(--space-xl);min-height:100vh}}.invite-page{background:var(--color-bg);min-height:100vh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.invite-card{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;width:100%;max-width:420px}.invite-header{margin-bottom:var(--space-xl)}.invite-header h1{font-family:var(--font-family-heading);font-size:22px;font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0 0 var(--space-sm)}.invite-header p{color:var(--color-text-muted);margin:0;font-size:14px}.invite-state{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.invite-state p{color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.5}.invite-icon{margin-bottom:var(--space-sm)}.invite-state .btn{margin-top:var(--space-sm)}.shops-page{background:var(--color-bg);min-height:100vh}.shops-header{background:var(--color-surface);border-bottom:var(--border-brutal);padding:var(--space-lg) var(--space-3xl)}.shops-header-inner{justify-content:space-between;align-items:center;gap:var(--space-lg);max-width:960px;margin:0 auto;display:flex}.shops-header h1{font-size:1.5rem}.shops-user{align-items:center;gap:var(--space-lg);color:var(--color-text-muted);font-size:.875rem;display:flex}.shops-main{max-width:960px;padding:var(--space-3xl);margin:0 auto}.shops-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.shop-card{gap:var(--space-lg);padding:var(--space-xl);background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal-sm);text-align:left;transition:var(--transition-brutal);border-radius:var(--radius-md);flex-direction:column;width:100%;display:flex}.shop-card:hover{box-shadow:var(--shadow-brutal-hover);transform:translate(-4px,-4px)}.shop-card.active{background:var(--color-primary-pale);border-width:3px}.shop-card-top{align-items:center;gap:var(--space-lg);display:flex}.shop-card-image{background:var(--color-primary);width:56px;height:56px;color:var(--color-surface);border:var(--border-brutal);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.shop-card-image img{object-fit:cover;width:100%;height:100%}.shop-card-initials{font-family:var(--font-family-heading);letter-spacing:.02em;font-size:18px;font-weight:800}.shop-card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.shop-card-body h3{font-size:1rem;font-family:var(--font-family-heading);margin:0}.shop-card-role{background:var(--color-bg);border:var(--border-brutal);width:fit-content;font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.04em;color:var(--color-text-secondary);padding:1px 6px;display:inline-block}.shop-card-id{color:var(--color-text-muted);letter-spacing:.05em;font-size:.75rem}.shop-card-actions{align-items:center;gap:var(--space-sm);margin-top:auto;display:flex}.shop-card-btn{border:var(--border-brutal);font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.04em;cursor:pointer;transition:var(--transition-brutal);flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;display:flex}.shop-card-btn--primary{background:var(--color-primary);color:var(--color-surface)}.shop-card-btn--primary:hover{background:var(--color-surface);color:var(--color-primary)}.shop-card-btn--secondary{background:var(--color-surface);color:var(--color-text-primary)}.shop-card-btn--secondary:hover{background:var(--color-primary);color:var(--color-surface)}.shop-card-add{cursor:pointer;background:0 0;border-style:dashed;flex-direction:row;align-items:center}.shop-card-add:hover{background:var(--color-surface)}.shop-card-form{background:var(--color-surface);border-style:solid;flex-direction:row;align-items:center}.shop-card-form input{width:100%;padding:var(--space-sm) var(--space-md);font-size:1rem;font-family:var(--font-family);border:var(--border-brutal);background:var(--color-bg);color:var(--color-text-primary);outline:none}.shop-card-form input:focus{background:var(--color-primary-pale);border-width:3px}.shop-card-icon{background:var(--color-bg);border:var(--border-brutal);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.btn-ghost{border:var(--border-brutal);padding:var(--space-sm) var(--space-md);background:0 0;font-size:.75rem}.btn-ghost:hover{background:var(--color-bg)}.onboarding-page{background:var(--color-bg);min-height:100vh;padding:var(--space-3xl) var(--space-xl);justify-content:center;align-items:flex-start;display:flex}.onboarding-card{background:var(--color-surface);border:var(--border-brutal);width:100%;max-width:720px;box-shadow:var(--shadow-brutal);padding:var(--space-2xl);gap:var(--space-2xl);flex-direction:column;display:flex}.onboarding-header{text-align:center}.onboarding-brand{align-items:center;gap:var(--space-md);font-family:var(--font-family-heading);font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:inline-flex}.onboarding-brand svg{color:var(--color-primary)}.onboarding-subtitle{margin-top:var(--space-sm);color:var(--color-text-muted);font-size:.875rem}.onboarding-stepper{justify-content:center;align-items:center;gap:var(--space-xs);padding:0 var(--space-xl);display:flex}.onboarding-stepper-item{align-items:center;gap:var(--space-sm);flex:1;display:flex;position:relative}.onboarding-stepper-item:last-child{flex:none}.onboarding-stepper-circle{border-radius:var(--radius-full);width:28px;height:28px;font-size:12px;font-weight:var(--font-weight-bold);border:2px solid var(--color-divider);color:var(--color-text-muted);background:var(--color-surface);transition:var(--transition-brutal);flex-shrink:0;justify-content:center;align-items:center;display:flex}.onboarding-stepper-circle.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-pale)}.onboarding-stepper-circle.done{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface)}.onboarding-stepper-label{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);white-space:nowrap}.onboarding-stepper-line{background:var(--color-divider);height:2px;margin:0 var(--space-sm);transition:var(--transition-brutal);flex:1}.onboarding-stepper-line.done{background:var(--color-primary)}.onboarding-step{gap:var(--space-xl);flex-direction:column;animation:.25s fadeIn;display:flex}.onboarding-step-title{align-items:center;gap:var(--space-sm);font-family:var(--font-family-heading);font-size:1.125rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:flex}.onboarding-step-title svg{color:var(--color-primary)}.onboarding-form{gap:var(--space-lg);flex-direction:column;display:flex}.onboarding-row{gap:var(--space-sm);flex-direction:column;display:flex}.onboarding-row-group{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.onboarding-label{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);align-items:center;gap:6px;display:flex}.onboarding-input,.onboarding-select{background:var(--color-bg);border:var(--border-brutal);width:100%;color:var(--color-text-primary);transition:var(--transition-brutal);font-size:13px;font-family:var(--font-family);outline:none;padding:10px 12px}.onboarding-input:focus,.onboarding-select:focus{border-color:var(--color-primary);background:var(--color-primary-pale)}.onboarding-select{cursor:pointer}.onboarding-logo-upload-row{align-items:center;gap:var(--space-md);display:flex}.onboarding-logo-add-btn{background:var(--color-bg);border:var(--border-brutal);width:100px;height:100px;color:var(--color-text-secondary);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);font-family:var(--font-family-heading);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.onboarding-logo-add-btn:hover{background:var(--color-primary-pale);border-color:var(--color-primary);color:var(--color-primary)}.onboarding-logo-preview-box{border:var(--border-brutal);background:var(--color-bg);flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative;overflow:hidden}.onboarding-logo-preview-box img{object-fit:cover;width:100%;height:100%}.onboarding-logo-preview-loading{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.onboarding-logo-remove{background:var(--color-error-text);width:22px;height:22px;color:var(--color-surface);border:var(--border-brutal);cursor:pointer;transition:var(--transition-brutal);justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:4px;right:4px}.onboarding-logo-remove:hover{transform:scale(1.1)}.onboarding-logo-remove:disabled{opacity:.5;cursor:not-allowed}.onboarding-logo-preview{align-items:center;gap:var(--space-md);margin-top:var(--space-sm);padding:var(--space-md);background:var(--color-bg);border:var(--border-brutal);display:flex}.onboarding-logo-preview-img{background:var(--color-primary);width:44px;height:44px;color:var(--color-surface);font-family:var(--font-family-heading);font-size:14px;font-weight:var(--font-weight-bold);border:var(--border-brutal);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.onboarding-logo-preview-img img{object-fit:cover;border-radius:0;width:100%;height:100%}.onboarding-logo-preview-name{font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.onboarding-billing-toggle{border:var(--border-brutal);align-self:center;display:inline-flex}.onboarding-toggle-btn{background:var(--color-bg);border:none;border-right:var(--border-brutal);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;color:var(--color-text-secondary);transition:var(--transition-brutal);align-items:center;gap:6px;padding:8px 16px;display:flex}.onboarding-toggle-btn:last-child{border-right:none}.onboarding-toggle-btn.active{background:var(--color-primary);color:var(--color-surface)}.onboarding-toggle-badge{background:var(--color-accent-yellow);color:var(--color-text-primary);padding:1px 5px;font-size:10px}.onboarding-plans{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.onboarding-plan-card{padding:var(--space-xl);background:var(--color-bg);border:var(--border-brutal);gap:var(--space-md);cursor:pointer;transition:var(--transition-brutal);flex-direction:column;display:flex;position:relative}.onboarding-plan-card:hover{box-shadow:var(--shadow-brutal-hover);transform:translate(-2px,-2px)}.onboarding-plan-card.selected{border-color:var(--color-primary);background:var(--color-primary-pale)}.onboarding-plan-header{align-items:center;gap:var(--space-sm);display:flex}.onboarding-plan-icon{background:var(--color-surface);border:var(--border-brutal);width:32px;height:32px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.onboarding-plan-name{font-family:var(--font-family-heading);font-size:1rem;font-weight:var(--font-weight-bold);margin:0}.onboarding-plan-price{align-items:baseline;gap:2px;display:flex}.onboarding-plan-currency{font-size:16px;font-weight:var(--font-weight-bold)}.onboarding-plan-amount{font-size:28px;font-weight:var(--font-weight-bold);line-height:1}.onboarding-plan-period{color:var(--color-text-muted);font-size:12px}.onboarding-plan-features{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.onboarding-plan-features li{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.onboarding-plan-features li svg{color:var(--color-success-text);flex-shrink:0}.onboarding-plan-radio{padding-top:var(--space-md);border-top:var(--border-brutal-thin);align-items:center;gap:var(--space-sm);font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);margin-top:auto;display:flex}.onboarding-radio-outer{border-radius:var(--radius-full);border:2px solid var(--color-text-muted);width:18px;height:18px;transition:var(--transition-brutal);justify-content:center;align-items:center;display:flex}.onboarding-radio-outer.selected{border-color:var(--color-primary)}.onboarding-radio-inner{border-radius:var(--radius-full);background:var(--color-primary);width:10px;height:10px}.onboarding-review{gap:var(--space-xl);flex-direction:column;display:flex}.onboarding-review-section{padding:var(--space-lg);background:var(--color-bg);border:var(--border-brutal)}.onboarding-review-section h4{font-family:var(--font-family-heading);font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.04em}.onboarding-review-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.onboarding-review-grid>div{flex-direction:column;gap:2px;display:flex}.onboarding-review-label{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.onboarding-review-value{font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);word-break:break-word}.onboarding-review-plan{align-items:center;gap:var(--space-md);display:flex}.onboarding-review-plan-icon{background:var(--color-surface);border:var(--border-brutal);width:40px;height:40px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.onboarding-review-plan-body{flex-direction:column;gap:2px;display:flex}.onboarding-review-plan-name{font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.onboarding-review-plan-price{color:var(--color-text-muted);font-size:12px}.onboarding-review-note{margin-top:var(--space-sm);color:var(--color-text-muted);font-size:12px;line-height:1.5}.onboarding-state{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-2xl);background:var(--color-bg);border:var(--border-brutal);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);display:flex}.onboarding-state--error{color:var(--color-error-text);background:var(--color-error-bg);border-color:var(--color-error-text)}.onboarding-error{align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-error-bg);border:var(--border-brutal);border-color:var(--color-error-text);color:var(--color-error-text);font-size:13px;font-weight:var(--font-weight-bold);display:flex}.onboarding-actions{justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-lg);border-top:var(--border-brutal-thin);display:flex}.onboarding-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);font-family:var(--font-family-heading);align-items:center;gap:6px;padding:10px 18px;display:inline-flex}.onboarding-btn:hover{background:var(--color-bg)}.onboarding-btn:disabled{opacity:.5;cursor:not-allowed}.onboarding-btn--primary{background:var(--color-primary);color:var(--color-surface)}.onboarding-btn--primary:hover{background:var(--color-primary-hover)}@media (width<=640px){.onboarding-page{padding:var(--space-lg) var(--space-md)}.onboarding-card{padding:var(--space-lg)}.onboarding-row-group,.onboarding-plans,.onboarding-review-grid{grid-template-columns:1fr}.onboarding-stepper-label{display:none}}.profile-page{background:var(--color-bg);flex-direction:column;align-items:center;gap:16px;min-height:100vh;padding:24px;display:flex}.profile-top-bar{align-items:center;width:100%;max-width:960px;display:flex}.profile-back-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:8px;padding:8px 16px;display:flex}.profile-back-btn:hover{background:var(--color-primary);color:var(--color-surface)}.profile-card{background:var(--color-surface);border:var(--border-brutal);width:100%;max-width:960px;box-shadow:var(--shadow-brutal);border-radius:var(--radius-md);min-height:600px;display:flex}.profile-sidebar{background:var(--color-surface);border-right:var(--border-brutal);flex-direction:column;flex-shrink:0;width:200px;padding:12px 8px;display:flex}.profile-sidebar-header{border-bottom:var(--border-brutal-thin);margin-bottom:8px;padding:8px 10px 16px}.profile-sidebar-avatar{background:var(--color-primary-pale);width:40px;height:40px;color:var(--color-primary);font-size:16px;font-weight:var(--font-weight-bold);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.profile-sidebar-name{font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-sidebar-email{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.profile-nav{flex-direction:column;gap:4px;display:flex}.profile-nav-item{width:100%;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-brutal);text-align:left;white-space:nowrap;font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.05em;border-radius:var(--radius-md);background:0 0;border:2px solid #0000;align-items:center;gap:12px;padding:0 10px;display:flex}.profile-nav-item:hover{background:var(--color-bg);color:var(--color-text-primary)}.profile-nav-item.active{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-border)}.profile-content{flex:1;padding:32px}.profile-content h2{font-family:var(--font-family-heading);font-size:1.25rem;font-weight:var(--font-weight-bold);margin-bottom:8px}.profile-content>p{color:var(--color-text-muted);margin-bottom:24px;font-size:.875rem}.profile-form{flex-direction:column;gap:20px;max-width:480px;display:flex}.profile-form-row{flex-direction:column;gap:6px;display:flex}.profile-form-row label{font-size:.8125rem;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.profile-form-row input,.profile-form-row select{width:100%;font-size:.9375rem;font-family:var(--font-family);background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition-brutal);outline:none;padding:10px 14px}.profile-form-row input:focus,.profile-form-row select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-pale)}.profile-form-row input:disabled,.profile-form-row select:disabled{background:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed}.profile-form-row input::placeholder{color:var(--color-text-muted)}.profile-form-actions{gap:12px;margin-top:8px;display:flex}.profile-btn{font-size:.875rem;font-weight:var(--font-weight-bold);font-family:var(--font-family);border:var(--border-brutal);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-brutal);padding:10px 20px}.profile-btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.profile-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.profile-btn-primary:disabled{opacity:.5;cursor:not-allowed}.profile-btn-secondary{background:var(--color-surface);color:var(--color-text-primary)}.profile-btn-secondary:hover{background:var(--color-bg)}.profile-toggle-row{border-bottom:var(--border-brutal-thin);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.profile-toggle-row:last-child{border-bottom:none}.profile-toggle-info{flex-direction:column;gap:2px;display:flex}.profile-toggle-info strong{color:var(--color-text-primary);font-size:.875rem}.profile-toggle-info span{color:var(--color-text-muted);font-size:.8125rem}.profile-toggle{flex-shrink:0;width:44px;height:24px;position:relative}.profile-toggle input{opacity:0;width:0;height:0}.profile-toggle-slider{cursor:pointer;background:var(--color-border);border-radius:var(--radius-full);transition:var(--transition-brutal);position:absolute;inset:0}.profile-toggle-slider:before{content:"";width:18px;height:18px;transition:var(--transition-brutal);background:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px}.profile-toggle input:checked+.profile-toggle-slider{background:var(--color-primary)}.profile-toggle input:checked+.profile-toggle-slider:before{transform:translate(20px)}.profile-danger-btn{background:var(--color-error-bg);border:var(--border-brutal);color:var(--color-error-text);font-size:.875rem;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);margin-top:8px;padding:10px 20px}.profile-danger-btn:hover{background:var(--color-error-text);color:var(--color-surface)}.profile-danger-section{border-bottom:var(--border-brutal-thin);padding:20px 0}.profile-danger-section:last-child{border-bottom:none}.profile-danger-section h3{font-size:.9375rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:4px}.profile-danger-section p{color:var(--color-text-muted);margin-bottom:12px;font-size:.8125rem}.profile-readonly-row{border-bottom:var(--border-brutal-thin);flex-direction:column;gap:4px;padding:12px 0;display:flex}.profile-readonly-row:last-child{border-bottom:none}.profile-readonly-row label{font-size:.8125rem;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.profile-readonly-row span{color:var(--color-text-primary);font-size:.9375rem}@media (width<=768px){.profile-page{padding:16px}.profile-card{flex-direction:column;min-height:auto}.profile-sidebar{border-right:none;border-bottom:var(--border-brutal);flex-direction:row;align-items:center;gap:12px;width:100%;padding:12px}.profile-sidebar-header{border-bottom:none;flex-shrink:0;margin-bottom:0;padding:0}.profile-nav{flex-direction:row;gap:4px;overflow-x:auto}.profile-nav-item{white-space:nowrap;height:36px;padding:0 12px}.profile-nav-item span{display:none}.profile-content{padding:24px}}.simple-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.simple-toast{pointer-events:auto;background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-lg);box-shadow:var(--shadow-brutal);align-items:flex-start;gap:10px;min-width:280px;max-width:400px;padding:12px 16px;animation:.2s linear toast-in;display:flex}.simple-toast.toast-out{animation:.15s linear forwards toast-out}.simple-toast--error{background:var(--color-error-bg);border-color:var(--color-error-text)}.simple-toast--success{background:var(--color-success-bg);border-color:var(--color-success-text)}.simple-toast--info{background:var(--color-info-bg);border-color:var(--color-info-text)}.simple-toast-icon{flex-shrink:0;margin-top:1px}.simple-toast-message{color:var(--color-text-primary);flex:1;font-size:13px;font-weight:600;line-height:1.4}.simple-toast--error .simple-toast-message{color:var(--color-error-text)}.simple-toast--success .simple-toast-message{color:var(--color-success-text)}.simple-toast--info .simple-toast-message{color:var(--color-info-text)}.simple-toast-close{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;flex-shrink:0;padding:0;line-height:1}.simple-toast-close:hover{color:var(--color-text-primary)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.user-menu{position:relative}.user-menu-trigger{background:var(--color-bg);border:var(--border-brutal);width:40px;height:40px;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.user-menu-trigger:hover{background:var(--color-primary);color:var(--color-surface)}.user-menu-avatar{object-fit:cover;width:100%;height:100%;display:block}.user-menu-dropdown{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-brutal-sm);z-index:100;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;padding:4px;transition:opacity .15s,visibility .15s;display:flex;position:absolute;top:calc(100% + 8px);right:0}.user-menu-dropdown:before{content:"";height:13px;position:absolute;top:-13px;left:0;right:0}.user-menu-dropdown.open{opacity:1;visibility:visible;pointer-events:auto}.user-menu-item{border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.05em;cursor:pointer;transition:var(--transition-brutal);text-align:left;white-space:nowrap;background:0 0;border:2px solid #0000;align-items:center;gap:10px;padding:10px 14px;display:flex}.user-menu-item:hover{background:var(--color-bg)}.user-menu-logout{color:var(--color-error-text)}.user-menu-logout:hover{background:var(--color-error-bg)}.user-menu-divider{background:var(--color-border);height:1px;margin:4px 8px}.studio{background:var(--color-bg);height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--color-surface);border-right:var(--border-brutal);z-index:50;flex-direction:column;width:56px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-nav{flex-direction:column;flex:1;gap:4px;min-height:0;padding:12px 8px;display:flex;overflow:visible}.sidebar-icon{width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:2px solid #0000;justify-content:center;align-items:center;display:flex}.sidebar-icon:hover{background:var(--color-bg);color:var(--color-text-primary)}.sidebar-icon.active{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-border)}.sidebar-item-wrap{position:relative}.sidebar-card{background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal-sm);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.05em;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:60;padding:8px 16px;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.sidebar-item-wrap:hover .sidebar-card{opacity:1;visibility:visible}.sidebar-footer{border-top:var(--border-brutal);flex-direction:column;flex-shrink:0;gap:4px;padding:12px 8px;display:flex}.studio-main{flex-direction:column;flex:1;min-height:0;margin-left:56px;display:flex;overflow:hidden}.page-header{background:var(--color-surface);border-bottom:var(--border-brutal);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 32px;display:flex}.page-header h1{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0}.page-header-right{align-items:center;gap:12px;display:flex}.page-body{flex:1;min-height:0;display:flex;overflow-y:auto}.page-body>:not(.mini-sidebar){flex:1;align-self:flex-start;min-height:0}.page-content{flex:1;padding:32px}.page-content p{color:var(--color-text-muted)}@media (width<=768px){.sidebar{width:48px}.sidebar-icon{width:32px;height:32px}.studio-main{margin-left:48px}.page-header{padding:16px}.page-header h1{font-size:1.125rem}.page-content{padding:16px}.sidebar-card{display:none}}.bg-indicator{z-index:500;background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);box-shadow:var(--shadow-brutal-sm);font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);align-items:center;gap:6px;padding:6px 12px;animation:.2s ease-out bgIndicatorIn;display:flex;position:fixed;top:16px;right:16px}.bg-indicator-spin{animation:1s linear infinite spin}@keyframes bgIndicatorIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.skeleton-text,.skeleton-icon,.skeleton-chart-bar{background:var(--color-surface-container-high);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton-text:after,.skeleton-icon:after,.skeleton-chart-bar:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%);animation:1.6s infinite skeletonShimmer;position:absolute;inset:0}.dark .skeleton-text:after,.dark .skeleton-icon:after,.dark .skeleton-chart-bar:after{background:linear-gradient(90deg,#0000 0%,#ffffff0a 50%,#0000 100%)}@keyframes skeletonShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-cards-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;width:100%;display:grid}.skeleton-card{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);align-items:center;gap:12px;padding:16px;display:flex}.skeleton-icon{flex-shrink:0;width:36px;height:36px}.skeleton-card-body{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-text--lg{height:22px}.skeleton-text--md{height:16px}.skeleton-text--sm{height:12px}.skeleton-table{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;gap:0;display:flex}.skeleton-table-header,.skeleton-table-row{grid-template-columns:repeat(6,1fr);align-items:center;gap:12px;padding:12px 16px;display:grid}.skeleton-table-header{background:var(--color-bg);border-bottom:var(--border-brutal)}.skeleton-table-row{border-bottom:1px solid var(--color-divider)}.skeleton-table-row:last-child{border-bottom:none}.skeleton-chart{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);justify-content:center;align-items:flex-end;width:100%;padding:16px;display:flex}.skeleton-chart-bars{align-items:flex-end;gap:8px;width:100%;height:100%;display:flex}.skeleton-chart-bar{border-radius:var(--radius-md);flex:1;max-width:32px;min-height:20px}.skeleton-section{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.skeleton-page-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.pd-controls{align-items:center;gap:8px;display:flex}.pd-dropdown{position:relative}.pd-dropdown-trigger{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-brutal);font-family:var(--font-family);align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.pd-dropdown-trigger:hover:not(:disabled){border-color:var(--color-border);box-shadow:var(--shadow-brutal-sm)}.pd-dropdown-trigger:disabled{opacity:.5;cursor:not-allowed}.pd-dropdown-trigger svg{color:var(--color-text-muted);transition:transform .2s}.pd-dropdown-trigger svg.open{transform:rotate(180deg)}.pd-dropdown-menu{z-index:100;background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-lg);min-width:140px;box-shadow:var(--shadow-brutal-hover);flex-direction:column;gap:2px;padding:6px;animation:.15s pd-fade-in;display:flex;position:absolute;top:calc(100% + 6px);right:0}@keyframes pd-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pd-dropdown-item{border-radius:var(--radius-md);color:var(--color-text-primary);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);text-align:left;white-space:nowrap;font-family:var(--font-family);background:0 0;border:none;align-items:center;padding:8px 12px;display:flex}.pd-dropdown-item:hover{background:var(--color-bg)}.pd-dropdown-item.active{background:var(--color-primary);color:#fff;font-weight:var(--font-weight-bold)}.pd-refresh-btn{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-brutal);justify-content:center;align-items:center;padding:0;display:inline-flex}.pd-refresh-btn:hover:not(:disabled){background:var(--color-bg);color:var(--color-text-primary)}.pd-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.pd-refresh-btn .spin{animation:1s linear infinite pd-spin}@keyframes pd-spin{to{transform:rotate(360deg)}}.dashboard{background:var(--color-bg);flex-direction:column;flex:1;gap:16px;min-height:0;padding:24px;display:flex}.dash-state-message{background:var(--color-surface);border:var(--border-brutal);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.dash-state-message--error{color:var(--color-error-text);background:var(--color-error-bg);flex-direction:column;gap:16px}.dash-state-message .spin{animation:1s linear infinite spin}.dashboard-row{flex:1;gap:16px;min-height:0;display:flex}.dashboard-row--top{flex:1.5}.dashboard-row--lists{flex:none;min-height:0}.dashboard-col{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.dashboard-col--stack{flex:0 0 260px}.dash-card{background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal-sm);border-radius:var(--radius-md);flex-direction:column;flex:1;gap:10px;min-height:0;padding:20px;display:flex}.dash-card--wide{flex:2}.dashboard-row--lists .dash-card{flex:1;min-height:auto}.dash-card-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.dash-card-label{font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.05em;color:var(--color-text-muted)}.dash-card-trend{font-size:12px;font-weight:var(--font-weight-bold);align-items:center;gap:4px;display:flex}.dash-card-trend--up{color:var(--color-success-text)}.dash-card-trend--down{color:var(--color-error-text)}.dash-card-value{font-family:var(--font-family-heading);font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.dash-card-note{color:var(--color-text-muted);font-size:12px}.dashboard-grid-4{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dash-metric{background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:20px;display:flex}.dash-metric-value{font-family:var(--font-family-heading);font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.dash-metric-label{font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.05em;color:var(--color-text-muted)}.dash-metric-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.chart-bars{flex:1;align-items:flex-end;gap:8px;min-height:0;padding-top:8px;display:flex}.chart-bar-wrap{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.chart-bar-track{background:var(--color-bg);border:var(--border-brutal-thin);flex:1;align-items:flex-end;width:100%;display:flex}.chart-bar-fill{width:100%;transition:height .3s}.chart-bar-label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.dash-chart-wrap{width:100%;height:220px;position:relative}.dash-chart-empty{pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dash-chart-empty span{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);background:var(--color-surface);border:var(--border-brutal-thin);padding:8px 16px}.dash-chart-tooltip{background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal-sm);border-radius:var(--radius-md);padding:10px 14px;font-size:12px}.dash-chart-tooltip-label{font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:.03em;margin-bottom:6px;font-size:11px}.dash-chart-tooltip-row{align-items:center;gap:8px;line-height:1.6;display:flex}.dash-chart-tooltip-dot{flex-shrink:0;width:8px;height:8px}.dash-chart-tooltip-name{color:var(--color-text-secondary);font-weight:600}.dash-chart-tooltip-value{font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-left:auto}.dash-list{flex-direction:column;gap:8px;display:flex}.dash-list-row{background:var(--color-bg);border:var(--border-brutal-thin);align-items:center;gap:12px;padding:10px 12px;display:flex}.dash-list-rank{background:var(--color-primary);width:24px;height:24px;color:var(--color-surface);font-size:11px;font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dash-list-name{font-size:13px;font-weight:var(--font-weight-bold);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.dash-list-meta{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.dash-rate-bar{align-items:center;gap:8px;min-width:100px;display:flex}.dash-rate-track{background:var(--color-bg);border:var(--border-brutal-thin);flex:1;height:8px}.dash-rate-fill{background:var(--color-primary);height:100%;transition:width .3s}.dash-rate-value{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);white-space:nowrap;text-align:right;min-width:32px}@media (width<=1024px){.dashboard-row{flex-direction:column}.dashboard-col--stack{flex-direction:row;flex:1}.dashboard-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard-col--stack{flex-direction:column}.dashboard-grid-4{grid-template-columns:1fr}.dash-card-value{font-size:1.5rem}}.confirmation-overview{background:var(--color-bg);flex-direction:column;flex:1;gap:24px;min-height:0;padding:24px;display:flex;overflow:auto}.co-section{flex-direction:column;gap:16px;display:flex}.co-section-title{font-family:var(--font-family-heading);font-size:14px;font-weight:var(--font-weight-bold);letter-spacing:.05em;color:var(--color-text-primary);align-items:center;gap:8px;margin:0;display:flex}.co-banner{background:var(--color-surface);border:var(--border-brutal);transition:var(--transition-brutal);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;padding:16px 20px;display:flex}.co-banner:hover{box-shadow:2px 2px 0px var(--color-text-primary);transform:translate(-2px,-2px)}.co-banner:active{box-shadow:none;transform:translate(0)}.co-banner-content{color:var(--color-error-text);flex-shrink:0;align-items:center;gap:12px;padding-top:4px;display:flex}.co-banner-text{align-items:center;gap:10px;display:flex}.co-banner-label{font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.05em;color:var(--color-text-secondary)}.co-banner-value{font-family:var(--font-family-heading);font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-error-text);line-height:1}.co-banner-list{flex-direction:column;flex:1;gap:6px;min-width:280px;display:flex}.co-banner-row{background:var(--color-bg);align-items:center;gap:12px;padding:8px 12px;display:flex}.co-banner-row--empty{background:var(--color-surface-container);opacity:.5}.co-banner-row-num{font-weight:var(--font-weight-bold);color:var(--color-text-primary);flex-shrink:0;min-width:56px;font-size:13px}.co-banner-row-client{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;overflow:hidden}.co-banner-row-waiting{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.co-banner-row-placeholder{color:var(--color-text-muted);font-size:12px}.co-teams-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.co-team-card{background:var(--color-surface);border:var(--border-brutal);min-height:0;transition:var(--transition-brutal);cursor:pointer;border-radius:var(--radius-md);flex-direction:column;gap:0;display:flex}.co-team-card:hover{box-shadow:2px 2px 0px var(--color-text-primary);transform:translate(-2px,-2px)}.co-team-card:active{box-shadow:none;transform:translate(0)}.co-team-header{justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.co-team-info{flex-direction:column;gap:4px;min-width:0;display:flex}.co-team-name{font-family:var(--font-family-heading);font-size:15px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.co-team-count{color:var(--color-text-muted);font-size:12px}.co-team-badge{background:var(--color-primary);width:36px;height:36px;color:var(--color-surface);flex-shrink:0;justify-content:center;align-items:center;display:flex}.co-team-orders{flex-direction:column;flex:1;gap:10px;padding:16px 20px;display:flex}.co-team-orders-label{font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.05em;color:var(--color-text-muted)}.co-team-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.co-team-item{background:var(--color-bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:10px 12px;display:flex}.co-team-item--empty{background:var(--color-surface-container);opacity:.5}.co-team-item-main{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.co-status-icon{color:var(--color-text-muted);flex-shrink:0}.co-status-icon--confirmed{color:var(--color-success-dot)}.co-status-icon--canceled{color:var(--color-error-dot)}.co-team-item-num{font-weight:var(--font-weight-bold);color:var(--color-text-primary);flex-shrink:0;font-size:13px}.co-team-item-client{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.co-team-item-placeholder{color:var(--color-text-muted);font-size:12px}.co-team-item-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.co-team-item-time{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.co-team-item-state{font-size:10px;font-weight:var(--font-weight-bold);white-space:nowrap;padding:3px 8px;display:inline-block}@media (width<=1024px){.co-teams-grid{grid-template-columns:1fr}}@media (width<=640px){.co-banner{flex-direction:column;align-items:flex-start}.co-team-item{flex-direction:column;align-items:flex-start;gap:6px}.co-team-item-meta{justify-content:space-between;width:100%}}.confirmation-orders{background:var(--color-bg);flex-direction:column;flex:1;gap:12px;min-height:0;padding:24px;display:flex}.co-state-message{background:var(--color-surface);border:var(--border-brutal);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.co-state-message--error{color:var(--color-error-text);background:var(--color-error-bg)}.co-state-message .spin{animation:1s linear infinite spin}.co-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.co-btn:hover{background:var(--color-bg)}.co-table-wrap{border:var(--border-brutal);background:var(--color-surface);border-radius:var(--radius-md);flex:1;overflow:auto}.co-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:12px}.co-table thead th{background:var(--color-bg);border-bottom:var(--border-brutal);font-family:var(--font-family-heading);font-size:11px;font-weight:var(--font-weight-bold);text-align:left;white-space:nowrap;z-index:10;padding:12px 10px;position:sticky;top:0}.co-table tbody td{border-bottom:1px solid var(--color-divider);vertical-align:top;padding:10px}.co-table tbody tr:hover{background:var(--color-bg)}.co-col-order{flex-direction:column;gap:2px;display:flex}.co-order-num{font-weight:var(--font-weight-bold);font-size:13px}.co-order-barcode{color:var(--color-text-muted);font-family:monospace;font-size:11px}.co-col-client{flex-direction:column;gap:2px;display:flex}.co-client-name{font-weight:var(--font-weight-bold);font-size:13px}.co-client-phone{color:var(--color-text-muted);font-size:11px}.co-total{font-weight:var(--font-weight-bold);color:var(--color-success-text);font-size:13px}.co-actions-header{text-align:center}.co-actions-grid{grid-template-columns:repeat(3,32px);justify-content:center;gap:4px;display:grid}.co-action-square{background:var(--color-bg);border:var(--border-brutal);width:32px;height:32px;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);justify-content:center;align-items:center;padding:0;display:flex}.co-action-square:hover{background:var(--color-primary);color:var(--color-surface)}.co-action-square:disabled{opacity:.35;cursor:not-allowed}.co-action-square:disabled:hover{background:var(--color-bg);color:var(--color-text-primary)}.co-action-square--confirm{background:var(--color-success-bg);color:var(--color-success-text)}.co-action-square--confirm:hover{background:var(--color-success-text);color:var(--color-surface)}.co-action-square--cancel{background:var(--color-error-bg);color:var(--color-error-text)}.co-action-square--cancel:hover{background:var(--color-error-text);color:var(--color-surface)}.cc-loading{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.cc-empty{text-align:center;color:var(--color-text-secondary);padding:2rem}.cc-toast-stack{z-index:300;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.cc-toast{background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal);color:var(--color-text-primary);pointer-events:auto;border-radius:var(--radius-md);align-items:center;gap:10px;min-width:260px;padding:10px 14px;font-size:.8rem;font-weight:600;animation:.2s ease-out cc-toast-in;display:flex}@keyframes cc-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cc-toast--success{border-color:var(--color-success-text)}.cc-toast--error{border-color:var(--color-error-text)}.cc-toast--info{border-color:var(--color-info-text)}.cc-toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.cc-toast--success .cc-toast-icon{color:var(--color-success-text)}.cc-toast--error .cc-toast-icon{color:var(--color-error-text)}.cc-toast--info .cc-toast-icon{color:var(--color-info-text)}.cc-toast-msg{flex:1}.cc-toast-close{width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-brutal);background:0 0;border:2px solid #0000;justify-content:center;align-items:center;display:flex}.cc-toast-close:hover{background:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-text)}.cc-page{flex-direction:column;height:100%;display:flex}.cc-layout{flex:1;grid-template-columns:280px 1fr;gap:1rem;min-height:0;display:grid;overflow:hidden}@media (width<=900px){.cc-layout{grid-template-rows:auto 1fr;grid-template-columns:1fr}}.cc-list-panel{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;max-height:calc(100vh - 180px);display:flex;overflow:hidden}.cc-list-header{background:var(--color-bg);border-bottom:2px solid var(--color-border);font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.03em;color:var(--color-text-secondary);justify-content:space-between;align-items:center;padding:.6rem .75rem;display:flex}.cc-list-refresh{border:var(--border-brutal);cursor:pointer;width:24px;height:24px;color:var(--color-text-primary);transition:var(--transition-brutal);background:0 0;justify-content:center;align-items:center;display:flex}.cc-list-refresh:hover{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-border)}.cc-list{flex-direction:column;flex:1;gap:.5rem;padding:.5rem;display:flex;overflow-y:auto}.cc-list-item{background:var(--color-surface);border:var(--border-brutal);text-align:left;cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);flex-direction:column;gap:.25rem;padding:.6rem .7rem;font-family:inherit;display:flex;position:relative}.cc-list-item:hover{border-color:var(--color-primary);box-shadow:3px 3px 0 var(--color-primary)}.cc-list-item--active{border-color:var(--color-primary);background:var(--color-primary-pale);box-shadow:3px 3px 0 var(--color-primary)}.cc-list-item--processing{opacity:.65;pointer-events:none;border-color:var(--color-text-muted)}.cc-list-item-top{justify-content:space-between;align-items:center;display:flex}.cc-list-barcode{font-size:.7rem;font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:.03em}.cc-list-total{font-size:.8rem;font-weight:var(--font-weight-bold)}.cc-list-item-mid{flex-direction:column;gap:.1rem;display:flex}.cc-list-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600;overflow:hidden}.cc-list-phone{color:var(--color-text-secondary);font-size:.7rem}.cc-list-item-bottom{border-top:1px solid var(--color-divider);justify-content:space-between;align-items:center;margin-top:.2rem;padding-top:.3rem;display:flex}.cc-list-city{color:var(--color-text-muted);font-size:.7rem}.cc-list-badges{gap:.3rem;display:flex}.cc-list-badge{font-size:.6rem;font-weight:var(--font-weight-bold);border:1px solid;padding:.1rem .3rem}.cc-list-badge--me{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-border)}.cc-list-badge--team{background:var(--color-warning-dot);color:var(--color-text-primary);border-color:var(--color-border)}.cc-list-processing{color:var(--color-primary);align-items:center;gap:.4rem;margin-top:.35rem;font-size:.7rem;font-weight:600;display:flex}.cc-editor-panel{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;max-height:calc(100vh - 180px);display:flex;overflow:hidden}.cc-editor-placeholder{color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:2rem;font-size:.85rem;display:flex}.cc-editor-header{background:var(--color-primary);color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.cc-editor-header h3{font-size:.875rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;align-items:center;gap:.35rem;margin:0;display:flex}.cc-editor-close{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);cursor:pointer;justify-content:center;align-items:center;padding:.25rem;transition:all .1s;display:flex}.cc-editor-close:hover{background:var(--color-error-dot);color:var(--color-surface);border-color:var(--color-border)}.cc-editor-body{flex:1;padding:1rem;overflow-y:auto}.cc-section{margin-bottom:1.25rem}.cc-section h4{font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);align-items:center;gap:.35rem;margin:0 0 .5rem;padding-bottom:.35rem;display:flex}.cc-form-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.cc-field--full{grid-column:1/-1}.cc-field label{color:var(--color-text-secondary);align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;display:flex}.cc-field input,.cc-field textarea{border:var(--border-brutal);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-primary);padding:.45rem .6rem;font-family:inherit;font-size:.85rem;transition:border-color .1s}.cc-field input:focus,.cc-field textarea:focus{border-color:var(--color-primary);outline:none}.cc-field textarea{resize:vertical}.cc-product-search{margin-bottom:.75rem;position:relative}.cc-search-input-wrap{border:var(--border-brutal);background:var(--color-bg);align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.cc-search-input-wrap input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.85rem}.cc-product-dropdown{background:var(--color-surface);border:2px solid var(--color-primary);z-index:100;border-radius:var(--radius-md);border-top:none;max-height:280px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:4px 4px #00000026}.cc-product-dropdown-empty{color:var(--color-text-secondary);text-align:center;padding:.75rem;font-size:.8rem}.cc-product-group{border-bottom:1px solid var(--color-border)}.cc-product-group:last-child{border-bottom:none}.cc-product-name{font-size:.8rem;font-weight:var(--font-weight-bold);background:var(--color-bg);color:var(--color-text-primary);padding:.4rem .6rem}.cc-product-variants{flex-direction:column;display:flex}.cc-product-variant-btn{cursor:pointer;color:var(--color-text-primary);text-align:left;background:0 0;border:none;align-items:center;gap:.4rem;padding:.35rem .6rem;font-size:.8rem;transition:background .1s;display:flex}.cc-product-variant-btn:hover{background:var(--color-primary-pale);color:var(--color-primary)}.cc-product-no-variants{color:var(--color-text-secondary);padding:.35rem .6rem;font-size:.75rem;font-style:italic}.cc-items-table{border:1px solid var(--color-border)}.cc-items-header{background:var(--color-surface);font-size:.7rem;font-weight:var(--font-weight-bold);letter-spacing:.03em;border-bottom:1px solid var(--color-border);grid-template-columns:44px 2fr 1fr 1fr 1fr 40px;gap:.5rem;padding:.4rem .6rem;display:grid}.cc-item-row{border-bottom:1px solid var(--color-border);grid-template-columns:44px 2fr 1fr 1fr 1fr 40px;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.8rem;display:grid}.cc-item-row:last-child{border-bottom:none}.cc-items-col--product{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cc-qty-control{align-items:center;gap:.25rem;display:flex}.cc-qty-control button{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;width:24px;height:24px;color:var(--color-text-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.cc-qty-control button:hover:not(:disabled){background:var(--color-primary);color:#fff}.cc-qty-control button:disabled{opacity:.4;cursor:not-allowed}.cc-qty-control input{text-align:center;border:1px solid var(--color-border);background:var(--color-bg);width:40px;color:var(--color-text-primary);padding:.2rem;font-family:inherit;font-size:.8rem}.cc-items-col--price input{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text-primary);padding:.25rem .4rem;font-family:inherit;font-size:.8rem}.cc-item-remove{color:var(--color-error-dot);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.cc-item-remove:hover{background:var(--color-error-bg)}.cc-items-empty{text-align:center;color:var(--color-text-secondary);padding:1rem;font-size:.8rem}.cc-items-col--image{justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.cc-item-image-wrap{cursor:pointer;border-radius:var(--radius-sm);width:32px;height:32px;position:relative;overflow:visible}.cc-item-image-wrap--variant .cc-item-thumb{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.cc-item-image-wrap--product .cc-item-thumb{border-color:var(--color-border)}.cc-item-image-badge{width:14px;height:14px;font-size:8px;font-weight:var(--font-weight-bold);color:var(--color-surface);background:var(--color-primary);border:1px solid var(--color-surface);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-4px;right:-4px}.cc-item-image-wrap--product .cc-item-image-badge{background:var(--color-text-muted)}.cc-item-thumb{object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:32px;height:32px}.cc-item-thumb-placeholder{border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:32px;height:32px;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.cc-image-preview{z-index:50;background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);box-shadow:var(--shadow-brutal);pointer-events:none;flex-direction:column;align-items:center;gap:.35rem;width:160px;padding:.5rem;display:flex;position:absolute;top:-6px;left:42px}.cc-image-preview img{object-fit:contain;border-radius:var(--radius-sm);background:var(--color-bg);width:100%;height:140px}.cc-image-preview span{font-size:.7rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.cc-summary{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;display:grid}.cc-summary>div{border:1px solid var(--color-border);justify-content:space-between;padding:.35rem .5rem;font-size:.8rem;display:flex}.cc-summary>div span{color:var(--color-text-secondary)}.cc-editor-actions{border-top:1px solid var(--color-border);background:var(--color-surface);gap:.75rem;padding-top:.75rem;padding-bottom:.5rem;display:flex;position:sticky;bottom:0}.cc-btn{font-size:.8rem;font-weight:var(--font-weight-bold);letter-spacing:.03em;cursor:pointer;border:var(--border-brutal);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.35rem;padding:.55rem 1rem;transition:all .1s;display:inline-flex}.cc-btn:disabled{opacity:.5;cursor:not-allowed}.cc-btn--primary{background:var(--color-primary);color:var(--color-surface)}.cc-btn--primary:hover:not(:disabled){background:var(--color-primary-active)}.cc-btn--success{background:var(--color-primary);color:var(--color-surface)}.cc-btn--success:hover:not(:disabled){background:var(--color-primary-active)}.cc-btn--danger{background:var(--color-error-text);color:var(--color-surface)}.cc-btn--danger:hover:not(:disabled){background:var(--color-error-dot)}.cc-invoice-list{flex-direction:column;gap:.4rem;margin-bottom:.75rem;display:flex}.cc-invoice-empty{color:var(--color-text-secondary);padding:.5rem 0;font-size:.8rem}.cc-invoice-item{border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.8rem;display:flex}.cc-invoice-item--paid{border-color:var(--color-success);background:#22c55e0f}.cc-invoice-item--cancelled{border-color:var(--color-border);opacity:.6}.cc-invoice-info{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.cc-invoice-number{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.cc-invoice-amount{color:var(--color-primary);font-weight:600}.cc-invoice-status{font-size:.65rem;font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:var(--radius-sm);padding:.15rem .4rem}.cc-invoice-status--pending{background:var(--color-warning-bg);color:var(--color-warning-text)}.cc-invoice-status--paid{background:var(--color-success-bg);color:var(--color-success-text)}.cc-invoice-status--cancelled{background:var(--color-error-bg);color:var(--color-error-text)}.cc-invoice-actions{gap:.3rem;display:flex}.cc-invoice-btn{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;width:26px;height:26px;color:var(--color-text-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;transition:all .1s;display:flex}.cc-invoice-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cc-invoice-btn--cancel:hover{background:var(--color-error-text);border-color:var(--color-error-text)}.cc-invoice-add{align-items:center;gap:.5rem;display:flex}.cc-invoice-add input{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-primary);border-radius:var(--radius-md);outline:none;flex:1;padding:.4rem .6rem;font-family:inherit;font-size:.85rem}.cc-invoice-add input:focus{border-color:var(--color-primary)}.cc-field--error input,.cc-field--error textarea{border-color:var(--color-error-text)!important;background:var(--color-error-bg)!important}.cc-section--error{border:2px solid var(--color-error-text);border-radius:var(--radius-md);background:#ef44440a;padding:.75rem}.cc-section--error>h4{color:var(--color-error-text)}.cc-required-badge{font-size:.65rem;font-weight:var(--font-weight-bold);text-transform:uppercase;background:var(--color-error-text);color:#fff;border-radius:var(--radius-sm);vertical-align:middle;margin-left:.5rem;padding:.15rem .4rem}.cod-page{background:var(--color-bg);flex-direction:column;gap:16px;height:100%;padding:24px;display:flex;overflow:auto}.cod-header{border-bottom:var(--border-brutal);align-items:center;gap:16px;padding-bottom:12px;display:flex}.cod-header h2{font-family:var(--font-family-heading);font-size:1.25rem;font-weight:var(--font-weight-bold);align-items:center;gap:8px;margin:0;display:flex}.cod-back{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.cod-back:hover{background:var(--color-primary);color:var(--color-surface)}.cod-body{flex-direction:column;gap:16px;max-width:900px;display:flex}.confirmation-config{background:var(--color-bg);flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px;display:flex;overflow:auto}.cc-banner{background:var(--color-surface);border:var(--border-brutal);transition:var(--transition-brutal);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.cc-banner:hover{box-shadow:2px 2px 0px var(--color-text-primary);transform:translate(-2px,-2px)}.cc-banner-content{color:var(--color-warning-text);align-items:center;gap:12px;display:flex}.cc-banner-text{align-items:center;gap:10px;display:flex}.cc-banner-label{font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.05em;color:var(--color-text-secondary)}.cc-banner-value{font-family:var(--font-family-heading);font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-warning-text);line-height:1}.cc-banner-note{color:var(--color-text-muted);font-size:12px}.cc-system-selector{background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal-sm);border-radius:var(--radius-md);align-self:flex-start;gap:0;display:flex}.cc-system-btn{border:none;border-right:var(--border-brutal-thin);color:var(--color-text-secondary);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);background:0 0;align-items:center;gap:6px;padding:10px 20px;display:inline-flex}.cc-system-btn:last-child{border-right:none}.cc-system-btn:hover{background:var(--color-bg);color:var(--color-text-primary)}.cc-system-btn.active{background:var(--color-primary);color:var(--color-surface)}.cc-systems-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.cc-system-card.disabled{opacity:.55}.cc-system-badge{font-size:10px;font-weight:var(--font-weight-bold);background:var(--color-bg);color:var(--color-text-muted);border:var(--border-brutal-thin);align-items:center;padding:3px 10px;display:inline-flex}.cc-system-badge.active{background:var(--color-success-bg);color:var(--color-success-text)}.cc-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cc-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cc-teams-multiplier{flex-direction:column;gap:8px;display:flex}.cc-multiplier-row{background:var(--color-bg);align-items:center;gap:10px;padding:10px 12px;display:flex}.cc-multiplier-name{font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.cc-multiplier-x{color:var(--color-text-muted);font-size:12px;font-weight:var(--font-weight-bold)}.cc-multiplier-input{text-align:right;background:var(--color-surface);border:var(--border-brutal);width:72px;font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);border-radius:var(--radius-md);outline:none;padding:6px 8px}.cc-multiplier-input:disabled{color:var(--color-text-muted);background:var(--color-surface-container)}.cc-multiplier-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cc-multiplier-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cc-multiplier-input{-moz-appearance:textfield}.cc-switch-wrap{align-items:center;gap:8px;display:flex}.cc-switch-label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);white-space:nowrap}.cc-switch{background:var(--color-bg);border:var(--border-brutal);cursor:pointer;width:44px;height:24px;transition:var(--transition-brutal);flex-shrink:0;padding:0;position:relative}.cc-switch.on{background:var(--color-primary)}.cc-switch:disabled{opacity:.35;cursor:not-allowed}.cc-switch-thumb{background:var(--color-surface);border:var(--border-brutal-thin);width:18px;height:18px;transition:var(--transition-brutal);position:absolute;top:2px;left:2px}.cc-switch.on .cc-switch-thumb{background:var(--color-surface);transform:translate(20px)}.cc-explanation{background:var(--color-info-bg);color:var(--color-info-text);align-items:flex-start;gap:10px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.cc-explanation p{margin:0}.cc-select{background:var(--color-surface);border:var(--border-brutal);height:36px;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);outline:none;min-width:200px;padding:0 12px;font-size:13px;font-weight:600}.cc-select:disabled{opacity:.5;cursor:not-allowed;background:var(--color-surface-container)}@media (width<=1024px){.cc-systems-grid{grid-template-columns:1fr}}@media (width<=640px){.cc-banner{flex-direction:column;align-items:flex-start}.cc-lines{gap:24px}.cc-teams-row{gap:8px}}.confirmation-logs{background:var(--color-bg);flex-direction:column;flex:1;gap:12px;min-height:0;padding:24px;display:flex;overflow:auto}.cl-header{font-family:var(--font-family-heading);font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);align-items:center;gap:10px;display:flex}.cl-filter-bar{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.cl-select{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);min-width:120px;padding:8px 10px;font-size:12px}.cl-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.cl-btn:hover{background:var(--color-bg)}.cl-btn:disabled{opacity:.5;cursor:not-allowed}.cl-btn--secondary{background:var(--color-bg)}.cl-btn--square{padding:8px 10px}.cl-page-info{color:var(--color-text-secondary);margin-left:auto;font-size:12px;font-weight:600}.cl-error{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.cl-empty{background:var(--color-surface);border:var(--border-brutal);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.cl-table-wrap{border:var(--border-brutal);background:var(--color-surface);border-radius:var(--radius-md);flex:1;overflow:auto}.cl-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:12px}.cl-table thead th{background:var(--color-bg);border-bottom:var(--border-brutal);font-family:var(--font-family-heading);font-size:11px;font-weight:var(--font-weight-bold);text-align:left;white-space:nowrap;z-index:10;padding:12px 10px;position:sticky;top:0}.cl-table tbody td{border-bottom:1px solid var(--color-divider);vertical-align:top;padding:10px}.cl-table tbody tr:hover{background:var(--color-bg)}.cl-order-id{font-family:var(--font-family-mono,monospace);color:var(--color-text-primary);background:var(--color-bg);border:var(--border-brutal);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;max-width:140px;padding:3px 8px;font-size:11px;display:inline-block;overflow:hidden}.cl-order-id:hover{background:var(--color-text-primary);color:var(--color-surface)}.cl-state-badge{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-surface);white-space:nowrap;padding:4px 10px;display:inline-flex}.cl-state-change{align-items:center;gap:6px;display:flex}.cl-changed-by{font-family:var(--font-family-mono,monospace);color:var(--color-text-secondary);font-size:11px}.cl-reason{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:12px;overflow:hidden}.cl-reason--empty{color:var(--color-text-muted);font-style:italic}.cl-time{color:var(--color-text-secondary);white-space:nowrap;font-size:11px}.cl-expand-btn{background:var(--color-bg);border:var(--border-brutal);font-size:10px;font-weight:var(--font-weight-bold);cursor:pointer;color:var(--color-text-primary);transition:var(--transition-brutal);align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.cl-expand-btn:hover{background:var(--color-text-primary);color:var(--color-surface)}.cl-detail-row td{border-bottom:var(--border-brutal);background:var(--color-bg);padding:0}.cl-detail-panel{flex-direction:column;gap:10px;padding:12px;display:flex}.cl-detail-label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);align-items:center;gap:6px;display:flex}.cl-detail-code{background:var(--color-surface);border:var(--border-brutal);font-family:var(--font-family-mono,monospace);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;border-radius:var(--radius-md);max-height:300px;margin:0;padding:10px;font-size:11px;overflow:auto}.cl-pagination{justify-content:center;align-items:center;gap:12px;padding:8px 0;display:flex}.cl-table-wrap::-webkit-scrollbar{height:8px}.cl-table-wrap::-webkit-scrollbar-track{background:var(--color-bg)}.cl-table-wrap::-webkit-scrollbar-thumb{background:var(--border-brutal);border:1px solid var(--color-bg)}@media (width<=768px){.cl-filter-bar{flex-wrap:wrap}.cl-table-wrap{overflow-x:auto}.cl-table{min-width:800px}}.modal-overlay{z-index:9999;background:#0000008c;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-lg);box-shadow:var(--shadow-brutal);width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:var(--border-brutal);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{font-family:var(--font-family-heading);font-size:1rem;font-weight:var(--font-weight-bold);margin:0}.modal-close{width:32px;height:32px;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);background:0 0;border:2px solid #0000;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--color-error-bg);color:var(--color-error-text)}.modal-body{padding:20px}.team-workspace{background:var(--color-bg);flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px;display:flex;overflow:auto}.tw-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.tw-fetch-btn{background:var(--color-primary);border:var(--border-brutal);color:var(--color-surface);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.tw-fetch-btn:hover{background:var(--color-primary-hover)}.tw-fetch-btn:active{box-shadow:none;transform:translate(0)}.tw-section{flex-direction:column;gap:12px;display:flex}.tw-section-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tw-section-label{font-family:var(--font-family-heading);font-size:13px;font-weight:var(--font-weight-bold);letter-spacing:.05em;color:var(--color-text-primary)}.tw-section-count{background:var(--color-info-bg);min-width:24px;height:24px;color:var(--color-info-text);font-size:12px;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.tw-pagination{align-items:center;gap:8px;margin-left:auto;display:flex}.tw-page-btn{background:var(--color-surface);border:var(--border-brutal);width:28px;height:28px;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:0;display:flex}.tw-page-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-surface)}.tw-page-btn:disabled{opacity:.35;cursor:not-allowed}.tw-page-info{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-align:center;min-width:40px}.tw-empty{background:var(--color-surface);border:var(--border-brutal);text-align:center;color:var(--color-text-muted);border-radius:var(--radius-md);padding:32px;font-size:13px}.tw-confirming-card{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);padding:16px}.tw-confirming-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.tw-order-card{background:var(--color-surface);border:var(--border-brutal);min-height:0;transition:var(--transition-brutal);cursor:pointer;border-radius:var(--radius-md);flex-direction:column;gap:0;display:flex}.tw-order-card:hover{box-shadow:2px 2px 0px var(--color-text-primary);transform:translate(-2px,-2px)}.tw-order-card:active{box-shadow:none;transform:translate(0)}.tw-order-card-header{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.tw-order-num{font-family:var(--font-family-heading);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.tw-order-state{font-size:10px;font-weight:var(--font-weight-bold);white-space:nowrap;padding:3px 8px;display:inline-block}.tw-order-card-body{flex-direction:column;flex:1;gap:8px;padding:12px 14px;display:flex}.tw-order-field{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.tw-order-field-label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);min-width:40px}.tw-order-field-value{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.tw-order-card-actions{border-top:1px solid var(--color-divider);grid-template-columns:1fr 1fr;gap:0;display:grid}.tw-action-btn{background:var(--color-surface);border:none;border-right:1px solid var(--color-divider);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);justify-content:center;align-items:center;gap:6px;padding:10px 8px;display:inline-flex}.tw-action-btn:last-child{border-right:none}.tw-action-btn--confirm{color:var(--color-success-text)}.tw-action-btn--confirm:hover{background:var(--color-success-bg)}.tw-action-btn--cancel{color:var(--color-error-text)}.tw-action-btn--cancel:hover{background:var(--color-error-bg)}.tw-bottom-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.tw-summary-card{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;gap:0;display:flex}.tw-summary-header{border-bottom:1px solid var(--color-divider);align-items:center;gap:10px;padding:14px 16px;display:flex}.tw-summary-label{font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);flex:1}.tw-summary-count{font-family:var(--font-family-heading);font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.tw-summary-icon--confirmed{color:var(--color-success-dot)}.tw-summary-icon--canceled{color:var(--color-error-dot)}.tw-summary-list{flex-direction:column;gap:6px;margin:0;padding:12px 16px;list-style:none;display:flex}.tw-summary-item{background:var(--color-bg);align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:flex}.tw-summary-num{font-weight:var(--font-weight-bold);color:var(--color-text-primary);min-width:50px}.tw-summary-client{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tw-summary-total{font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap}.tw-summary-empty{color:var(--color-text-muted);text-align:center;padding:12px 10px;font-size:12px}.tw-edit-form{flex-direction:column;gap:14px;min-width:320px;display:flex}.tw-edit-field{flex-direction:column;gap:6px;display:flex}.tw-edit-field label{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.tw-edit-field input,.tw-edit-field select{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);border-radius:var(--radius-md);outline:none;padding:8px 12px;font-size:13px}.tw-edit-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tw-save-btn{background:var(--color-primary);border:var(--border-brutal);color:var(--color-surface);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:10px 16px;display:inline-flex}.tw-save-btn:hover{background:var(--color-primary-hover)}@media (width<=1200px){.tw-confirming-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.tw-confirming-grid,.tw-bottom-grid,.tw-edit-row{grid-template-columns:1fr}}.confirmation-teams-list{background:var(--color-bg);flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px;display:flex;overflow:auto}.ctl-header{justify-content:space-between;align-items:center;display:flex}.ctl-add-btn{background:var(--color-primary);color:var(--color-surface);border:var(--border-brutal);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.03em;cursor:pointer;transition:var(--transition-brutal);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.ctl-add-btn:hover{background:var(--color-primary-active)}.ctl-loading{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:.5rem;padding:3rem;display:flex}.ctl-empty{color:var(--color-text-secondary);text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}.ctl-teams{flex-direction:column;gap:16px;display:flex}.ctl-team-card{background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal-sm);border-radius:var(--radius-md)}.ctl-team-header{background:var(--color-bg);border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ctl-team-name{font-family:var(--font-family-heading);font-size:15px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);align-items:center;gap:10px;display:flex}.ctl-team-name svg{color:var(--color-primary)}.ctl-team-count{letter-spacing:.03em;color:var(--color-text-muted);background:var(--color-surface-container-high);border:1px solid var(--color-border);padding:2px 8px;font-size:11px;font-weight:600}.ctl-team-body{flex-direction:column;gap:12px;padding:12px 16px;display:flex}.ctl-team-no-members{color:var(--color-text-muted);padding:8px 0;font-size:13px}.ctl-members-list{flex-direction:column;gap:6px;display:flex}.ctl-member-row{background:var(--color-bg);border:1px solid var(--color-divider);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.ctl-member-info{align-items:center;gap:8px;min-width:0;display:flex}.ctl-member-leader{background:var(--color-warning-dot);width:20px;height:20px;color:var(--color-text-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ctl-member-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.ctl-member-email{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ctl-add-member{border-top:1px solid var(--color-divider);padding-top:8px}.ctl-add-member-btn{border:var(--border-brutal);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.03em;cursor:pointer;color:var(--color-text-primary);transition:var(--transition-brutal);background:0 0;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.ctl-add-member-btn:hover:not(:disabled){background:var(--color-primary-pale);border-color:var(--color-primary);color:var(--color-primary)}.ctl-add-member-btn:disabled{opacity:.5;cursor:not-allowed}.ctl-add-member-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ctl-select{border:var(--border-brutal);background:var(--color-bg);color:var(--color-text-primary);min-width:200px;padding:6px 10px;font-family:inherit;font-size:13px}.ctl-select:focus{border-color:var(--color-primary);outline:none}.ctl-btn{font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.03em;cursor:pointer;border:var(--border-brutal);background:var(--color-surface);color:var(--color-text-primary);transition:var(--transition-brutal);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:4px;padding:8px 12px;display:inline-flex}.ctl-btn:hover:not(:disabled){box-shadow:2px 2px 0px var(--color-text-primary);transform:translate(-1px,-1px)}.ctl-btn:disabled{opacity:.5;cursor:not-allowed}.ctl-btn--small{padding:4px 8px}.ctl-btn--primary{background:var(--color-primary);color:var(--color-surface)}.ctl-btn--primary:hover:not(:disabled){background:var(--color-primary-active)}.ctl-btn--secondary{background:var(--color-surface);color:var(--color-text-primary)}.ctl-btn--danger{background:var(--color-error-text);color:var(--color-surface)}.ctl-btn--danger:hover:not(:disabled){background:var(--color-error-text)}.ctl-btn--ghost{color:var(--color-text-muted);background:0 0;border-color:#0000;padding:4px}.ctl-btn--ghost:hover:not(:disabled){background:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-text);box-shadow:none;transform:none}.ctl-modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ctl-modal{background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal);border-radius:var(--radius-md);width:100%;max-width:400px}.ctl-modal-header{background:var(--color-primary);color:var(--color-surface);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ctl-modal-header h3{font-size:14px;font-weight:var(--font-weight-bold);align-items:center;gap:6px;margin:0;display:flex}.ctl-modal-close{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);cursor:pointer;justify-content:center;align-items:center;padding:2px;display:flex}.ctl-modal-close:hover{background:var(--color-error-text);color:var(--color-surface)}.ctl-modal-body{flex-direction:column;gap:16px;padding:16px;display:flex}.ctl-field{flex-direction:column;gap:4px;display:flex}.ctl-field label{font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.03em;color:var(--color-text-secondary)}.ctl-field input{border:var(--border-brutal);background:var(--color-bg);color:var(--color-text-primary);padding:8px 10px;font-family:inherit;font-size:14px}.ctl-field input:focus{border-color:var(--color-primary);outline:none}.ctl-modal-actions{justify-content:flex-end;gap:10px;display:flex}.ctl-toasts{z-index:300;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.ctl-toast{background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal);color:var(--color-text-primary);pointer-events:auto;border-radius:var(--radius-md);align-items:center;gap:10px;min-width:260px;padding:10px 14px;font-size:13px;font-weight:600;animation:.2s ease-out ctl-toast-in;display:flex}@keyframes ctl-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ctl-toast--success{border-color:var(--color-success-text)}.ctl-toast--error{border-color:var(--color-error-text)}.ctl-toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.ctl-toast--success .ctl-toast-icon{color:var(--color-success-text)}.ctl-toast--error .ctl-toast-icon{color:var(--color-error-text)}.ctl-toast-msg{flex:1}.ctl-toast-close{width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-brutal);background:0 0;border:2px solid #0000;justify-content:center;align-items:center;display:flex}.ctl-toast-close:hover{background:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-text)}.orders-list{background:var(--color-bg);flex-direction:column;flex:1;gap:12px;min-height:0;padding:24px;display:flex}.ol-state-message{background:var(--color-surface);border:var(--border-brutal);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.ol-state-message--error{color:var(--color-error-text);background:var(--color-error-bg)}.ol-state-message .spin{animation:1s linear infinite spin}.ol-top-bar{justify-content:space-between;align-items:center;display:flex}.ol-actions-left{gap:8px;display:flex}.ol-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.ol-btn:hover{background:var(--color-bg)}.ol-btn--primary{background:var(--color-primary);color:var(--color-surface)}.ol-btn--primary:hover{background:var(--color-primary-hover)}.ol-btn--square{justify-content:center;width:34px;height:34px;padding:8px}.ol-btn:disabled{opacity:.5;cursor:not-allowed}.ol-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ol-search-wrap{background:var(--color-surface);border:var(--border-brutal);min-width:200px;color:var(--color-text-muted);border-radius:var(--radius-md);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.ol-search-wrap input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:13px}.ol-select{background:var(--color-surface);border:var(--border-brutal);font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);outline:none;padding:8px 12px}.ol-table-wrap{border:var(--border-brutal);background:var(--color-surface);border-radius:var(--radius-md);flex:1;overflow:auto}.ol-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:12px}.ol-table thead th{background:var(--color-bg);border-bottom:var(--border-brutal);font-family:var(--font-family-heading);font-size:11px;font-weight:var(--font-weight-bold);text-align:left;white-space:nowrap;z-index:10;text-overflow:ellipsis;padding:12px 10px;position:sticky;top:0;overflow:hidden}.ol-table tbody td{border-bottom:1px solid var(--color-divider);vertical-align:top;padding:10px}.ol-table tbody tr:hover{background:var(--color-bg)}.ol-table th:first-child,.ol-table td:first-child{width:100px}.ol-table th:nth-child(2),.ol-table td:nth-child(2){width:90px}.ol-table th:nth-child(3),.ol-table td:nth-child(3){width:210px}.ol-table th:nth-child(4),.ol-table td:nth-child(4){width:85px}.ol-table th:nth-child(5),.ol-table td:nth-child(5){width:90px}.ol-table th:nth-child(6),.ol-table td:nth-child(6){width:115px}.ol-table th:nth-child(7),.ol-table td:nth-child(7){width:80px}.ol-table th:nth-child(8),.ol-table td:nth-child(8){width:120px}.ol-col-order{flex-direction:column;gap:2px;display:flex}.ol-order-num{font-weight:var(--font-weight-bold);font-size:13px}.ol-order-barcode{color:var(--color-text-muted);font-family:monospace;font-size:11px}.ol-order-date{color:var(--color-text-muted);font-size:11px}.ol-col-team{flex-direction:column;gap:4px;display:flex}.ol-team-row{white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.ol-team-label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);min-width:36px}.ol-col-client{flex-direction:column;gap:2px;max-width:220px;display:flex}.ol-client-name{font-weight:var(--font-weight-bold);font-size:13px}.ol-client-phone{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.ol-client-city{color:var(--color-text-muted);white-space:nowrap;font-size:11px;font-style:italic}.ol-client-address{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.ol-payment{flex-direction:column;gap:4px;display:flex}.ol-payment-badge{font-size:10px;font-weight:var(--font-weight-bold);width:fit-content;padding:3px 8px;display:inline-block}.ol-payment-amount{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.ol-state-badge{font-size:10px;font-weight:var(--font-weight-bold);white-space:nowrap;padding:5px 10px;display:inline-block}.ol-col-delivery{flex-direction:column;gap:2px;display:flex}.ol-delivery-name{font-weight:var(--font-weight-bold);white-space:nowrap;font-size:12px}.ol-delivery-state{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.ol-delivery-empty{color:var(--color-text-muted);font-size:14px}.ol-delivery-company{color:var(--color-text-primary);font-size:13px;font-weight:600}.ol-ramassage{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);border-top:1px dashed var(--color-divider);white-space:nowrap;margin-top:4px;padding-top:4px}.ol-ramassage.active,.ol-ramassage.async{color:var(--color-success-text)}.ol-source{font-size:10px;font-weight:var(--font-weight-bold);background:var(--color-bg);border:var(--border-brutal);white-space:nowrap;padding:3px 8px;display:inline-block}.ol-actions-grid{grid-template-columns:repeat(3,32px);grid-auto-rows:32px;gap:4px;display:grid}.ol-action-square{background:var(--color-bg);border:var(--border-brutal);width:32px;height:32px;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);justify-content:center;align-items:center;padding:0;display:flex}.ol-action-square:hover{background:var(--color-primary);color:var(--color-surface)}.ol-action-square:disabled{opacity:.35;cursor:not-allowed}.ol-action-square:disabled:hover{background:var(--color-bg);color:var(--color-text-primary)}.ol-action-square--send{background:var(--color-info-bg);color:var(--color-info-text)}.ol-action-square--send:hover{background:var(--color-info-text);color:var(--color-surface)}.ol-action-square--danger{background:var(--color-error-bg);color:var(--color-error-text)}.ol-action-square--danger:hover{background:var(--color-error-text);color:var(--color-surface)}.ol-action-square--next{background:var(--color-success-bg);color:var(--color-success-text)}.ol-action-square--next:hover{background:var(--color-success-text);color:var(--color-surface)}.ol-modal-body{flex-direction:column;gap:16px;display:flex}.ol-modal-label{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}.ol-delivery-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ol-delivery-option{background:var(--color-bg);border:var(--border-brutal);color:var(--color-text-primary);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 8px;display:flex}.ol-delivery-option:hover{background:var(--color-primary);color:var(--color-surface)}.ol-filter-dropdown{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);border-top:none;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.ol-filter-field{align-items:center;gap:8px;display:flex}.ol-filter-field label{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}.ol-btn--active{background:var(--color-primary);color:var(--color-surface)}.ol-btn--danger{background:var(--color-error-bg);color:var(--color-error-text)}.ol-btn--danger:hover{background:var(--color-error-text);color:var(--color-surface)}.ol-pagination{justify-content:flex-end;align-items:center;gap:8px;padding:8px 0;display:flex}.ol-page-btn{border:var(--border-brutal);width:32px;height:32px;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ol-page-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-surface)}.ol-page-btn:disabled{opacity:.3;cursor:not-allowed}.config-page{background:var(--color-bg);width:100%;padding:24px}.config-header{align-items:center;gap:10px;margin-bottom:24px;display:flex}.config-header h2{font-family:var(--font-family-heading);font-size:1.25rem;font-weight:var(--font-weight-bold);margin:0}.config-section{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);margin-bottom:16px;padding:20px 24px}.config-section-title{font-family:var(--font-family-heading);font-size:13px;font-weight:var(--font-weight-bold);letter-spacing:.05em;margin:0 0 6px}.config-section-desc{color:var(--color-text-muted);margin:0 0 14px;font-size:12px;line-height:1.5}.config-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.config-select{background:var(--color-bg);border:var(--border-brutal);color:var(--color-text-primary);cursor:pointer;outline:none;min-width:180px;padding:8px 12px;font-size:13px;font-weight:600}.config-state-badge{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-surface);padding:5px 12px;display:inline-flex}.process-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.process-card{border:var(--border-brutal);background:var(--color-bg);flex-direction:column;gap:8px;padding:16px;transition:opacity .15s;display:flex}.process-card.disabled{opacity:.5}.process-card-top{justify-content:space-between;align-items:center;display:flex}.process-icon{width:36px;height:36px;color:var(--color-surface);justify-content:center;align-items:center;display:flex}.process-label{font-family:var(--font-family-heading);font-size:13px;font-weight:var(--font-weight-bold);margin:0}.process-desc{color:var(--color-text-muted);margin:0;font-size:11px;line-height:1.4}.process-status{font-size:10px;font-weight:var(--font-weight-bold);align-items:center;gap:4px;margin-top:4px;display:flex}.process-status span{color:var(--color-text-muted)}.brutal-toggle{cursor:pointer;align-items:center;display:inline-flex;position:relative}.brutal-toggle.disabled{cursor:not-allowed;opacity:.5}.brutal-toggle input{opacity:0;width:0;height:0;position:absolute}.brutal-toggle-track{border:var(--border-brutal);background:var(--color-bg);align-items:center;width:40px;height:22px;padding:2px;transition:background .15s;display:flex}.brutal-toggle input:checked+.brutal-toggle-track{background:var(--color-primary)}.brutal-toggle-thumb{background:var(--color-text-primary);border:var(--border-brutal);width:16px;height:16px;transition:transform .15s;transform:translate(0)}.brutal-toggle input:disabled+.brutal-toggle-track{background:var(--color-text-muted);opacity:.4}.brutal-toggle input:checked+.brutal-toggle-track .brutal-toggle-thumb{background:var(--color-surface);border-color:var(--color-border);transform:translate(18px)}.pipeline-preview{flex-wrap:wrap;align-items:center;gap:0;display:flex}.pipeline-node{color:var(--color-surface);font-size:11px;font-weight:var(--font-weight-bold);white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;display:flex}.pipeline-label{letter-spacing:.03em}.pipeline-hint{opacity:.8;text-transform:none;font-size:9px;font-weight:400}.pipeline-connector{background:var(--color-text-primary);width:24px;height:2px}.config-footer{justify-content:flex-end;margin-top:8px;display:flex}.config-save-btn{background:var(--color-primary);border:var(--border-brutal);color:var(--color-surface);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);align-items:center;gap:6px;padding:10px 20px;display:inline-flex}.config-save-btn:hover{filter:brightness(1.1)}.config-save-btn.saved{background:var(--color-success-text);border-color:var(--color-success-text)}.config-empty{font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.config-error{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}@media (width<=640px){.process-cards{grid-template-columns:1fr}.pipeline-preview{gap:8px}.pipeline-connector{display:none}}.logs-page{background:var(--color-bg);flex-direction:column;flex:1;gap:12px;min-height:0;padding:24px;display:flex}.logs-header{align-items:center;gap:10px;display:flex}.logs-header h2{font-family:var(--font-family-heading);margin:0;font-size:20px;font-weight:600}.logs-filter-bar{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.logs-search-wrap{background:var(--color-surface);border:var(--border-brutal);min-width:200px;color:var(--color-text-muted);border-radius:var(--radius-md);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.logs-search-wrap input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:13px}.logs-select{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);min-width:120px;padding:8px 10px;font-size:12px}.logs-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.logs-btn:hover{background:var(--color-bg)}.logs-btn:disabled{opacity:.5;cursor:not-allowed}.logs-btn--secondary{background:var(--color-bg)}.logs-btn--square{padding:8px 10px}.logs-page-info{color:var(--color-text-secondary);margin-left:auto;font-size:12px;font-weight:600}.logs-error{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.logs-empty{background:var(--color-surface);border:var(--border-brutal);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.logs-table-wrap{border:var(--border-brutal);background:var(--color-surface);border-radius:var(--radius-md);flex:1;overflow:auto}.logs-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:12px}.logs-table thead th{background:var(--color-bg);border-bottom:var(--border-brutal);font-family:var(--font-family-heading);font-size:11px;font-weight:var(--font-weight-bold);text-align:left;white-space:nowrap;z-index:10;padding:12px 10px;position:sticky;top:0}.logs-table tbody td{border-bottom:1px solid var(--color-divider);vertical-align:top;padding:10px}.logs-table tbody tr:hover{background:var(--color-bg)}.log-order-id{font-family:var(--font-family-mono,monospace);color:var(--color-text-primary);background:var(--color-bg);border:var(--border-brutal);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;max-width:140px;padding:3px 8px;font-size:11px;display:inline-block;overflow:hidden}.log-order-id:hover{background:var(--color-text-primary);color:var(--color-surface)}.log-state-badge{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-surface);white-space:nowrap;padding:4px 10px;display:inline-flex}.log-state-change{align-items:center;gap:6px;display:flex}.log-changed-by{font-family:var(--font-family-mono,monospace);color:var(--color-text-secondary);font-size:11px}.log-reason{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:12px;overflow:hidden}.log-reason--empty{color:var(--color-text-muted);font-style:italic}.log-time{color:var(--color-text-secondary);white-space:nowrap;font-size:11px}.log-expand-btn{background:var(--color-bg);border:var(--border-brutal);font-size:10px;font-weight:var(--font-weight-bold);cursor:pointer;color:var(--color-text-primary);transition:var(--transition-brutal);align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.log-expand-btn:hover{background:var(--color-text-primary);color:var(--color-surface)}.log-detail-row td{border-bottom:var(--border-brutal);background:var(--color-bg);padding:0}.log-detail-panel{flex-direction:column;gap:10px;padding:12px;display:flex}.log-detail-label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);align-items:center;gap:6px;display:flex}.log-detail-code{background:var(--color-surface);border:var(--border-brutal);font-family:var(--font-family-mono,monospace);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;border-radius:var(--radius-md);max-height:300px;margin:0;padding:10px;font-size:11px;overflow:auto}.logs-pagination{justify-content:center;align-items:center;gap:12px;padding:8px 0;display:flex}.logs-table-wrap::-webkit-scrollbar{height:8px}.logs-table-wrap::-webkit-scrollbar-track{background:var(--color-bg)}.logs-table-wrap::-webkit-scrollbar-thumb{background:var(--border-brutal);border:1px solid var(--color-bg)}@media (width<=768px){.logs-filter-bar{flex-wrap:wrap}.logs-table-wrap{overflow-x:auto}.logs-table{min-width:800px}}.picker-modal{max-width:720px!important}.product-picker{flex-direction:column;gap:16px;max-height:60vh;display:flex;overflow:hidden}.pp-search{flex-shrink:0;gap:8px;display:flex}.pp-search-wrap{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);color:var(--color-text-muted);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.pp-search-wrap input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:13px}.pp-search-btn{background:var(--color-primary);border:var(--border-brutal);color:var(--color-surface);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.pp-search-btn:hover{background:var(--color-primary-hover)}.pp-state{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:10px;padding:32px;font-size:13px;font-weight:600;display:flex}.pp-state--error{color:var(--color-error-text)}.pp-state .spin{animation:1s linear infinite spin}.pp-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:4px;display:grid;overflow:auto}.pp-card{background:var(--color-surface);border:var(--border-brutal);transition:var(--transition-brutal);border-radius:var(--radius-md);flex-direction:column;display:flex}.pp-card:hover{box-shadow:var(--shadow-brutal)}.pp-image{aspect-ratio:1;background:var(--color-bg);border-bottom:var(--border-brutal);overflow:hidden}.pp-image img{object-fit:cover;width:100%;height:100%}.pp-image-placeholder{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.pp-info{flex-direction:column;gap:2px;padding:8px 10px;display:flex}.pp-name{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pp-variant-count{color:var(--color-text-muted);font-size:10px;font-weight:600}.pp-variants{flex-direction:column;gap:4px;padding:0 10px 10px;display:flex}.pp-variant-row{background:var(--color-bg);border:var(--border-brutal);align-items:center;gap:8px;padding:6px 8px;display:flex}.pp-variant-thumb{border:var(--border-brutal);border-radius:var(--radius-md);background:var(--color-surface);flex-shrink:0;width:28px;height:28px;overflow:hidden}.pp-variant-thumb img{object-fit:cover;width:100%;height:100%;display:block}.pp-variant-thumb-placeholder{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.pp-variant-name{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.pp-add-btn{background:var(--color-primary);border:var(--border-brutal);width:24px;height:24px;color:var(--color-surface);cursor:pointer;transition:var(--transition-brutal);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.pp-add-btn:hover{background:var(--color-primary-hover)}.pp-empty{text-align:center;color:var(--color-text-muted);grid-column:1/-1;padding:32px;font-size:13px;font-weight:600}.pp-footer{border-top:var(--border-brutal);flex-shrink:0;justify-content:flex-end;padding-top:4px;display:flex}.pp-close-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.pp-close-btn:hover{background:var(--color-error-bg);color:var(--color-error-text)}@media (width<=640px){.pp-grid{grid-template-columns:repeat(2,1fr)}}.new-order-page{background:var(--color-bg);min-height:0;padding:24px;overflow:auto}.no-header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.no-back{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.no-back:hover{background:var(--color-bg)}.no-title{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:var(--font-weight-bold);flex:1;margin:0}.no-switch-wrap{align-items:center;display:flex}.no-switch{cursor:pointer;align-items:center;gap:10px;display:flex}.no-switch input{opacity:0;width:0;height:0;position:absolute}.no-switch-track{background:var(--color-surface);border:var(--border-brutal);width:44px;height:24px;transition:var(--transition-brutal);position:relative}.no-switch-thumb{background:var(--color-text-primary);width:16px;height:16px;transition:var(--transition-brutal);position:absolute;top:2px;left:2px}.no-switch input:checked+.no-switch-track{background:var(--color-primary-pale)}.no-switch input:checked+.no-switch-track .no-switch-thumb{background:var(--color-primary);left:22px}.no-switch-label{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.no-form{flex-direction:column;gap:16px;display:flex}.no-section{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);padding:20px}.no-section--inline{align-items:center;padding:16px 20px;display:flex}.no-section-header{border-bottom:2px solid var(--color-divider);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.no-section-header h2{font-family:var(--font-family-heading);font-size:1rem;font-weight:var(--font-weight-bold);margin:0}.no-grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.no-grid-2--wide-left{grid-template-columns:repeat(4,1fr)}.no-grid-2--wide-left>.no-field:first-child,.no-grid-2--wide-left>.no-field:nth-child(2){grid-column:span 2}.no-grid-2--wide-left>.no-field:nth-child(3){grid-column:span 3}.no-grid-2--wide-left>.no-field:nth-child(4){grid-column:span 1}.no-grid-2--wide-left>.no-field:nth-child(5),.no-grid-2--wide-left>.no-field:nth-child(6){grid-column:span 2}.no-expanded{border-top:1px dashed var(--color-divider);margin-top:12px;padding-top:12px}.no-field{flex-direction:column;gap:4px;display:flex}.no-field-wide{grid-column:1/-1}.no-field label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:.04em}.no-input{border:none;border-bottom:1px solid var(--color-divider);color:var(--color-text-primary);transition:var(--transition-brutal);background:0 0;outline:none;padding:10px 2px;font-size:13px}.no-input:focus{border-bottom-color:var(--color-text-primary);border-bottom-width:2px}.no-input--required{border-bottom:2px solid var(--color-text-primary)}.no-input--required:focus{border-bottom-color:var(--color-primary)}.no-toggle-btn{background:var(--color-bg);border:var(--border-brutal);color:var(--color-text-secondary);font-size:10px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);align-items:center;gap:6px;margin-top:12px;padding:6px 12px;display:inline-flex}.no-toggle-btn:hover{background:var(--color-primary);color:var(--color-surface)}.no-items{flex-direction:column;gap:8px;display:flex}.no-items-empty{text-align:center;color:var(--color-text-muted);background:var(--color-bg);border:1px dashed var(--color-divider);padding:24px;font-size:13px;font-weight:600}.no-item-row{background:var(--color-bg);border:1px solid var(--color-divider);align-items:center;gap:12px;padding:10px 12px;display:flex}.no-item-image{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-shrink:0;width:48px;height:48px;overflow:hidden}.no-item-image img{object-fit:cover;width:100%;height:100%}.no-item-image-placeholder{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.no-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.no-item-product{font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.no-item-variant{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.no-item-controls{align-items:center;gap:16px;display:flex}.no-item-qty{align-items:center;gap:4px;display:flex}.no-item-qty button{background:var(--color-surface);border:var(--border-brutal);width:26px;height:26px;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:0;display:flex}.no-item-qty button:hover{background:var(--color-primary);color:var(--color-surface)}.no-item-qty span{font-size:13px;font-weight:var(--font-weight-bold);text-align:center;min-width:24px}.no-item-price{color:var(--color-text-muted);align-items:center;gap:4px;display:flex}.no-item-price input{background:var(--color-surface);border:1px solid var(--color-divider);width:80px;color:var(--color-text-primary);border-radius:var(--radius-md);outline:none;padding:6px 8px;font-size:13px}.no-item-price input:focus{border-color:var(--color-text-primary);border-width:2px}.no-item-actions{align-items:center;gap:6px;display:flex}.no-item-lock{background:var(--color-surface);border:var(--border-brutal);width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:0;display:flex}.no-item-lock:hover{background:var(--color-warning-bg);color:var(--color-warning-text)}.no-item-lock.locked{background:var(--color-warning-bg);color:var(--color-warning-text);border-color:var(--color-warning-text)}.no-item-remove{background:var(--color-surface);border:var(--border-brutal);width:30px;height:30px;color:var(--color-error-text);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:0;display:flex}.no-item-remove:hover{background:var(--color-error-bg)}.no-add-items{background:var(--color-primary);border:var(--border-brutal);color:var(--color-surface);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);align-items:center;gap:6px;width:fit-content;padding:10px 18px;display:inline-flex}.no-add-items:hover{background:var(--color-primary-hover)}.no-field--lock .no-input-lock-wrap{align-items:center;gap:8px;display:flex}.no-field--lock .no-input-lock-wrap input{flex:1;min-width:0}.no-field--lock .no-input-lock-wrap .no-item-lock{flex-shrink:0;width:28px;height:28px}.no-total-field--lock .no-total-input-lock-wrap{align-items:center;gap:8px;display:flex}.no-total-field--lock .no-total-input-lock-wrap .no-item-lock{flex-shrink:0;width:28px;height:28px}.no-totals{border-top:2px solid var(--color-divider);flex-wrap:wrap;align-items:flex-end;gap:16px;margin-top:16px;padding-top:16px;display:flex}.no-total-field{flex-direction:column;gap:4px;display:flex}.no-total-field label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.no-total-input-wrap{color:var(--color-text-muted);align-items:center;gap:4px;display:flex}.no-total-input-wrap input{background:var(--color-surface);border:1px solid var(--color-divider);width:100px;color:var(--color-text-primary);border-radius:var(--radius-md);outline:none;padding:6px 8px;font-size:13px}.no-total-input-wrap input:focus{border-color:var(--color-text-primary);border-width:2px}.no-total-grand{flex-direction:column;align-items:flex-end;gap:2px;margin-left:auto;display:flex}.no-total-label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.no-total-value{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.no-actions{gap:8px;padding-top:8px;display:flex}.no-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:10px 18px;display:inline-flex}.no-btn:hover{background:var(--color-bg)}.no-btn--primary{background:var(--color-primary);color:var(--color-surface)}.no-btn--primary:hover{background:var(--color-primary-hover)}.no-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.no-grid-2{grid-template-columns:1fr}.no-item-row{flex-wrap:wrap;gap:8px}.no-item-controls{justify-content:space-between;width:100%}.no-totals{flex-direction:column;align-items:stretch}.no-total-grand{align-items:flex-start;margin-left:0}}.no-invoice-panel{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;gap:12px;margin-top:24px;padding:16px;display:flex}.no-invoice-header{border-bottom:1px solid var(--color-divider);align-items:center;gap:8px;padding-bottom:8px;display:flex}.no-invoice-header h2{font-family:var(--font-family-heading);font-size:13px;font-weight:var(--font-weight-bold)}.no-invoice-order{color:var(--color-text-muted);margin-left:auto;font-family:monospace;font-size:11px}.no-invoice-body{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.no-invoice-field{flex-direction:column;gap:4px;display:flex}.no-invoice-field label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.no-invoice-input-wrap{background:var(--color-bg);border:var(--border-brutal);align-items:center;gap:6px;width:140px;padding:0 10px;display:flex}.no-invoice-input-wrap input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:13px}.no-invoice-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.no-invoice-toggle input{display:none}.no-invoice-toggle-track{background:var(--color-bg);border:var(--border-brutal);width:36px;height:20px;transition:var(--transition-brutal);position:relative}.no-invoice-toggle input:checked+.no-invoice-toggle-track{background:var(--color-primary)}.no-invoice-toggle-thumb{background:var(--color-surface);border:var(--border-brutal);width:14px;height:14px;transition:var(--transition-brutal);position:absolute;top:2px;left:2px}.no-invoice-toggle input:checked+.no-invoice-toggle-track .no-invoice-toggle-thumb{transform:translate(16px)}.no-invoice-toggle-label{color:var(--color-text-primary);font-size:12px;font-weight:600}.no-invoice-actions{gap:8px;display:flex}.order-detail-page{flex-direction:column;gap:12px;padding:16px;display:flex}.od-loading,.od-error{color:var(--color-text-muted);justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.od-error{color:var(--color-error-text);flex-direction:column}.od-header{border-bottom:2px solid var(--color-divider);align-items:center;gap:12px;padding-bottom:8px;display:flex}.od-back{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.od-back:hover{background:var(--color-primary);color:var(--color-surface)}.od-title{font-family:var(--font-family-heading);font-size:1.25rem;font-weight:var(--font-weight-bold);flex:1}.od-actions{gap:8px;display:flex}.od-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.od-btn:hover,.od-btn--primary{background:var(--color-primary);color:var(--color-surface)}.od-btn--primary:hover{background:var(--color-primary-hover)}.od-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.od-state-badge{font-size:11px;font-weight:var(--font-weight-bold);border:var(--border-brutal);align-items:center;padding:4px 10px;display:inline-flex}.od-barcode{font-family:var(--font-family-heading);color:var(--color-text-primary);font-size:13px;font-weight:600}.od-date{color:var(--color-text-muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.od-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.od-section{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px;display:flex}.od-section--wide{grid-column:1/-1}.od-section-header{border-bottom:1px solid var(--color-divider);align-items:center;gap:8px;padding-bottom:8px;display:flex}.od-section-header h2{font-family:var(--font-family-heading);font-size:13px;font-weight:var(--font-weight-bold)}.od-section-header--clickable{cursor:pointer;width:100%;color:inherit;text-align:left;background:0 0;border:none;padding:0 0 8px}.od-chevron{color:var(--color-text-muted);margin-left:auto}.od-customer-scroll{height:250px;overflow-y:auto}.od-customer-details{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=768px){.od-customer-details{grid-template-columns:repeat(2,1fr)}}.od-customer,.od-pricing,.od-assignment{flex-direction:column;gap:8px;display:flex}.od-field{flex-direction:column;gap:2px;display:flex}.od-field label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:.04em}.od-field span{color:var(--color-text-primary);font-size:13px}.od-price-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.od-price-row--total{border-top:1px solid var(--color-divider);font-weight:var(--font-weight-bold);padding-top:6px}.od-empty{color:var(--color-text-muted);padding:8px 0;font-size:13px}.od-items-table,.od-invoices-table{border-collapse:collapse;width:100%;font-size:13px}.od-items-table th,.od-invoices-table th{text-align:left;font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);border-bottom:1px solid var(--color-divider);padding:8px}.od-items-table td,.od-invoices-table td{border-bottom:1px solid var(--color-divider);padding:8px}.od-status-badge{font-size:10px;font-weight:var(--font-weight-bold);border:var(--border-brutal);padding:2px 8px;display:inline-flex}.od-status--paid{background:var(--color-success-bg);color:var(--color-success-text)}.od-status--pending{background:var(--color-warning-bg);color:var(--color-warning-text)}.od-status--cancelled{background:var(--color-error-bg);color:var(--color-error-text)}.od-invoice-actions{gap:6px;display:flex}.od-invoice-btn{background:var(--color-bg);border:var(--border-brutal);width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-brutal);justify-content:center;align-items:center;padding:0;display:inline-flex}.od-invoice-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-surface)}.od-invoice-btn:disabled{opacity:.35;cursor:not-allowed}.od-invoice-btn--confirm{background:var(--color-primary-pale);color:var(--color-primary)}.od-invoice-btn--confirm:hover:not(:disabled){background:var(--color-primary);color:var(--color-surface)}.od-invoice-btn--cancel{background:var(--color-error-bg);color:var(--color-error-text)}.od-invoice-btn--cancel:hover:not(:disabled){background:var(--color-error-text);color:var(--color-surface)}.od-logs{flex-direction:column;gap:6px;display:flex}.od-log-row{background:var(--color-bg);border:var(--border-brutal);align-items:center;gap:8px;padding:8px;font-size:13px;display:flex}.od-log-from,.od-log-to{font-weight:600}.od-log-arrow{color:var(--color-text-muted)}.od-log-reason{color:var(--color-text-muted);font-style:italic}.od-log-date{color:var(--color-text-muted);margin-left:auto;font-size:11px}@media (width<=768px){.od-grid{grid-template-columns:1fr}}.order-edit-page{flex-direction:column;gap:12px;padding:16px;display:flex}.oe-loading,.oe-error{color:var(--color-text-muted);justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.oe-error{color:var(--color-error-text);flex-direction:column}.oe-header{border-bottom:2px solid var(--color-divider);align-items:center;gap:12px;padding-bottom:8px;display:flex}.oe-back{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.oe-back:hover{background:var(--color-primary);color:var(--color-surface)}.oe-title{font-family:var(--font-family-heading);font-size:1.25rem;font-weight:var(--font-weight-bold);flex:1}.oe-toast-error{background:var(--color-error-bg);border:var(--border-brutal);border-color:var(--color-error-text);color:var(--color-error-text);align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.oe-form{flex-direction:column;gap:12px;display:flex}.oe-section{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px;display:flex}.oe-section-header{border-bottom:1px solid var(--color-divider);align-items:center;gap:8px;padding-bottom:8px;display:flex}.oe-section-header h2{font-family:var(--font-family-heading);font-size:13px;font-weight:var(--font-weight-bold)}.oe-grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.oe-field{flex-direction:column;gap:4px;display:flex}.oe-field label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:.04em}.oe-field input{border:none;border-bottom:1px solid var(--color-divider);color:var(--color-text-primary);background:0 0;outline:none;padding:10px 2px;font-size:14px;transition:border-color .15s}.oe-field input:focus{border-bottom-color:var(--color-text-primary);border-bottom-width:2px}.oe-field-wide{grid-column:1/-1}.oe-items{flex-direction:column;gap:8px;display:flex}.oe-item-row{background:var(--color-bg);border:var(--border-brutal);align-items:center;gap:12px;padding:8px;display:flex}.oe-item-info{flex-direction:column;flex:1;gap:2px;display:flex}.oe-item-product{font-size:13px;font-weight:600}.oe-item-variant{color:var(--color-text-muted);font-size:11px}.oe-item-controls{align-items:center;gap:12px;display:flex}.oe-item-qty{align-items:center;gap:6px;display:flex}.oe-item-qty button{background:var(--color-surface);border:var(--border-brutal);cursor:pointer;border-radius:var(--radius-md);justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.oe-item-qty span{text-align:center;min-width:20px;font-size:13px;font-weight:600}.oe-item-price{color:var(--color-text-muted);align-items:center;gap:4px;display:flex}.oe-item-price input{background:var(--color-surface);border:1px solid var(--color-divider);width:80px;color:var(--color-text-primary);border-radius:var(--radius-md);outline:none;padding:6px 8px;font-size:13px}.oe-item-remove{background:var(--color-surface);border:var(--border-brutal);width:30px;height:30px;color:var(--color-error-text);cursor:pointer;border-radius:var(--radius-md);justify-content:center;align-items:center;padding:0;display:flex}.oe-item-remove:hover{background:var(--color-error-bg)}.oe-add-items{background:var(--color-primary);border:var(--border-brutal);color:var(--color-surface);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;align-items:center;gap:6px;width:fit-content;padding:10px 18px;display:inline-flex}.oe-add-items:hover{background:var(--color-primary-hover)}.oe-pricing-row{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.oe-actions{gap:8px;padding-top:8px;display:flex}.oe-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:10px 18px;display:inline-flex}.oe-btn:hover,.oe-btn--primary{background:var(--color-primary);color:var(--color-surface)}.oe-btn--primary:hover{background:var(--color-primary-hover)}.oe-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.oe-grid-2,.oe-pricing-row{grid-template-columns:1fr}}.oe-empty{color:var(--color-text-muted);padding:8px 0;font-size:13px}.oe-invoices{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.oe-invoice-row{background:var(--color-bg);border:var(--border-brutal);align-items:center;gap:12px;padding:8px;font-size:13px;display:flex}.oe-invoice-num{font-family:monospace;font-weight:600}.oe-invoice-amount{font-weight:var(--font-weight-bold);margin-left:auto}.oe-invoice-status{font-size:10px;font-weight:var(--font-weight-bold);border:var(--border-brutal);padding:2px 8px;display:inline-flex}.oe-invoice-status--paid{background:var(--color-success-bg);color:var(--color-success-text)}.oe-invoice-status--pending{background:var(--color-warning-bg);color:var(--color-warning-text)}.oe-invoice-status--cancelled{background:var(--color-error-bg);color:var(--color-error-text)}.oe-invoice-form{border-top:1px solid var(--color-divider);flex-wrap:wrap;align-items:flex-end;gap:12px;padding-top:8px;display:flex}.oe-invoice-input-wrap{background:var(--color-bg);border:var(--border-brutal);align-items:center;gap:6px;width:120px;padding:0 10px;display:flex}.oe-invoice-input-wrap input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:13px}.oe-invoice-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.oe-invoice-toggle input{display:none}.oe-invoice-toggle-track{background:var(--color-bg);border:var(--border-brutal);width:36px;height:20px;transition:var(--transition-brutal);position:relative}.oe-invoice-toggle input:checked+.oe-invoice-toggle-track{background:var(--color-primary)}.oe-invoice-toggle-thumb{background:var(--color-surface);border:var(--border-brutal);width:14px;height:14px;transition:var(--transition-brutal);position:absolute;top:2px;left:2px}.oe-invoice-toggle input:checked+.oe-invoice-toggle-track .oe-invoice-toggle-thumb{transform:translate(16px)}.oe-invoice-toggle-label{color:var(--color-text-primary);font-size:12px;font-weight:600}.scanner{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);align-items:center;gap:12px;width:100%;padding:16px 20px;display:flex}.scanner-icon{color:var(--color-text-muted);flex-shrink:0}.scanner-input{font-size:18px;font-weight:600;font-family:var(--font-family-heading);color:var(--color-text-primary);letter-spacing:.04em;background:0 0;border:none;outline:none;flex:1}.scanner-input::placeholder{color:var(--color-text-muted);font-weight:400}.scanner-input:disabled{opacity:.5}.find-order-page{background:var(--color-bg);flex-direction:column;gap:16px;min-height:0;padding:16px;display:flex;overflow:auto}.fo-header{border-bottom:2px solid var(--color-divider);align-items:center;gap:12px;padding-bottom:8px;display:flex}.fo-back{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.fo-back:hover{background:var(--color-primary);color:var(--color-surface)}.fo-title{font-family:var(--font-family-heading);font-size:1.25rem;font-weight:var(--font-weight-bold);flex:1}.fo-cards{flex-direction:column;gap:8px;display:flex}.fo-card{background:var(--color-surface);border:var(--border-brutal);text-align:left;cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);flex-direction:row;align-items:center;gap:16px;width:100%;padding:12px 16px;display:flex}.fo-card:hover{transform:translateY(-2px)}.fo-card--loading{opacity:.8}.fo-card--error{background:var(--color-error-bg);border-color:var(--color-error-text)}.fo-card--error:hover{background:var(--color-error-bg)}.fo-card--success:hover{background:var(--color-bg)}.fo-card-loading{color:var(--color-text-muted);align-items:center;gap:10px;padding:8px;font-size:13px;font-weight:600;display:flex}.fo-card-loading .spin{animation:1s linear infinite spin}.fo-card-error{color:var(--color-error-text);align-items:center;gap:10px;padding:8px;display:flex}.fo-card-barcode{font-family:monospace;font-size:13px;font-weight:var(--font-weight-bold)}.fo-card-msg{font-size:11px;font-weight:var(--font-weight-bold)}.fo-card-success{flex:1;align-items:center;gap:16px;display:flex}.fo-card-top{align-items:center;gap:8px;min-width:120px;display:flex}.fo-card-id{font-family:var(--font-family-heading);font-size:14px;font-weight:var(--font-weight-bold)}.fo-card-state{font-size:9px;font-weight:var(--font-weight-bold);border:var(--border-brutal);padding:3px 8px;display:inline-flex}.fo-card-body{flex:1;align-items:center;gap:16px;display:flex}.fo-card-field{color:var(--color-text-primary);align-items:center;gap:6px;font-size:12px;display:flex}.fo-card-field svg{color:var(--color-text-muted);flex-shrink:0}.fo-card-bottom{justify-content:flex-end;align-items:center;gap:8px;min-width:100px;display:flex}.fo-card-total{font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-primary)}.fo-card-barcode-sm{color:var(--color-text-muted);font-family:monospace;font-size:10px}.mini-sidebar{background:var(--color-surface);border-right:var(--border-brutal);border-radius:0 var(--radius-lg) var(--radius-lg) 0;flex-direction:column;flex-shrink:0;width:56px;transition:width .2s;display:flex;position:sticky;top:0;overflow:hidden auto}.mini-sidebar:hover{width:180px}.mini-items{flex-direction:column;gap:4px;padding:12px 8px;display:flex}.mini-item{width:100%;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-brutal);text-align:left;white-space:nowrap;background:0 0;border:2px solid #0000;align-items:center;gap:12px;padding:0 10px;display:flex}.mini-item:hover{background:var(--color-bg);color:var(--color-text-primary)}.mini-item.active{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-border)}.mini-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.mini-label{font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.05em;opacity:0;visibility:hidden;transition:opacity .15s 50ms}.mini-sidebar:hover .mini-label{opacity:1;visibility:visible}.pg-list{background:var(--color-bg);flex-direction:column;flex:1;gap:12px;min-height:0;padding:24px;display:flex}.pg-top-bar{justify-content:space-between;align-items:center;display:flex}.pg-actions-left{gap:8px;display:flex}.pg-count{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.pg-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.pg-btn:hover{background:var(--color-bg)}.pg-btn--primary{background:var(--color-primary);color:var(--color-surface)}.pg-btn--primary:hover{background:var(--color-primary-hover)}.pg-btn--square{justify-content:center;width:34px;height:34px;padding:8px}.pg-btn--ghost{color:var(--color-text-muted);background:0 0;border-style:dashed;justify-content:center;width:100%}.pg-btn--ghost:hover{background:var(--color-bg);color:var(--color-text-primary)}.pg-btn--danger-text{color:var(--color-error-text);background:0 0;border:none;padding:4px}.pg-btn--danger-text:hover{background:var(--color-error-bg)}.pg-btn:disabled{opacity:.5;cursor:not-allowed}.pg-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pg-search-wrap{background:var(--color-surface);border:var(--border-brutal);min-width:200px;color:var(--color-text-muted);border-radius:var(--radius-md);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.pg-search-wrap input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:13px}.pg-select{background:var(--color-surface);border:var(--border-brutal);font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);outline:none;padding:8px 12px}.pg-state-message{background:var(--color-surface);border:var(--border-brutal);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.pg-state-message--error{color:var(--color-error-text);background:var(--color-error-bg)}.pg-state-message .spin{animation:1s linear infinite spin}.pg-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.pg-card{background:var(--color-surface);border:var(--border-brutal);cursor:pointer;transition:var(--transition-brutal);box-shadow:var(--shadow-brutal-sm);border-radius:var(--radius-md);flex-direction:column;display:flex}.pg-card:hover{box-shadow:var(--shadow-brutal);transform:translate(-1px,-1px)}.pg-card-image{background:var(--color-bg);border-bottom:var(--border-brutal);width:100%;height:160px;overflow:hidden}.pg-card-image img{object-fit:cover;width:100%;height:100%;display:block}.pg-card-no-image{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.pg-card-body{flex-direction:column;gap:8px;padding:12px;display:flex}.pg-card-name{font-family:var(--font-family-heading);font-size:14px;font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.pg-card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pg-card-badge{font-size:10px;font-weight:var(--font-weight-bold);background:var(--color-bg);border:var(--border-brutal);color:var(--color-text-secondary);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.pg-card-status{font-size:10px;font-weight:var(--font-weight-bold);border:var(--border-brutal);padding:2px 8px;display:inline-flex}.pg-card-status.active{background:var(--color-success-bg);color:var(--color-success-text)}.pg-card-status.inactive{background:var(--color-error-bg);color:var(--color-error-text)}.pg-card-barcodes{flex-direction:column;gap:2px;display:flex}.pg-card-barcode{color:var(--color-text-muted);word-break:break-all;font-family:monospace;font-size:10px;font-weight:600}.pg-card-stock{color:var(--color-text-muted);font-size:12px;font-weight:600}.pg-create-modal{max-width:720px!important}.pg-modal-form{flex-direction:column;gap:12px;display:flex}.pg-modal-columns{flex-direction:row;gap:16px;display:flex}.pg-modal-left{flex-direction:column;flex-shrink:0;gap:12px;width:260px;display:flex}.pg-modal-right{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.pg-variants-scroll{flex-direction:column;gap:10px;max-height:360px;padding-right:4px;display:flex;overflow-y:auto}.pg-modal-error{background:var(--color-error-bg);border:var(--border-brutal);color:var(--color-error-text);align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.pg-modal-field{flex-direction:column;gap:4px;display:flex}.pg-modal-field label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:.04em}.pg-modal-field input,.pg-modal-field textarea{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);transition:var(--transition-brutal);font-size:13px;font-family:var(--font-family);border-radius:var(--radius-md);outline:none;padding:8px 10px}.pg-modal-field input:focus,.pg-modal-field textarea:focus{box-shadow:var(--shadow-brutal-sm)}.pg-modal-section{background:var(--color-bg);border:var(--border-brutal);flex-direction:column;gap:10px;padding:12px;display:flex}.pg-modal-section-header{justify-content:space-between;align-items:center;display:flex}.pg-modal-section-header h4{font-family:var(--font-family-heading);font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);margin:0}.pg-modal-section-sub{color:var(--color-text-muted);font-size:10px;font-weight:var(--font-weight-bold)}.pg-modal-row{grid-template-columns:1fr;gap:10px;display:grid}.pg-modal-actions{justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.pg-image-upload-row{flex-wrap:wrap;gap:8px;display:flex}.pg-image-preview{border:var(--border-brutal);border-radius:var(--radius-md);background:var(--color-surface);width:72px;height:72px;position:relative;overflow:hidden}.pg-image-preview img{object-fit:cover;width:100%;height:100%;display:block}.pg-image-preview-loading{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.pg-image-remove{background:var(--color-error-bg);border:var(--border-brutal);width:20px;height:20px;color:var(--color-error-text);cursor:pointer;border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:2px;right:2px}.pg-image-remove:hover{background:var(--color-error-text);color:var(--color-surface)}.pg-image-add-btn{background:var(--color-surface);border:var(--border-brutal);width:72px;height:72px;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);font-size:10px;font-weight:var(--font-weight-bold);border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.pg-image-add-btn:hover{background:var(--color-bg);color:var(--color-text-primary)}.pg-variant-card{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:12px;display:flex}.pg-variant-header{justify-content:space-between;align-items:center;display:flex}.pg-variant-number{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}@media (width<=768px){.pg-grid{grid-template-columns:repeat(2,1fr)}.pg-modal-columns{flex-direction:column}.pg-modal-left{width:100%}.pg-variants-scroll{max-height:none}}.dp-wrap{flex-direction:column;gap:4px;display:flex;position:relative}.dp-label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:.02em}.dp-trigger{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);min-width:140px;font-size:12px;font-weight:500;font-family:var(--font-family);align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.dp-trigger:hover{border-color:var(--color-border);box-shadow:var(--shadow-brutal-sm)}.dp-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dp-icon{color:var(--color-text-muted);flex-shrink:0}.dp-value{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.dp-clear{border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;padding:2px;display:inline-flex}.dp-clear:hover{background:var(--color-error-bg);color:var(--color-error-text)}.dp-dropdown{z-index:100;background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-brutal-hover);padding:12px;animation:.15s dp-fade-in;position:absolute;top:calc(100% + 6px);left:0}@keyframes dp-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dp-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dp-nav{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.dp-nav:hover{background:var(--color-bg);color:var(--color-text-primary)}.dp-month-year{font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.dp-days-header{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;display:grid}.dp-day-name{text-align:center;font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);padding:4px 0}.dp-days-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.dp-day{aspect-ratio:1;border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:500;display:flex}.dp-day:hover:not(:disabled):not(.dp-day--selected){background:var(--color-bg)}.dp-day--empty{cursor:default;pointer-events:none;background:0 0!important}.dp-day--selected{background:var(--color-primary);color:#fff;font-weight:var(--font-weight-bold)}.dp-day--selected:hover{background:var(--color-primary-hover)}.dp-day--today:not(.dp-day--selected){color:var(--color-primary);font-weight:var(--font-weight-bold);box-shadow:inset 0 0 0 1.5px var(--color-primary)}.sm-list{background:var(--color-bg);flex-direction:column;flex:1;gap:12px;min-height:0;padding:24px;display:flex}.sm-top-bar{justify-content:space-between;align-items:center;display:flex}.sm-actions-left{gap:8px;display:flex}.sm-title{font-family:var(--font-family-heading);font-size:14px;font-weight:var(--font-weight-bold);align-items:center;gap:8px;display:inline-flex}.sm-count{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.sm-btn{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.sm-btn:hover:not(:disabled){background:var(--color-bg)}.sm-btn:disabled{opacity:.5;cursor:not-allowed}.sm-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sm-select{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);cursor:pointer;outline:none;padding:8px 12px}.sm-state-message{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.sm-state-message--error{color:var(--color-error-text);background:var(--color-error-bg)}.sm-state-message .spin{animation:1s linear infinite spin}.sm-table-wrap{border:var(--border-brutal);border-radius:var(--radius-md);background:var(--color-surface);flex:1;overflow:auto}.sm-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:12px}.sm-table thead th{background:var(--color-bg);border-bottom:var(--border-brutal);font-family:var(--font-family-heading);font-size:11px;font-weight:var(--font-weight-bold);text-align:left;white-space:nowrap;z-index:10;padding:12px 10px;position:sticky;top:0}.sm-table tbody td{border-bottom:1px solid var(--color-divider);vertical-align:top;padding:10px}.sm-table tbody tr:hover{background:var(--color-bg)}.sm-type-badge{font-size:10px;font-weight:var(--font-weight-bold);border:var(--border-brutal);border-radius:var(--radius-md);white-space:nowrap;padding:3px 8px;display:inline-flex}.sm-col-variant{flex-direction:column;gap:2px;display:flex}.sm-variant-name{white-space:nowrap;font-weight:600}.sm-variant-product{color:var(--color-text-muted);font-family:monospace;font-size:10px}.sm-qty{font-family:monospace;font-weight:var(--font-weight-bold)}.sm-qty.positive{color:var(--color-success-text)}.sm-qty.negative{color:var(--color-error-text)}.sm-reason{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.sm-date{white-space:nowrap;color:var(--color-text-muted)}.sm-pagination{justify-content:center;align-items:center;gap:16px;padding:8px;display:flex}.sm-page-info{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.al-list{background:var(--color-bg);flex-direction:column;flex:1;gap:16px;min-height:0;padding:24px;display:flex}.al-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.al-title{align-items:center;gap:10px;display:inline-flex}.al-title h1{font-family:var(--font-family-heading);font-size:16px;font-weight:var(--font-weight-bold);margin:0}.al-counts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.al-count{font-size:10px;font-weight:var(--font-weight-bold);border:var(--border-brutal);white-space:nowrap;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.al-count--danger{background:var(--color-error-bg);color:var(--color-error-text)}.al-count--warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.al-count--ok{background:var(--color-success-bg);color:var(--color-success-text)}.al-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.al-btn:hover{background:var(--color-bg)}.al-state-message{background:var(--color-surface);border:var(--border-brutal);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.al-state-message--error{color:var(--color-error-text);background:var(--color-error-bg)}.al-empty-sub{text-transform:none;color:var(--color-text-muted);font-size:12px;font-weight:400}.al-state-message .spin{animation:1s linear infinite spin}.al-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.al-card{background:var(--color-surface);border:var(--border-brutal);cursor:pointer;transition:var(--transition-brutal);box-shadow:var(--shadow-brutal-sm);border-radius:var(--radius-md);flex-direction:column;display:flex}.al-card:hover{box-shadow:var(--shadow-brutal);transform:translate(-1px,-1px)}.al-card--out_of_stock{border-left:4px solid var(--color-error-dot)}.al-card--low_stock{border-left:4px solid var(--color-warning-dot)}.al-card-image{border-bottom:var(--border-brutal);background:var(--color-bg);width:100%;height:140px;overflow:hidden}.al-card-image img{object-fit:cover;width:100%;height:100%;display:block}.al-card-no-image{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.al-card-body{flex-direction:column;gap:8px;padding:12px;display:flex}.al-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.al-card-product{font-family:var(--font-family-heading);font-size:13px;font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.al-card-badge{font-size:10px;font-weight:var(--font-weight-bold);border:var(--border-brutal);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.al-card-badge--out_of_stock{background:var(--color-error-bg);color:var(--color-error-text)}.al-card-badge--low_stock{background:var(--color-warning-bg);color:var(--color-warning-text)}.al-card-variant{color:var(--color-text-secondary);font-size:12px;font-weight:600}.al-card-meta{flex-direction:column;gap:3px;display:flex}.al-card-sku,.al-card-barcode{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-family:monospace;font-size:11px;display:inline-flex;overflow:hidden}.al-card-footer{border-top:1px solid var(--color-divider);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:6px;display:flex}.al-card-date{color:var(--color-text-muted);font-size:11px}.al-card-action{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-primary);align-items:center;gap:4px;display:inline-flex}@media (width<=768px){.al-grid{grid-template-columns:1fr}}.pd-page{flex-direction:column;gap:12px;padding:16px;display:flex}.pd-loading,.pd-error{color:var(--color-text-muted);justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.pd-error{color:var(--color-error-text);flex-direction:column}.pd-header{border-bottom:2px solid var(--color-divider);align-items:center;gap:12px;padding-bottom:8px;display:flex}.pd-back{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.pd-back:hover{background:var(--color-primary);color:var(--color-surface)}.pd-title{font-family:var(--font-family-heading);font-size:1.25rem;font-weight:var(--font-weight-bold);flex:1}.pd-actions{gap:8px;display:flex}.pd-copy-id{background:var(--color-bg);border:var(--border-brutal);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-brutal);align-items:center;gap:6px;padding:6px 10px;font-family:monospace;font-size:11px;font-weight:600;display:inline-flex}.pd-copy-id:hover{background:var(--color-primary);color:var(--color-surface)}.pd-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pd-status-badge{font-size:11px;font-weight:var(--font-weight-bold);border:var(--border-brutal);padding:4px 10px;display:inline-flex}.pd-status-badge.active{background:var(--color-success-bg);color:var(--color-success-text)}.pd-status-badge.inactive{background:var(--color-error-bg);color:var(--color-error-text)}.pd-category{font-size:10px;font-weight:var(--font-weight-bold);background:var(--color-bg);border:var(--border-brutal);padding:3px 8px;display:inline-flex}.pd-date{color:var(--color-text-muted);font-size:12px}.pd-grid{grid-template-rows:auto auto;grid-template-columns:280px 1fr;gap:12px;display:grid}.pd-section{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px;display:flex}.pd-section--left{grid-area:1/1}.pd-section--right{grid-area:1/2}.pd-section--wide{grid-area:2/1/auto/-1}.pd-section-header{border-bottom:1px solid var(--color-divider);align-items:center;gap:8px;padding-bottom:8px;display:flex}.pd-section-header h2{font-family:var(--font-family-heading);font-size:13px;font-weight:var(--font-weight-bold);flex:1}.pd-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.pd-btn:hover{background:var(--color-bg)}.pd-btn--primary{background:var(--color-primary);color:var(--color-surface)}.pd-btn--primary:hover{background:var(--color-primary-hover)}.pd-btn--green{background:var(--color-primary);color:var(--color-surface)}.pd-btn--green:hover{background:var(--color-primary-hover)}.pd-btn--red{background:var(--color-error-bg);color:var(--color-surface)}.pd-btn--red:hover{background:var(--color-error-text)}.pd-btn--small{padding:5px 10px;font-size:10px}.pd-btn:disabled{opacity:.5;cursor:not-allowed}.pd-info{flex-direction:column;gap:10px;display:flex}.pd-info-image{object-fit:cover;border:var(--border-brutal);width:100%;height:200px;display:block}.pd-info-no-image{background:var(--color-bg);border:var(--border-brutal);width:100%;height:200px;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.pd-field{flex-direction:column;gap:2px;display:flex}.pd-field label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:.04em}.pd-field span{color:var(--color-text-primary);font-size:13px}.pd-stock-total{font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-primary)}.pd-variants{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:12px;display:grid}.pd-variant-card{background:var(--color-bg);border:var(--border-brutal);transition:var(--transition-brutal);flex-direction:column;display:flex;overflow:hidden}.pd-variant-card.inactive{opacity:.6}.pd-variant-image{border-bottom:var(--border-brutal);background:var(--color-surface);width:100%;height:120px;overflow:hidden}.pd-variant-image img{object-fit:cover;width:100%;height:100%;display:block}.pd-variant-no-image{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.pd-variant-body{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex}.pd-variant-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.pd-variant-name{font-family:var(--font-family-heading);font-size:13px;font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pd-variant-status{font-size:9px;font-weight:var(--font-weight-bold);border:var(--border-brutal);white-space:nowrap;flex-shrink:0;padding:2px 6px}.pd-variant-status.active{background:var(--color-success-bg);color:var(--color-success-text)}.pd-variant-status.inactive{background:var(--color-error-bg);color:var(--color-error-text)}.pd-variant-meta{flex-direction:column;gap:4px;display:flex}.pd-variant-sku,.pd-variant-barcode{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-family:monospace;font-size:11px;display:inline-flex;overflow:hidden}.pd-variant-price{font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-primary)}.pd-variant-stock{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;width:fit-content;padding:6px 8px;font-size:13px;font-weight:600;display:inline-flex}.pd-variant-actions{grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;margin-top:auto;display:grid}.pd-btn--edit{background:var(--color-bg);color:var(--color-text-primary)}.pd-btn--edit:hover{background:var(--color-text-primary);color:var(--color-surface)}.pd-btn--more{background:var(--color-bg);border:var(--border-brutal);width:100%;font-size:11px;font-weight:var(--font-weight-bold);justify-content:center;margin-top:4px}.pd-btn--more:hover{background:var(--color-primary);color:var(--color-surface)}.pd-movements{flex-direction:column;gap:6px;display:flex}.pd-movement-row{background:var(--color-bg);border:var(--border-brutal);grid-template-columns:100px 140px 80px 1fr 140px;align-items:center;gap:8px;padding:8px;font-size:12px;display:grid}.pd-movement-type{font-size:10px;font-weight:var(--font-weight-bold);border:var(--border-brutal);white-space:nowrap;padding:2px 8px;display:inline-flex}.pd-movement-variant{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.pd-movement-qty{font-family:monospace;font-weight:var(--font-weight-bold);text-align:right}.pd-movement-qty.positive{color:var(--color-success-text)}.pd-movement-qty.negative{color:var(--color-error-text)}.pd-movement-reason{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pd-movement-date{color:var(--color-text-muted);text-align:right;white-space:nowrap;font-size:11px}.pd-state-message{color:var(--color-text-muted);justify-content:center;align-items:center;gap:8px;padding:24px;font-size:13px;display:flex}.pd-empty{color:var(--color-text-muted);padding:8px 0;font-size:13px}.pd-barcode-wrap{gap:8px;display:flex}.pd-barcode-wrap input{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);transition:var(--transition-brutal);font-size:13px;font-family:var(--font-family);border-radius:var(--radius-md);outline:none;flex:1;padding:8px 10px}.pd-barcode-wrap input:focus{box-shadow:var(--shadow-brutal-sm)}.pd-btn--scan{background:var(--color-info-bg);width:38px;height:38px;color:var(--color-info-text);justify-content:center;padding:8px}.pd-btn--scan:hover{background:var(--color-info-text);color:var(--color-surface)}.pd-scanner-box{border:var(--border-brutal);background:var(--color-text-primary);overflow:hidden}.pd-scanner-view{width:100%;min-height:220px}.pd-scanner-view video{width:100%;display:block}.pd-modal-form{flex-direction:column;gap:12px;display:flex}.pd-modal-error{background:var(--color-error-bg);border:var(--border-brutal);color:var(--color-error-text);align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.pd-modal-field{flex-direction:column;gap:4px;display:flex}.pd-modal-field label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:.04em}.pd-modal-field input,.pd-modal-field select,.pd-modal-field textarea{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);transition:var(--transition-brutal);font-size:13px;font-family:var(--font-family);border-radius:var(--radius-md);outline:none;padding:8px 10px}.pd-modal-field input:focus,.pd-modal-field select:focus,.pd-modal-field textarea:focus{box-shadow:var(--shadow-brutal-sm)}.pd-modal-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pd-modal-actions{justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.pd-modal-field--row{flex-direction:row;align-items:center;gap:8px}.pd-toggle-label{cursor:pointer;color:var(--color-text-primary);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.pd-toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.pd-image-grid{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pd-image-upload-row{align-items:center;gap:8px;display:flex}.pd-image-thumb{border:var(--border-brutal);border-radius:var(--radius-md);flex-shrink:0;width:64px;height:64px;position:relative;overflow:hidden}.pd-image-thumb img{object-fit:cover;width:100%;height:100%;display:block}.pd-image-remove{background:var(--color-error-bg);border:var(--border-brutal);width:20px;height:20px;color:var(--color-surface);cursor:pointer;border-radius:var(--radius-md);justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:2px;right:2px}.pd-image-remove:hover{background:var(--color-error-text)}.pd-image-upload-btn{background:var(--color-bg);border:var(--border-brutal);border-radius:var(--radius-md);cursor:pointer;width:64px;height:64px;color:var(--color-text-muted);transition:var(--transition-brutal);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:600;display:inline-flex}.pd-image-upload-btn:hover{background:var(--color-primary);color:var(--color-surface)}@media (width<=1100px){.pd-variants{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.pd-grid{grid-template-rows:auto auto auto;grid-template-columns:1fr}.pd-section--left{grid-area:1/1}.pd-section--right{grid-area:2/1}.pd-section--wide{grid-area:3/1}}@media (width<=768px){.pd-variants{grid-template-columns:1fr}.pd-movement-row{grid-template-columns:1fr 1fr;gap:4px}.pd-movement-date{text-align:left}}.preparing-overview{background:var(--color-bg);flex-direction:column;flex:1;gap:24px;min-height:0;padding:24px;display:flex;overflow:auto}.po-section{flex-direction:column;gap:16px;display:flex}.po-section-title{font-family:var(--font-family-heading);font-size:14px;font-weight:var(--font-weight-bold);letter-spacing:.05em;color:var(--color-text-primary);align-items:center;gap:8px;margin:0;display:flex}.po-banner{background:var(--color-surface);border:var(--border-brutal);transition:var(--transition-brutal);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;padding:16px 20px;display:flex}.po-banner:hover{box-shadow:2px 2px 0px var(--color-text-primary);transform:translate(-2px,-2px)}.po-banner:active{box-shadow:none;transform:translate(0)}.po-banner-content{color:var(--color-error-text);flex-shrink:0;align-items:center;gap:12px;padding-top:4px;display:flex}.po-banner-text{align-items:center;gap:10px;display:flex}.po-banner-label{font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.05em;color:var(--color-text-secondary)}.po-banner-value{font-family:var(--font-family-heading);font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-error-text);line-height:1}.po-banner-list{flex-direction:column;flex:1;gap:6px;min-width:280px;display:flex}.po-banner-row{background:var(--color-bg);align-items:center;gap:12px;padding:8px 12px;display:flex}.po-banner-row--empty{background:var(--color-surface-container);opacity:.5}.po-banner-row-num{font-weight:var(--font-weight-bold);color:var(--color-text-primary);flex-shrink:0;min-width:56px;font-size:13px}.po-banner-row-client{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;overflow:hidden}.po-banner-row-waiting{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.po-banner-row-placeholder{color:var(--color-text-muted);font-size:12px}.po-teams-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.po-team-card{background:var(--color-surface);border:var(--border-brutal);min-height:0;transition:var(--transition-brutal);cursor:pointer;border-radius:var(--radius-md);flex-direction:column;gap:0;display:flex}.po-team-card:hover{box-shadow:2px 2px 0px var(--color-text-primary);transform:translate(-2px,-2px)}.po-team-card:active{box-shadow:none;transform:translate(0)}.po-team-header{justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.po-team-info{flex-direction:column;gap:4px;min-width:0;display:flex}.po-team-name{font-family:var(--font-family-heading);font-size:15px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.po-team-count{color:var(--color-text-muted);font-size:12px}.po-team-badge{background:var(--color-primary);width:36px;height:36px;color:var(--color-surface);flex-shrink:0;justify-content:center;align-items:center;display:flex}.po-team-orders{flex-direction:column;flex:1;gap:10px;padding:16px 20px;display:flex}.po-team-orders-label{font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.05em;color:var(--color-text-muted)}.po-team-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.po-team-item{background:var(--color-bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:10px 12px;display:flex}.po-team-item--empty{background:var(--color-surface-container);opacity:.5}.po-team-item-main{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.po-status-icon{color:var(--color-text-muted);flex-shrink:0}.po-team-item-num{font-weight:var(--font-weight-bold);color:var(--color-text-primary);flex-shrink:0;font-size:13px}.po-team-item-client{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.po-team-item-placeholder{color:var(--color-text-muted);font-size:12px}.po-team-item-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.po-team-item-time{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.po-team-item-state{font-size:10px;font-weight:var(--font-weight-bold);white-space:nowrap;padding:3px 8px;display:inline-block}@media (width<=1024px){.po-teams-grid{grid-template-columns:1fr}}@media (width<=640px){.po-banner{flex-direction:column;align-items:flex-start}.po-team-item{flex-direction:column;align-items:flex-start;gap:6px}.po-team-item-meta{justify-content:space-between;width:100%}}.po-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.po-header h2{font-family:var(--font-family-heading,"Space Grotesk", sans-serif);margin:0;font-size:18px;font-weight:600}.po-header-actions{align-items:center;gap:10px;display:flex}.po-count{color:var(--color-text-muted);font-size:12px;font-weight:500}.po-btn{font-size:12px;font-weight:600;font-family:var(--font-family-heading,"Space Grotesk", sans-serif);border:var(--border-brutal);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.po-btn:hover:not(:disabled){background:var(--color-text-primary);color:var(--color-surface)}.po-btn:disabled{opacity:.4;cursor:not-allowed}.po-btn--primary{background:var(--color-text-primary);color:var(--color-surface)}.po-btn--primary:hover:not(:disabled){background:var(--color-surface);color:var(--color-text-primary)}.po-btn--ghost{background:0 0;border-color:#0000}.po-btn--ghost:hover:not(:disabled){background:var(--color-surface-container);color:var(--color-text-primary)}.po-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.po-search-wrap{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex:1;align-items:center;gap:8px;min-width:200px;padding:7px 10px;display:flex}.po-search-wrap input{background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.po-search-wrap input::placeholder{color:var(--color-text-muted)}.po-filters select{border:var(--border-brutal);background:var(--color-surface);cursor:pointer;border-radius:var(--radius-md);min-width:120px;padding:7px 10px;font-family:inherit;font-size:12px}.po-sort{align-items:center;gap:4px;display:flex}.po-sort-dir{background:var(--color-surface);border:var(--border-brutal);cursor:pointer;border-radius:var(--radius-md);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.po-sort-dir:hover{background:var(--color-text-primary);color:var(--color-surface)}.po-error{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.po-error button{cursor:pointer;color:inherit;background:0 0;border:none}.po-table-wrap{border:var(--border-brutal);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:16px;overflow:auto}.po-table{border-collapse:collapse;width:100%;font-size:12px}.po-table thead{background:var(--color-surface-container)}.po-table th{text-align:left;font-weight:var(--font-weight-bold);letter-spacing:.5px;border-bottom:2px solid var(--color-text-primary);white-space:nowrap;padding:10px 12px;font-size:10px}.po-table td{border-bottom:1px solid var(--color-divider);vertical-align:middle;padding:10px 12px}.po-table tbody tr:hover{background:var(--color-surface-container-low)}.po-checkbox{cursor:pointer;color:var(--color-text-primary);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.po-checkbox--disabled{width:18px;height:18px;display:inline-block}.po-cell-order{flex-direction:column;gap:2px;display:flex}.po-order-id{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:12px}.po-barcode{font-family:monospace;font-size:11px;font-weight:600}.po-date{color:var(--color-text-muted);font-size:10px}.po-cell-client{flex-direction:column;gap:2px;display:flex}.po-client-name{font-weight:600}.po-client-phone{color:var(--color-text-muted);font-size:10px}.po-cell-muted{color:var(--color-text-muted)}.po-price{font-weight:var(--font-weight-bold);font-family:monospace}.po-state-badge{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.5px;color:var(--color-surface);padding:3px 10px;display:inline-block}.po-bond-badge{font-size:10px;font-weight:var(--font-weight-bold);background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-text);padding:2px 8px;display:inline-block}.po-bond-badge--none{background:var(--color-surface-container);color:var(--color-text-muted);border:1px solid var(--color-text-muted)}.po-actions-grid{gap:6px;display:flex}.po-action-btn{background:var(--color-surface);border:var(--border-brutal);cursor:pointer;width:32px;height:32px;color:var(--color-text-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.po-action-btn:hover,.po-action-btn--primary{background:var(--color-text-primary);color:var(--color-surface)}.po-action-btn--primary:hover{background:var(--color-surface);color:var(--color-text-primary)}.po-action-btn--send{background:var(--color-info-bg);color:var(--color-info-text);border-color:var(--color-info-text)}.po-action-btn--send:hover{background:var(--color-info-text);color:var(--color-surface)}.po-action-btn--disabled{background:var(--color-surface-container);color:var(--color-text-muted);border-color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.po-pagination{justify-content:center;align-items:center;gap:16px;display:flex}.po-page-info{color:var(--color-text-muted);font-size:12px;font-weight:600}.po-empty{text-align:center;color:var(--color-text-muted);padding:40px;font-weight:500}.po-floating-bar{background:var(--color-surface);border:var(--border-brutal);z-index:100;border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px 20px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:8px 8px #00000026}.po-floating-count{font-size:13px;font-weight:var(--font-weight-bold);white-space:nowrap}.po-floating-select{border:var(--border-brutal);background:var(--color-surface);border-radius:var(--radius-md);min-width:140px;padding:6px 10px;font-family:inherit;font-size:12px}.po-floating-btn{font-size:12px;font-weight:var(--font-weight-bold);font-family:var(--font-family-heading,"Space Grotesk", sans-serif);border:var(--border-brutal);background:var(--color-text-primary);color:var(--color-surface);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:7px 14px;display:inline-flex}.po-floating-btn:hover:not(:disabled){background:var(--color-surface);color:var(--color-text-primary)}.po-floating-btn:disabled{opacity:.5;cursor:not-allowed}.po-floating-btn--ghost{color:var(--color-text-primary);background:0 0}.po-floating-btn--ghost:hover{background:var(--color-surface-container)}.po-modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.po-modal{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;gap:12px;width:100%;max-width:400px;max-height:85vh;padding:24px;display:flex;overflow:hidden}.po-modal--wide{max-width:640px}.po-modal-table-wrap{border:1px solid var(--color-divider);max-height:55vh;overflow-y:auto}.po-modal-table-wrap .po-table{margin:0}.po-modal-table-wrap .po-table thead th{z-index:10;background:var(--color-surface-container);position:sticky;top:0}.po-modal h3{font-family:var(--font-family-heading,"Space Grotesk", sans-serif);margin:0;font-size:16px}.po-modal-hint{color:var(--color-text-muted);margin:0;font-size:12px}.po-modal-subtitle{font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.5px;color:var(--color-text-muted);margin:0}.po-modal select{border:var(--border-brutal);background:var(--color-surface);border-radius:var(--radius-md);padding:8px 10px;font-family:inherit;font-size:13px}.po-modal-actions{gap:8px;margin-top:4px;display:flex}.po-bond-list{border:var(--border-brutal);flex-direction:column;gap:6px;max-height:180px;padding:8px;display:flex;overflow:auto}.po-bond-item{cursor:pointer;align-items:center;gap:10px;padding:6px 8px;font-size:12px;display:flex}.po-bond-item:hover{background:var(--color-surface-container)}.po-bond-name{flex:1;font-weight:600}.po-bond-status{background:var(--color-surface-container-high);border:1px solid var(--color-text-primary);padding:2px 8px;font-size:10px}.po-or-divider{text-align:center;font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);position:relative}.po-or-divider:before,.po-or-divider:after{content:"";background:var(--color-divider);width:40%;height:1px;position:absolute;top:50%}.po-or-divider:before{left:0}.po-or-divider:after{right:0}.po-form-row{flex-direction:column;gap:4px;display:flex}.po-form-label{font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.5px;color:var(--color-text-muted)}.po-form-input{border:var(--border-brutal);background:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-md);outline:none;padding:8px 10px;font-family:inherit;font-size:13px}.po-form-input:focus{background:var(--color-surface-container)}.po-form-input::placeholder{color:var(--color-text-muted)}.po-form-toggle{cursor:pointer;align-items:center;gap:10px;font-size:12px;font-weight:500;display:flex}.po-form-toggle input{display:none}.po-form-toggle-track{background:var(--color-surface-container-high);border:var(--border-brutal);flex-shrink:0;width:36px;height:20px;transition:background .15s;position:relative}.po-form-toggle input:checked+.po-form-toggle-track{background:var(--color-text-primary)}.po-form-toggle-thumb{background:var(--color-surface);width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.po-form-toggle input:checked+.po-form-toggle-track .po-form-toggle-thumb{transform:translate(16px)}.po-form-toggle-label{-webkit-user-select:none;user-select:none}.po-print-menu-wrap{position:relative}.po-print-dropdown{z-index:50;background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;min-width:120px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.po-print-dropdown-item{text-align:left;background:var(--color-surface);border:none;border-bottom:1px solid var(--color-divider);cursor:pointer;color:var(--color-text-primary);padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600}.po-print-dropdown-item:last-child{border-bottom:none}.po-print-dropdown-item:hover{background:var(--color-text-primary);color:var(--color-surface)}.po-print-dropdown--fixed{position:fixed}.preparing-config{background:var(--color-bg);flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px;display:flex;overflow:auto}.cc-system-card{background:var(--color-surface);border:var(--border-brutal);transition:var(--transition-brutal);border-radius:var(--radius-md);flex-direction:column;gap:0;display:flex}.cc-system-header{border-bottom:1px solid var(--color-divider);align-items:center;gap:10px;padding:14px 16px;display:flex}.cc-system-title{font-family:var(--font-family-heading);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);flex:1}.cc-system-body{flex-direction:column;gap:16px;padding:16px;display:flex}.cc-field{flex-direction:column;gap:8px;display:flex}.cc-field-label{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:.05em}.cc-number-control{align-self:flex-start;align-items:center;gap:0;display:flex}.cc-number-btn{background:var(--color-bg);border:var(--border-brutal);width:36px;height:36px;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);justify-content:center;align-items:center;padding:0;display:flex}.cc-number-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-surface)}.cc-number-btn:disabled{opacity:.35;cursor:not-allowed}.cc-number-input{text-align:center;background:var(--color-surface);border-top:var(--border-brutal);border-bottom:var(--border-brutal);width:60px;height:36px;font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);-moz-appearance:textfield;border-left:none;border-right:none;outline:none;padding:0}.cc-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cc-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cc-number-input:disabled{color:var(--color-text-muted);background:var(--color-surface-container)}.cc-pool-text{background:var(--color-bg);flex-direction:column;gap:8px;padding:16px;display:flex}.cc-pool-line{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.5}.cc-header{font-family:var(--font-family-heading);font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);align-items:center;gap:10px;display:flex}.cc-loading,.cc-error{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:10px;padding:40px;font-size:14px;display:flex}.cc-error{color:var(--color-error-text)}.cc-error-banner{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}.cc-footer{justify-content:flex-end;padding-top:8px;display:flex}.cc-save-btn{background:var(--color-primary);color:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal-sm);font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);align-items:center;gap:8px;padding:10px 20px;display:inline-flex}.cc-save-btn:hover:not(:disabled){box-shadow:3px 3px 0px var(--color-text-primary);transform:translate(-2px,-2px)}.cc-save-btn:disabled{opacity:.5;cursor:not-allowed}.cc-save-btn.saved{background:var(--color-success-bg);color:var(--color-success-text)}.preparing-logs-page{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.pl-header{align-items:center;gap:10px;display:flex}.pl-header h2{font-family:var(--font-family-heading,"Space Grotesk", sans-serif);margin:0;font-size:20px;font-weight:600}.pl-search-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pl-search-wrap{background:var(--color-surface);border:var(--border-brutal);min-width:240px;color:var(--color-text-muted);border-radius:var(--radius-md);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.pl-search-wrap input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:13px}.pl-filter-select{background:var(--color-surface);border:var(--border-brutal);height:36px;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);outline:none;min-width:140px;padding:0 10px;font-size:12px;font-weight:600}.pl-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.pl-btn:hover{background:var(--color-bg)}.pl-btn:disabled{opacity:.5;cursor:not-allowed}.pl-error{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.pl-empty{background:var(--color-surface);border:var(--border-brutal);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.pl-table-wrap{border:var(--border-brutal);background:var(--color-surface);border-radius:var(--radius-md);flex:1;overflow:auto}.pl-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:12px}.pl-table thead th{background:var(--color-bg);border-bottom:var(--border-brutal);font-family:var(--font-family-heading);font-size:11px;font-weight:var(--font-weight-bold);text-align:left;white-space:nowrap;z-index:10;padding:12px 10px;position:sticky;top:0}.pl-table tbody td{border-bottom:1px solid var(--color-divider);vertical-align:middle;padding:10px}.pl-table tbody tr:hover{background:var(--color-bg)}.pl-action-badge{font-size:10px;font-weight:var(--font-weight-bold);background:var(--color-bg);border:var(--border-brutal);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.pl-company-badge{font-size:10px;font-weight:var(--font-weight-bold);background:var(--color-bg);border:var(--border-brutal);color:var(--color-text-secondary);align-items:center;padding:3px 8px;display:inline-flex}.pl-ids-cell{flex-direction:column;gap:4px;display:flex}.pl-id-chip{font-family:var(--font-family-mono,monospace);color:var(--color-text-primary);background:var(--color-bg);border:var(--border-brutal);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;max-width:120px;padding:2px 6px;font-size:10px;display:inline-block;overflow:hidden}.pl-id-chip:hover{background:var(--color-text-primary);color:var(--color-surface)}.pl-id-chip--empty{cursor:default;color:var(--color-text-muted);background:0 0;border:none}.pl-id-chip--empty:hover{color:var(--color-text-muted);background:0 0}.pl-status-cell{align-items:center;gap:6px;display:flex}.pl-status-ok{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-success-text)}.pl-status-error{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-error-text)}.pl-duration{font-family:var(--font-family-mono,monospace);color:var(--color-text-secondary);font-size:11px}.pl-time-cell{align-items:center;gap:4px;display:flex}.pl-time{color:var(--color-text-secondary);white-space:nowrap;font-size:11px}.pl-expand-btn{background:var(--color-bg);border:var(--border-brutal);font-size:10px;font-weight:var(--font-weight-bold);cursor:pointer;color:var(--color-text-primary);transition:var(--transition-brutal);align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.pl-expand-btn:hover{background:var(--color-text-primary);color:var(--color-surface)}.pl-detail-row td{border-bottom:var(--border-brutal);background:var(--color-bg);padding:0}.pl-detail-panel{flex-direction:column;gap:16px;padding:16px;display:flex}.pl-detail-error{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.pl-detail-section{flex-direction:column;gap:8px;display:flex}.pl-detail-label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);align-items:center;gap:6px;display:flex}.pl-detail-code{background:var(--color-surface);border:var(--border-brutal);font-family:var(--font-family-mono,monospace);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;border-radius:var(--radius-md);max-height:300px;margin:0;padding:12px;font-size:11px;overflow:auto}@media (width<=768px){.pl-table-wrap{overflow-x:auto}.pl-table{min-width:900px}}.pb-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.pb-header h2{font-family:var(--font-family-heading,"Space Grotesk", sans-serif);margin:0;font-size:18px;font-weight:600}.pb-header-actions{align-items:center;gap:10px;display:flex}.pb-count{color:var(--color-text-muted);font-size:12px;font-weight:500}.pb-btn{font-size:12px;font-weight:600;font-family:var(--font-family-heading,"Space Grotesk", sans-serif);border:var(--border-brutal);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.pb-btn:hover:not(:disabled){background:var(--color-text-primary);color:var(--color-surface)}.pb-btn:disabled{opacity:.4;cursor:not-allowed}.pb-btn--icon{background:var(--color-surface);border:var(--border-brutal);cursor:pointer;width:32px;height:32px;color:var(--color-text-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.pb-btn--icon:hover{background:var(--color-text-primary);color:var(--color-surface)}.pb-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.pb-search-wrap{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex:1;align-items:center;gap:8px;min-width:200px;padding:7px 10px;display:flex}.pb-search-wrap input{background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.pb-search-wrap input::placeholder{color:var(--color-text-muted)}.pb-filters select{border:var(--border-brutal);background:var(--color-surface);cursor:pointer;border-radius:var(--radius-md);min-width:120px;padding:7px 10px;font-family:inherit;font-size:12px}.pb-sort{align-items:center;gap:4px;display:flex}.pb-sort-dir{background:var(--color-surface);border:var(--border-brutal);cursor:pointer;border-radius:var(--radius-md);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.pb-sort-dir:hover{background:var(--color-text-primary);color:var(--color-surface)}.pb-error{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.pb-error button{cursor:pointer;color:inherit;background:0 0;border:none}.pb-table-wrap{border:var(--border-brutal);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:16px;overflow:auto}.pb-table{border-collapse:collapse;width:100%;font-size:12px}.pb-table thead{background:var(--color-surface-container)}.pb-table th{text-align:left;font-weight:var(--font-weight-bold);letter-spacing:.5px;border-bottom:2px solid var(--color-text-primary);white-space:nowrap;padding:10px 12px;font-size:10px}.pb-table td{border-bottom:1px solid var(--color-divider);vertical-align:middle;padding:10px 12px}.pb-table tbody tr:hover{background:var(--color-surface-container-low)}.pb-cell-name{align-items:center;gap:8px;font-weight:600;display:flex}.pb-cell-muted{color:var(--color-text-muted)}.pb-cell-date{color:var(--color-text-muted);align-items:center;gap:6px;display:flex}.pb-status-badge{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:3px 10px;display:inline-block}.pb-actions-grid{align-items:center;gap:6px;display:flex}.pb-action-btn{background:var(--color-surface);border:var(--border-brutal);cursor:pointer;width:32px;height:32px;color:var(--color-text-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:0;display:flex}.pb-action-btn:hover:not(:disabled){background:var(--color-text-primary);color:var(--color-surface)}.pb-action-btn:disabled{opacity:.4;cursor:not-allowed}.pb-action-btn--save{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-text)}.pb-action-btn--save:hover:not(:disabled){background:var(--color-success-text);color:var(--color-surface)}.pb-action-btn--open{background:var(--color-warning-bg);color:var(--color-warning-text);border-color:var(--color-warning-text)}.pb-action-btn--open:hover:not(:disabled){background:var(--color-warning-text);color:var(--color-surface)}.pb-action-placeholder{width:32px;height:32px}.pb-action-select{border:var(--border-brutal);background:var(--color-surface);cursor:pointer;border-radius:var(--radius-md);min-width:70px;height:32px;padding:0 6px;font-family:inherit;font-size:11px}.pb-pagination{justify-content:center;align-items:center;gap:16px;display:flex}.pb-page-info{color:var(--color-text-muted);font-size:12px;font-weight:600}.pb-print-menu-wrap{position:relative}.pb-print-dropdown{z-index:50;background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;min-width:120px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.pb-print-dropdown-item{text-align:left;background:var(--color-surface);border:none;border-bottom:1px solid var(--color-divider);cursor:pointer;color:var(--color-text-primary);padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600}.pb-print-dropdown-item:last-child{border-bottom:none}.pb-print-dropdown-item:hover{background:var(--color-text-primary);color:var(--color-surface)}.pb-print-dropdown--fixed{position:fixed}.pb-empty{text-align:center;color:var(--color-text-muted);padding:40px;font-weight:500}.pb-modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pb-modal{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;gap:16px;width:100%;max-width:560px;max-height:80vh;padding:24px;display:flex;overflow:auto}.pb-modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.pb-modal-header h3{font-family:var(--font-family-heading,"Space Grotesk", sans-serif);margin:0;font-size:16px}.pb-modal-loading{color:var(--color-text-muted);justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.pb-modal-meta{background:var(--color-surface-container);border:1px solid var(--color-text-primary);grid-template-columns:repeat(2,1fr);gap:10px;padding:12px;display:grid}.pb-meta-row{flex-direction:column;gap:2px;display:flex}.pb-meta-label{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.5px;color:var(--color-text-muted)}.pb-modal-empty{text-align:center;color:var(--color-text-muted);padding:24px;font-size:13px}.pb-orders-table{border-collapse:collapse;width:100%;font-size:12px}.pb-orders-table thead{background:var(--color-surface-container)}.pb-orders-table th{text-align:left;font-weight:var(--font-weight-bold);letter-spacing:.5px;border-bottom:2px solid var(--color-text-primary);padding:8px 10px;font-size:10px}.pb-orders-table td{border-bottom:1px solid var(--color-divider);padding:8px 10px}.pb-mono{font-family:monospace;font-size:11px}.pb-bond-order-status{font-size:10px;font-weight:var(--font-weight-bold);background:var(--color-surface-container);border:1px solid var(--color-text-primary);padding:2px 8px;display:inline-block}.bd-loading,.bd-error{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px;display:flex}.bd-error{color:var(--color-error-text);font-weight:600}.bd-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.bd-header h2{font-family:var(--font-family-heading,"Space Grotesk", sans-serif);flex:1;margin:0;font-size:18px;font-weight:600}.bd-header-actions{align-items:center;gap:8px;display:flex}.bd-btn{font-size:12px;font-weight:600;font-family:var(--font-family-heading,"Space Grotesk", sans-serif);border:var(--border-brutal);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;border-radius:var(--radius-md);align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.bd-btn:hover:not(:disabled){background:var(--color-text-primary);color:var(--color-surface)}.bd-btn:disabled{opacity:.4;cursor:not-allowed}.bd-btn--save{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-text)}.bd-btn--save:hover:not(:disabled){background:var(--color-success-text);color:var(--color-surface)}.bd-btn--open{background:var(--color-warning-bg);color:var(--color-warning-text);border-color:var(--color-warning-text)}.bd-btn--open:hover:not(:disabled){background:var(--color-warning-text);color:var(--color-surface)}.bd-print-wrap{position:relative}.bd-print-menu{z-index:50;background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;min-width:120px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.bd-print-item{text-align:left;background:var(--color-surface);border:none;border-bottom:1px solid var(--color-divider);cursor:pointer;color:var(--color-text-primary);padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600}.bd-print-item:last-child{border-bottom:none}.bd-print-item:hover{background:var(--color-text-primary);color:var(--color-surface)}.bd-meta{background:var(--color-surface-container);border:var(--border-brutal);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:24px;padding:14px;display:grid}.bd-meta-row{flex-direction:column;gap:3px;display:flex}.bd-meta-label{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.5px;color:var(--color-text-muted)}.bd-meta-date{align-items:center;gap:6px;display:flex}.bd-status-badge{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.5px;width:fit-content;padding:3px 10px;display:inline-block}.bd-section-title{font-family:var(--font-family-heading,"Space Grotesk", sans-serif);margin:0 0 12px;font-size:14px;font-weight:600}.bd-table-wrap{border:var(--border-brutal);background:var(--color-surface);border-radius:var(--radius-md);overflow:auto}.bd-table{border-collapse:collapse;width:100%;font-size:12px}.bd-table thead{background:var(--color-surface-container)}.bd-table th{text-align:left;font-weight:var(--font-weight-bold);letter-spacing:.5px;border-bottom:2px solid var(--color-text-primary);white-space:nowrap;padding:10px 12px;font-size:10px}.bd-table td{border-bottom:1px solid var(--color-divider);padding:10px 12px}.bd-table tbody tr:hover{background:var(--color-surface-container-low)}.bd-mono{font-family:monospace;font-size:11px}.bd-order-status{font-size:10px;font-weight:var(--font-weight-bold);background:var(--color-surface-container);border:1px solid var(--color-text-primary);padding:2px 8px;display:inline-block}.bd-empty{text-align:center;color:var(--color-text-muted);padding:40px;font-weight:500}.ab-header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.ab-header h2{font-family:var(--font-family-heading,"Space Grotesk", sans-serif);flex:1;margin:0;font-size:18px;font-weight:600}.ab-count{color:var(--color-text-muted);font-size:12px;font-weight:500}.ab-btn{font-size:12px;font-weight:600;font-family:var(--font-family-heading,"Space Grotesk", sans-serif);border:var(--border-brutal);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.ab-btn:hover:not(:disabled){background:var(--color-text-primary);color:var(--color-surface)}.ab-btn:disabled{opacity:.4;cursor:not-allowed}.ab-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.ab-search-wrap{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex:1;align-items:center;gap:8px;min-width:200px;padding:7px 10px;display:flex}.ab-search-wrap input{background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.ab-search-wrap input::placeholder{color:var(--color-text-muted)}.ab-filters select{border:var(--border-brutal);background:var(--color-surface);cursor:pointer;border-radius:var(--radius-md);min-width:120px;padding:7px 10px;font-family:inherit;font-size:12px}.ab-error{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.ab-error button{cursor:pointer;color:inherit;background:0 0;border:none}.ab-table-wrap{border:var(--border-brutal);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:16px;overflow:auto}.ab-table{border-collapse:collapse;width:100%;font-size:12px}.ab-table thead{background:var(--color-surface-container)}.ab-table th{text-align:left;font-weight:var(--font-weight-bold);letter-spacing:.5px;border-bottom:2px solid var(--color-text-primary);white-space:nowrap;padding:10px 12px;font-size:10px}.ab-table td{border-bottom:1px solid var(--color-divider);vertical-align:middle;cursor:pointer;padding:10px 12px}.ab-table tbody tr:hover{background:var(--color-surface-container-low)}.ab-row--selected{background:var(--color-info-bg)!important}.ab-checkbox{cursor:pointer;color:var(--color-text-primary);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.ab-cell-order{flex-direction:column;gap:2px;display:flex}.ab-barcode{font-family:monospace;font-size:11px;font-weight:600}.ab-date{color:var(--color-text-muted);font-size:10px}.ab-cell-client{flex-direction:column;gap:2px;display:flex}.ab-client-name{font-weight:600}.ab-client-phone{color:var(--color-text-muted);font-size:10px}.ab-cell-muted{color:var(--color-text-muted)}.ab-price{font-weight:var(--font-weight-bold);font-family:monospace}.ab-state-badge{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.5px;color:var(--color-surface);padding:3px 10px;display:inline-block}.ab-pagination{justify-content:center;align-items:center;gap:16px;display:flex}.ab-page-info{color:var(--color-text-muted);font-size:12px;font-weight:600}.ab-empty{text-align:center;color:var(--color-text-muted);padding:40px;font-weight:500}.ab-selected-bar{background:var(--color-surface);border:var(--border-brutal);z-index:100;border-radius:var(--radius-md);align-items:center;gap:12px;max-width:90vw;padding:12px 20px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:8px 8px #00000026}.ab-selected-list{flex-wrap:wrap;gap:6px;max-height:80px;display:flex;overflow:auto}.ab-selected-chip{background:var(--color-surface-container);border:var(--border-brutal);white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.ab-selected-chip button{cursor:pointer;color:var(--color-text-primary);background:0 0;border:none;align-items:center;padding:0;display:flex}.ab-save-btn{font-size:12px;font-weight:var(--font-weight-bold);font-family:var(--font-family-heading,"Space Grotesk", sans-serif);border:var(--border-brutal);background:var(--color-text-primary);color:var(--color-surface);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.ab-save-btn:hover:not(:disabled){background:var(--color-surface);color:var(--color-text-primary)}.ab-save-btn:disabled{opacity:.5;cursor:not-allowed}.dc-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.dc-header h2{font-family:var(--font-family-heading,"Space Grotesk", sans-serif);margin:0;font-size:20px;font-weight:600}.dc-refresh{background:var(--color-surface);border:var(--border-brutal);cursor:pointer;width:32px;height:32px;color:var(--color-text-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;margin-left:auto;display:flex}.dc-refresh:hover{background:var(--color-text-primary);color:var(--color-surface)}.dc-refresh:disabled{opacity:.5;cursor:not-allowed}.dc-loading{color:var(--color-text-muted);align-items:center;gap:10px;padding:40px;display:flex}.dc-error{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.dc-error button{cursor:pointer;color:inherit;background:0 0;border:none;margin-left:auto;padding:2px}.dc-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1200px){.dc-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.dc-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.dc-grid{grid-template-columns:repeat(1,1fr)}}.dc-card{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.dc-card--connected{border-width:2px}.dc-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.dc-card-title{font-family:var(--font-family-heading,"Space Grotesk", sans-serif);margin:0;font-size:15px;font-weight:600;line-height:1.3}.dc-card-status{letter-spacing:.3px;white-space:nowrap;border:1px solid var(--color-text-primary);align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:flex}.dc-card--connected .dc-card-status{background:var(--color-success-bg);color:var(--color-success-text)}.dc-card:not(.dc-card--connected) .dc-card-status{background:var(--color-surface-container);color:var(--color-text-muted)}.dc-card-details{background:var(--color-surface-container);border:1px solid var(--color-text-primary);flex-direction:column;gap:6px;padding:10px;display:flex}.dc-detail-row{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.dc-detail-label{color:var(--color-text-muted);font-weight:500}.dc-detail-value{letter-spacing:.5px;font-family:monospace;font-size:11px}.dc-detail-badge{letter-spacing:.5px;border:1px solid var(--color-text-primary);align-self:flex-start;margin-top:2px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.dc-detail-badge--default{background:var(--color-info-bg);color:var(--color-info-text)}.dc-card-actions{gap:8px;margin-top:auto;display:flex}.dc-btn{font-size:12px;font-weight:600;font-family:var(--font-family-heading,"Space Grotesk", sans-serif);border:var(--border-brutal);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.dc-btn:hover:not(:disabled){background:var(--color-text-primary);color:var(--color-surface)}.dc-btn:disabled{opacity:.5;cursor:not-allowed}.dc-btn--primary{background:var(--color-text-primary);color:var(--color-surface)}.dc-btn--primary:hover:not(:disabled){background:var(--color-surface);color:var(--color-text-primary)}.dc-btn--secondary{background:var(--color-surface-container)}.dc-btn--danger{background:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-text)}.dc-btn--danger:hover:not(:disabled){background:var(--color-error-text);color:var(--color-surface)}.dc-btn--ghost{background:0 0;border-color:#0000}.dc-btn--ghost:hover:not(:disabled){background:var(--color-surface-container);color:var(--color-text-primary)}.dc-form{border-top:1px dashed var(--color-text-primary);flex-direction:column;gap:10px;padding-top:8px;display:flex}.dc-form-row{flex-direction:column;gap:4px;display:flex}.dc-form-label{letter-spacing:.5px;color:var(--color-text-muted);font-size:11px;font-weight:600}.dc-form-input{border:var(--border-brutal);background:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-md);outline:none;padding:8px 10px;font-family:inherit;font-size:13px}.dc-form-input:focus{background:var(--color-surface-container)}.dc-form-input::placeholder{color:var(--color-text-muted)}.dc-form-toggle{cursor:pointer;align-items:center;gap:10px;font-size:12px;font-weight:500;display:flex}.dc-form-toggle input{display:none}.dc-form-toggle-track{background:var(--color-surface-container-high);border:var(--border-brutal);width:36px;height:20px;transition:background .15s;position:relative}.dc-form-toggle input:checked+.dc-form-toggle-track{background:var(--color-text-primary)}.dc-form-toggle-thumb{background:var(--color-surface);width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.dc-form-toggle input:checked+.dc-form-toggle-track .dc-form-toggle-thumb{transform:translate(16px)}.dc-form-toggle-label{-webkit-user-select:none;user-select:none}.dc-form-actions{gap:8px;margin-top:4px;display:flex}.delivery-logs-page{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.dl-header{align-items:center;gap:10px;display:flex}.dl-header h2{font-family:var(--font-family-heading,"Space Grotesk", sans-serif);margin:0;font-size:20px;font-weight:600}.dl-search-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dl-search-wrap{background:var(--color-surface);border:var(--border-brutal);min-width:240px;color:var(--color-text-muted);border-radius:var(--radius-md);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.dl-search-wrap input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:13px}.dl-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.dl-btn:hover{background:var(--color-bg)}.dl-btn:disabled{opacity:.5;cursor:not-allowed}.dl-error{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.dl-empty{background:var(--color-surface);border:var(--border-brutal);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.dl-table-wrap{border:var(--border-brutal);background:var(--color-surface);border-radius:var(--radius-md);flex:1;overflow:auto}.dl-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:12px}.dl-table thead th{background:var(--color-bg);border-bottom:var(--border-brutal);font-family:var(--font-family-heading);font-size:11px;font-weight:var(--font-weight-bold);text-align:left;white-space:nowrap;z-index:10;padding:12px 10px;position:sticky;top:0}.dl-table tbody td{border-bottom:1px solid var(--color-divider);vertical-align:top;padding:10px}.dl-table tbody tr:hover{background:var(--color-bg)}.dl-table tbody tr.dl-row--error,.dl-table tbody tr.dl-row--error:hover{background:var(--color-error-bg)}.dl-col-action{align-items:center;gap:6px;display:flex}.dl-action-name{font-weight:var(--font-weight-bold);font-size:12px}.dl-company-badge{font-size:10px;font-weight:var(--font-weight-bold);background:var(--color-bg);border:var(--border-brutal);white-space:nowrap;padding:3px 8px;display:inline-block}.dl-status-badge{font-size:10px;font-weight:var(--font-weight-bold);white-space:nowrap;padding:3px 8px;display:inline-block}.dl-col-duration{color:var(--color-text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.dl-time{color:var(--color-text-secondary);white-space:nowrap;font-size:11px}.dl-expand-btn{background:var(--color-bg);border:var(--border-brutal);font-size:10px;font-weight:var(--font-weight-bold);cursor:pointer;color:var(--color-text-primary);transition:var(--transition-brutal);align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.dl-expand-btn:hover{background:var(--color-text-primary);color:var(--color-surface)}.dl-detail-row td{border-bottom:var(--border-brutal);background:var(--color-bg);padding:0}.dl-detail-panel{flex-direction:column;gap:10px;padding:12px;display:flex}.dl-detail-error{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.dl-detail-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dl-detail-block{flex-direction:column;gap:6px;display:flex}.dl-detail-label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);align-items:center;gap:6px;display:flex}.dl-detail-code{background:var(--color-surface);border:var(--border-brutal);font-family:var(--font-family-mono,monospace);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;border-radius:var(--radius-md);max-height:300px;margin:0;padding:10px;font-size:11px;overflow:auto}@media (width<=768px){.dl-table-wrap{overflow-x:auto}.dl-table{min-width:700px}.dl-detail-cols{grid-template-columns:1fr}}.coming-soon{min-height:100%;color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.coming-soon p{margin:0;font-size:14px}.create-lead-modal{flex-direction:column;gap:16px;display:flex}.clm-row{flex-direction:column;gap:6px;display:flex}.clm-row label{letter-spacing:.03em;color:var(--color-text);font-size:12px;font-weight:600}.clm-row input,.clm-row select{border:var(--border-brutal);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-sizing:border-box;outline:none;width:100%;padding:10px 12px;font-size:13px}.clm-row input:focus,.clm-row select:focus{border-color:var(--color-primary)}.clm-product-row{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.clm-product-card{border:var(--border-brutal);background:var(--color-surface);box-shadow:var(--shadow-brutal);border-radius:var(--radius-md);align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.clm-product-card-img{object-fit:cover;border:var(--border-brutal);background:var(--color-bg);flex-shrink:0;width:48px;height:48px}.clm-product-card-img-placeholder{border:var(--border-brutal);background:var(--color-bg);width:48px;height:48px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.clm-product-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.clm-product-card-name{font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clm-product-card-variant{color:var(--color-text-secondary);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.clm-product-card-remove{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-brutal);background:0 0;border:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.clm-product-card-remove:hover{background:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-text)}.clm-btn{border:var(--border-brutal);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.clm-btn:hover,.clm-btn--primary{background:var(--color-text);color:var(--color-surface)}.clm-btn--primary:hover{opacity:.9}.clm-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.clm-error{color:#c00;background:#fee;border:2px solid #c00;align-items:center;gap:6px;padding:10px 12px;font-size:12px;display:flex}.leads-list-page{flex-direction:column;flex:1;min-height:0;display:flex}.leads-list{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.leads-header-row{justify-content:flex-end;align-items:center;gap:10px;display:flex}.leads-product-variant{color:var(--color-text-secondary);letter-spacing:.02em;font-size:11px}.leads-state-message{background:var(--color-surface);border:var(--border-brutal);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.leads-state-message--error{color:var(--color-error-text);background:var(--color-error-bg)}.leads-state-message .spin{animation:1s linear infinite spin}.leads-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.leads-btn:hover{background:var(--color-bg)}.leads-btn:disabled{opacity:.5;cursor:not-allowed}.leads-table-wrap{border:var(--border-brutal);background:var(--color-surface);border-radius:var(--radius-md);flex:1;position:relative;overflow:auto}.leads-refresh-indicator{z-index:15;background:var(--color-surface);border:var(--border-brutal);font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);border-radius:var(--radius-md);align-items:center;gap:6px;padding:4px 10px;display:flex;position:absolute;top:8px;right:12px}.leads-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:12px}.leads-table thead th{background:var(--color-bg);border-bottom:var(--border-brutal);font-family:var(--font-family-heading);font-size:11px;font-weight:var(--font-weight-bold);text-align:left;white-space:nowrap;z-index:10;text-overflow:ellipsis;padding:12px 10px;position:sticky;top:0;overflow:hidden}.leads-table tbody td{border-bottom:1px solid var(--color-divider);vertical-align:top;padding:10px}.leads-table tbody tr:hover{background:var(--color-bg)}.leads-cell-primary{font-weight:var(--font-weight-bold);font-size:13px}.leads-cell-muted{color:var(--color-text-muted);font-size:12px}.leads-col-datetime{flex-direction:column;gap:2px;display:flex}.leads-cell-date{color:var(--color-text-primary);font-size:12px}.leads-cell-time{color:var(--color-text-muted);font-size:11px}.leads-state-badge{font-size:10px;font-weight:var(--font-weight-bold);white-space:nowrap;padding:5px 10px;display:inline-block}.leads-source-badge{font-size:10px;font-weight:var(--font-weight-bold);background:var(--color-bg);border:var(--border-brutal);white-space:nowrap;padding:3px 8px;display:inline-block}.leads-flag-badge{font-size:10px;font-weight:var(--font-weight-bold);background:var(--color-bg);border:var(--border-brutal);color:var(--color-text-muted);white-space:nowrap;padding:3px 8px;display:inline-block}.leads-flag-badge.flagged{background:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-text)}.leads-convert-badge{font-size:10px;font-weight:var(--font-weight-bold);background:var(--color-bg);border:var(--border-brutal);color:var(--color-text-muted);white-space:nowrap;padding:3px 8px;display:inline-block}.leads-convert-badge.converted{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-text)}.leads-actions-grid{grid-template-columns:repeat(2,32px);grid-auto-rows:32px;gap:4px;display:grid}.leads-action-square{background:var(--color-bg);border:var(--border-brutal);width:32px;height:32px;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);justify-content:center;align-items:center;padding:0;display:flex}.leads-action-square:hover{background:var(--color-primary);color:var(--color-surface)}.leads-action-square:disabled{opacity:.35;cursor:not-allowed}.leads-action-square:disabled:hover{background:var(--color-bg);color:var(--color-text-primary)}.leads-action-square--primary{background:var(--color-info-bg);color:var(--color-info-text)}.leads-action-square--primary:hover{background:var(--color-info-text);color:var(--color-surface)}.leads-action-square--danger{background:var(--color-error-bg);color:var(--color-error-text)}.leads-action-square--danger:hover{background:var(--color-error-text);color:var(--color-surface)}.leads-col-contact{flex-direction:column;gap:4px;display:flex}.leads-cell-name{font-weight:var(--font-weight-bold);color:var(--color-text-primary);align-items:center;gap:6px;font-size:13px;display:flex}.leads-cell-name svg{color:var(--color-text-muted);flex-shrink:0}.leads-cell-phone{color:var(--color-text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.leads-cell-phone svg{flex-shrink:0}.leads-col-location{flex-direction:column;gap:4px;display:flex}.leads-cell-address{color:var(--color-text-primary);align-items:center;gap:6px;font-size:12px;display:flex}.leads-cell-address svg{color:var(--color-text-muted);flex-shrink:0}.leads-cell-city{color:var(--color-text-muted);font-size:11px}.leads-flag-badge{cursor:pointer}.leads-flag-tooltip{z-index:9999;background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;gap:6px;min-width:220px;padding:10px;display:flex;position:fixed;box-shadow:4px 4px #00000026}.leads-flag-tooltip-row{border-bottom:1px solid var(--color-divider);flex-direction:column;gap:2px;padding-bottom:6px;display:flex}.leads-flag-tooltip-row:last-child{border-bottom:none;padding-bottom:0}.leads-flag-tooltip-type{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-error-text)}.leads-flag-tooltip-detail{color:var(--color-text-primary);font-size:11px}.leads-product-cell{cursor:help;flex-direction:column;gap:2px;display:flex}.leads-product-name{font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:12px}.leads-product-price{color:var(--color-primary);font-size:11px;font-weight:var(--font-weight-bold)}.leads-product-card{z-index:9999;background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;width:200px;display:flex;position:fixed;box-shadow:4px 4px #00000026}.leads-product-card-img-wrap{border-bottom:var(--border-brutal);background:var(--color-bg);width:100%;height:120px;overflow:hidden}.leads-product-card-img{object-fit:cover;width:100%;height:100%}.leads-product-card-body{flex-direction:column;gap:4px;padding:10px;display:flex}.leads-product-card-name{font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:12px}.leads-product-card-variant{color:var(--color-text-muted);font-size:10px}.leads-product-card-price{font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-primary)}.leads-toasts{z-index:100;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.leads-toast{background:var(--color-surface);border:var(--border-brutal);pointer-events:auto;border-radius:var(--radius-md);align-items:center;gap:10px;min-width:240px;max-width:320px;padding:10px 14px;font-size:12px;font-weight:600;display:flex;box-shadow:4px 4px #00000026}.leads-toast--error{background:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-text)}.leads-toast--success{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-primary)}.leads-toast-msg{flex:1}.leads-toast-close{cursor:pointer;width:22px;height:22px;color:inherit;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.leads-toast-close:hover{opacity:1}.leads-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.leads-search-wrap{background:var(--color-surface);border:var(--border-brutal);min-width:200px;color:var(--color-text-muted);border-radius:var(--radius-md);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.leads-search-wrap input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:13px}.leads-select{background:var(--color-surface);border:var(--border-brutal);font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);outline:none;padding:8px 12px}.leads-btn--square{justify-content:center;width:34px;height:34px;padding:8px}.leads-pagination{justify-content:center;align-items:center;gap:12px;padding:8px 0;display:flex}.leads-page-info{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);white-space:nowrap}@media (width<=768px){.leads-table-wrap{overflow-x:auto}.leads-table{min-width:900px}}.leads-settings-page{flex-direction:column;flex:1;min-height:0;display:flex}.leads-settings{flex-direction:column;flex:1;gap:24px;min-height:0;display:flex}.leads-settings-state-message{background:var(--color-surface);border:var(--border-brutal);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.leads-settings-state-message--error{color:var(--color-error-text);background:var(--color-error-bg)}.leads-settings-state-message .spin{animation:1s linear infinite spin}.leads-settings-section{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);padding:24px}.leads-settings-section h2{font-family:var(--font-family-heading);font-size:1.125rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:20px}.leads-settings-row{margin-bottom:20px}.leads-settings-row:last-child{margin-bottom:0}.leads-settings-label{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);margin-bottom:8px;display:block}.leads-settings-select{background:var(--color-bg);border:var(--border-brutal);color:var(--color-text-primary);cursor:pointer;min-width:240px;transition:var(--transition-brutal);outline:none;padding:10px 12px;font-size:13px}.leads-settings-select:focus{border-color:var(--color-primary)}.leads-settings-hint{color:var(--color-text-muted);margin-top:6px;font-size:12px}.leads-settings-toggle{align-items:center;gap:10px;display:flex}.leads-settings-toggle input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.leads-settings-toggle-label{font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.leads-settings-actions{align-items:center;gap:12px;margin-top:8px;display:flex}.leads-settings-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:10px 18px;display:inline-flex}.leads-settings-btn:hover{background:var(--color-bg)}.leads-settings-btn:disabled{opacity:.5;cursor:not-allowed}.leads-settings-btn--primary{background:var(--color-primary);color:var(--color-surface)}.leads-settings-btn--primary:hover{background:var(--color-primary-hover)}.leads-settings-success{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-success-text);align-items:center;gap:6px;display:inline-flex}.leads-states-table-wrap{border:var(--border-brutal);background:var(--color-bg);overflow:auto}.leads-states-table{border-collapse:collapse;width:100%;font-size:12px}.leads-states-table thead th{background:var(--color-surface);border-bottom:var(--border-brutal);font-family:var(--font-family-heading);font-size:11px;font-weight:var(--font-weight-bold);text-align:left;white-space:nowrap;z-index:10;padding:12px 10px;position:sticky;top:0}.leads-states-table tbody td{border-bottom:1px solid var(--color-divider);vertical-align:middle;padding:10px}.leads-states-table tbody tr:hover{background:var(--color-surface)}.leads-states-badge{font-size:10px;font-weight:var(--font-weight-bold);white-space:nowrap;padding:5px 10px;display:inline-block}.leads-states-cell-muted{color:var(--color-text-muted);font-size:12px}.leads-states-yesno{font-size:10px;font-weight:var(--font-weight-bold);background:var(--color-bg);border:var(--border-brutal);color:var(--color-text-muted);white-space:nowrap;padding:3px 8px;display:inline-block}.leads-states-yesno.yes{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-text)}.leads-settings-mode-guide{background:var(--color-bg);border:var(--border-brutal);border-radius:var(--radius-md);margin-bottom:20px;padding:14px}.leads-settings-mode-guide-header{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:10px;display:flex}.leads-settings-mode-guide-list{flex-direction:column;gap:8px;display:flex}.leads-settings-mode-guide-item{border-radius:var(--radius-sm);transition:var(--transition-brutal);border:1px solid #0000;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.leads-settings-mode-guide-item.active{background:var(--color-surface);border-color:var(--color-primary)}.leads-settings-mode-guide-name{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.leads-settings-mode-guide-desc{color:var(--color-text-muted);font-size:11px;line-height:1.4}@media (width<=768px){.leads-settings-section{padding:16px}.leads-states-table-wrap{overflow-x:auto}.leads-states-table{min-width:600px}}.copy-btn{background:var(--color-bg);border:var(--border-brutal);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.copy-btn:hover{background:var(--color-primary);color:var(--color-surface)}.api-page{flex:1;gap:0;min-height:0;padding:0;display:flex;position:relative}.api-main{flex-direction:column;flex:1;min-width:0;display:flex}.api-empty{height:100%;color:var(--color-text-muted);font-size:14px;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:flex}.api-section{border-bottom:var(--border-brutal);padding:32px}.api-section:last-child{border-bottom:none}.api-section h2{font-family:var(--font-family-heading);font-size:1.25rem;font-weight:var(--font-weight-bold);margin-bottom:20px}.api-section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.api-section-header h2{margin-bottom:0}.api-shop-id-row{background:var(--color-bg);border:var(--border-brutal);align-items:center;gap:12px;padding:14px 18px;display:flex}.api-shop-id-row svg{color:var(--color-text-muted);flex-shrink:0}.api-shop-id-value{color:var(--color-text-primary);word-break:break-all;font-family:monospace;font-size:14px}.api-create-btn{background:var(--color-primary);border:var(--border-brutal);color:var(--color-surface);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);align-items:center;gap:8px;padding:10px 18px;display:flex}.api-create-btn:hover{background:var(--color-primary-hover)}.api-create-btn:disabled{opacity:.6;cursor:not-allowed}.api-reveal-banner{background:var(--color-warning-bg);color:var(--color-warning-text);border:var(--border-brutal);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 18px;display:flex}.api-reveal-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.api-reveal-content strong{font-size:12px}.api-reveal-code{font-family:monospace;font-size:13px;font-weight:var(--font-weight-bold);word-break:break-all;color:var(--color-text-primary)}.api-reveal-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.api-reveal-close{width:32px;height:32px;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);background:0 0;border:2px solid #0000;justify-content:center;align-items:center;display:flex}.api-reveal-close:hover{background:var(--color-error-bg);color:var(--color-error-text)}.api-error{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);font-size:12px;font-weight:var(--font-weight-bold);align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.api-loading{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);margin-bottom:16px}.api-keys-list{flex-direction:column;gap:8px;display:flex}.api-key-row{background:var(--color-bg);border:var(--border-brutal);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.api-key-info{flex-wrap:wrap;flex:1;align-items:center;gap:16px;min-width:0;display:flex}.api-key-name{font-size:12px;font-weight:var(--font-weight-bold);min-width:100px}.api-key-role{font-size:10px;font-weight:var(--font-weight-bold);background:var(--color-surface);border:var(--border-brutal-thin);color:var(--color-text-muted);padding:2px 8px}.api-key-value{color:var(--color-text-secondary);flex:1;font-family:monospace;font-size:13px}.api-key-date{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.api-key-actions{align-items:center;gap:8px;display:flex}.api-key-delete{width:32px;height:32px;color:var(--color-error-text);cursor:pointer;transition:var(--transition-brutal);background:0 0;border:2px solid #0000;justify-content:center;align-items:center;display:flex}.api-key-delete:hover{background:var(--color-error-bg)}.api-empty-row{text-align:center;font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);background:var(--color-bg);border:var(--border-brutal);padding:24px}.api-test-key{flex-direction:column;gap:8px;margin-top:12px;display:flex}.api-test-key-row{align-items:stretch;gap:8px;display:flex}.api-test-key-input{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);border-radius:var(--radius-md);outline:none;flex:1;padding:10px 12px;font-family:monospace;font-size:13px}.api-test-key-input::placeholder{color:var(--color-text-muted);font-family:var(--font-family-body)}.api-test-key-btn{background:var(--color-surface);border:var(--border-brutal);font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);white-space:nowrap;border-radius:var(--radius-md);align-items:center;gap:6px;padding:10px 16px;display:inline-flex}.api-test-key-btn:hover{background:var(--color-primary);color:var(--color-surface)}.api-test-key-btn:disabled{opacity:.5;cursor:not-allowed}.api-test-key-btn:disabled:hover{background:var(--color-surface);color:var(--color-text-primary)}.api-test-key-result{font-size:12px;font-weight:var(--font-weight-bold);border:var(--border-brutal);align-items:center;gap:8px;padding:10px 14px;display:flex}.api-test-key-result.valid{background:var(--color-success-bg);color:var(--color-success-text)}.api-test-key-result.invalid{background:var(--color-error-bg);color:var(--color-error-text)}.api-warning{background:var(--color-warning-bg);color:var(--color-warning-text);border:var(--border-brutal);font-size:12px;font-weight:var(--font-weight-bold);align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;display:flex}.api-doc-card{background:var(--color-bg);border:var(--border-brutal)}.api-doc-toggle{background:var(--color-surface);width:100%;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);text-align:left;border:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.api-doc-toggle:hover{background:var(--color-bg)}.api-doc-toggle-left{flex-wrap:wrap;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.api-doc-method{font-size:11px;font-weight:var(--font-weight-bold);background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-shrink:0;padding:4px 10px}.api-doc-method--post{background:var(--color-info-bg);color:var(--color-info-text)}.api-doc-path{font-family:monospace;font-size:13px;font-weight:var(--font-weight-bold);flex-shrink:0}.api-doc-toggle-title{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}.api-doc-body{border-top:var(--border-brutal);padding:20px}.api-doc-desc{color:var(--color-text-muted);margin-bottom:20px;font-size:13px}.api-code-block{border:var(--border-brutal);background:var(--color-surface);border-radius:var(--radius-md);margin-top:16px}.api-code-block:first-child{margin-top:0}.api-code-header{border-bottom:var(--border-brutal);background:var(--color-bg);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.api-code-header span{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.api-code-pre{white-space:pre-wrap;word-break:break-word;color:var(--color-text-primary);padding:16px;font-family:Courier New,monospace;font-size:12px;line-height:1.6;overflow-x:auto}.api-modal-body{flex-direction:column;gap:16px;display:flex}.api-modal-label{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}.api-modal-input{background:var(--color-bg);border:var(--border-brutal);color:var(--color-text-primary);outline:none;padding:12px 16px;font-size:14px}.api-modal-input:focus{border-color:var(--color-primary)}.api-modal-actions{gap:8px;margin-top:8px;display:flex}.api-modal-btn{background:var(--color-bg);border:var(--border-brutal);color:var(--color-text-primary);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);padding:10px 18px}.api-modal-btn:hover,.api-modal-btn--primary{background:var(--color-primary);color:var(--color-surface)}.api-modal-btn--primary:hover{background:var(--color-primary-hover)}.api-modal-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.api-section{padding:24px 16px}.api-key-row{flex-direction:column;align-items:flex-start}.api-key-info{flex-direction:column;align-items:flex-start;gap:4px;width:100%}.api-reveal-banner{flex-direction:column;align-items:flex-start}}.lw-product-row{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.lw-product-card{border:var(--border-brutal);background:var(--color-surface);box-shadow:var(--shadow-brutal);border-radius:var(--radius-md);align-items:center;gap:12px;width:100%;max-width:360px;padding:10px 12px;display:flex}.lw-product-card-img{object-fit:cover;border:var(--border-brutal);background:var(--color-bg);flex-shrink:0;width:48px;height:48px}.lw-product-card-img-placeholder{border:var(--border-brutal);background:var(--color-bg);width:48px;height:48px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lw-product-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lw-product-card-name{font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lw-product-card-variant{color:var(--color-text-secondary);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lw-product-card-remove{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-brutal);background:0 0;border:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lw-product-card-remove:hover{background:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-text)}.widget-builder{background:var(--color-bg);flex-direction:column;flex:1;gap:24px;min-height:0;padding:24px;display:flex;overflow:auto}.lw-empty{height:100%;color:var(--color-text-muted);font-size:14px;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:flex}.lw-section{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;gap:16px;padding:24px;display:flex}.lw-section-title{font-family:var(--font-family-heading);font-size:1rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);align-items:center;gap:8px;margin:0;display:flex}.lw-loading{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.lw-error{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);font-size:12px;font-weight:var(--font-weight-bold);align-items:center;gap:8px;padding:12px 16px;display:flex}.lw-code-box{background:var(--color-bg);border:var(--border-brutal);align-items:center;gap:12px;padding:16px 20px;display:flex}.lw-code-value{font-family:monospace;font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);word-break:break-all;flex:1}.lw-btn-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lw-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.lw-btn:hover{background:var(--color-bg)}.lw-btn--primary{background:var(--color-primary);color:var(--color-surface)}.lw-btn--primary:hover{background:var(--color-primary-hover)}.lw-btn:disabled{opacity:.6;cursor:not-allowed}.lw-spin{animation:1s linear infinite lw-spin}@keyframes lw-spin{to{transform:rotate(360deg)}}.lw-domain-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lw-label{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);align-items:center;gap:6px;display:flex}.lw-tip{width:16px;height:16px;color:var(--color-text-muted);cursor:help;justify-content:center;align-items:center;transition:color .15s;display:inline-flex;position:relative}.lw-tip:hover{color:var(--color-primary)}.lw-tip:after{content:attr(data-tip);background:var(--color-surface);width:max-content;max-width:240px;color:var(--color-text-primary);border:var(--border-brutal);text-transform:none;pointer-events:none;opacity:0;visibility:hidden;z-index:9999;border-radius:var(--radius-md);padding:8px 10px;font-size:11px;font-weight:500;line-height:1.4;transition:opacity .15s,visibility .15s;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.lw-tip:hover:after{opacity:1;visibility:visible}.lw-input{background:var(--color-bg);border:var(--border-brutal);color:var(--color-text-primary);outline:none;flex:1;min-width:240px;padding:8px 12px;font-size:13px}.lw-input:focus{border-color:var(--color-primary)}.lw-hint{color:var(--color-text-muted);margin:0;font-size:12px}.lw-hint strong{color:var(--color-text-primary)}.lw-tabs{border-bottom:var(--border-brutal);gap:0;display:flex}.lw-tab{border:none;border-right:var(--border-brutal-thin);color:var(--color-text-secondary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);background:0 0;align-items:center;gap:6px;padding:10px 16px;display:inline-flex}.lw-tab:hover{background:var(--color-bg);color:var(--color-text-primary)}.lw-tab.active{background:var(--color-primary);color:var(--color-surface)}.lw-tab-content{padding-top:16px}.lw-widget-layout{flex-direction:column;gap:16px;display:flex}.lw-raw-layout{flex-direction:row;align-items:stretch;gap:16px;display:flex}.lw-editor-row{align-items:flex-start;gap:16px;display:flex}.lw-settings-col,.lw-preview-col,.lw-code-col{flex:1 1 0;min-width:260px}.lw-settings-col{flex-direction:column;gap:12px;display:flex}.lw-settings-title{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);margin-bottom:2px}.lw-theme-toggle{gap:8px;display:flex}.lw-theme-btn{background:var(--color-bg);border:var(--border-brutal);color:var(--color-text-secondary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.lw-theme-btn:hover{background:var(--color-surface);color:var(--color-text-primary)}.lw-theme-btn.active{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-text-primary)}.lw-color-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.lw-color-field{background:var(--color-bg);border:var(--border-brutal);cursor:pointer;align-items:center;gap:8px;padding:8px 10px;display:flex}.lw-color-field span{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);flex:1}.lw-color-field input[type=color]{border:var(--border-brutal);cursor:pointer;background:0 0;width:28px;height:28px;padding:0}.lw-color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.lw-color-field input[type=color]::-webkit-color-swatch{border:none}.lw-slider-row{background:var(--color-bg);border:var(--border-brutal);align-items:center;gap:10px;padding:8px 10px;display:flex}.lw-slider-row .lw-label{flex-shrink:0;min-width:90px}.lw-slider-row input[type=range]{min-width:80px;accent-color:var(--color-primary);flex:1}.lw-slider-value{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-align:right;min-width:32px}.lw-widget-pane,.lw-raw-pane{flex-direction:column;gap:16px;display:flex}.lw-field-checks{flex-wrap:wrap;gap:12px;display:flex}.lw-check-row{background:var(--color-bg);border:var(--border-brutal);cursor:pointer;font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);align-items:center;gap:8px;padding:8px 12px;display:flex}.lw-check-row input{accent-color:var(--color-primary)}.lw-source-row{border-top:1px solid var(--color-border-subtle,#ffffff14);flex-direction:column;align-items:flex-start;gap:8px;padding-top:8px;display:flex}.lw-preview-box{border:var(--border-brutal);background:var(--color-bg)}.lw-preview-header{border-bottom:var(--border-brutal);font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);align-items:center;gap:6px;padding:10px 12px;display:flex}.lw-preview-canvas{justify-content:center;padding:24px;display:flex}.lw-preview-form{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;gap:12px;width:100%;max-width:360px;padding:24px;display:flex}.lw-preview-field{flex-direction:column;gap:4px;display:flex}.lw-preview-field label{font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.03em;color:var(--color-text-primary)}.lw-preview-field input{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);box-sizing:border-box;border-radius:var(--radius-md);outline:none;width:100%;padding:10px 12px;font-size:13px}.lw-preview-submit{background:var(--color-primary);color:var(--color-surface);border:var(--border-brutal);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;margin-top:4px;padding:12px 16px}.lw-code-block{border:var(--border-brutal);background:var(--color-surface);border-radius:var(--radius-md)}.lw-code-header{border-bottom:var(--border-brutal);background:var(--color-bg);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.lw-code-actions{align-items:center;gap:8px;display:flex}.lw-code-header span{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.lw-copy-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.lw-copy-btn:hover{background:var(--color-primary);color:var(--color-surface)}.lw-copy-btn.copied{background:var(--color-success-bg);color:var(--color-success-text)}.lw-code-pre{color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-all;margin:0;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.6;transition:max-height .3s;overflow-x:auto}.lw-code-pre.collapsed{max-height:96px;overflow:hidden}.lw-code-pre.expanded{max-height:2000px}.lw-toggle-btn{background:var(--color-bg);color:var(--color-text-muted)}@media (width<=768px){.widget-builder{padding:16px}.lw-editor-row,.lw-raw-layout{flex-direction:column}.lw-settings-col,.lw-preview-col,.lw-code-col{flex:auto;min-width:auto}.lw-domain-row,.lw-source-row{flex-direction:column;align-items:flex-start}.lw-input{width:100%;min-width:auto}.lw-preview-canvas{justify-content:center}}.analytics-page{background:var(--color-bg);flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px;display:flex;overflow:auto}.analytics-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.analytics-header h2{font-family:var(--font-family-heading);flex:1;margin:0;font-size:20px;font-weight:600}.analytics-loading,.analytics-error{justify-content:center;align-items:center;gap:10px;padding:40px;font-size:14px;display:flex}.analytics-error{color:var(--color-error-text);background:var(--color-error-bg);border:var(--border-brutal)}.analytics-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;width:100%;display:grid}.analytics-card{background:var(--color-surface);border:var(--border-brutal);transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:12px;padding:16px;display:flex}.analytics-card:hover{box-shadow:2px 2px 0px var(--color-text-primary);transform:translate(-2px,-2px)}.analytics-card-icon{width:36px;height:36px;color:var(--color-surface);flex-shrink:0;justify-content:center;align-items:center;display:flex}.analytics-card-body{flex-direction:column;gap:2px;display:flex}.analytics-card-value{font-family:var(--font-family-heading);font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.analytics-card-label{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.analytics-section{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.analytics-section-title{font-family:var(--font-family-heading);font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.analytics-chart-wrap{width:100%;height:220px}.analytics-chart-tooltip{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);padding:8px 12px;font-size:12px}.analytics-chart-tooltip-label{font-weight:var(--font-weight-bold);color:var(--color-text-muted);margin-bottom:4px;font-size:10px}.analytics-chart-tooltip-row{align-items:center;gap:6px;display:flex}.analytics-chart-tooltip-dot{width:8px;height:8px}.analytics-chart-tooltip-name{color:var(--color-text-secondary);font-weight:600}.analytics-chart-tooltip-value{font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-left:auto}.analytics-legend{border-top:1px solid var(--color-divider);gap:16px;padding-top:8px;display:flex}.analytics-legend-item{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);align-items:center;gap:6px;display:flex}.analytics-legend-dot{width:10px;height:10px}.analytics-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=1024px){.analytics-grid{grid-template-columns:1fr}}.analytics-table{flex-direction:column;gap:0;max-height:320px;display:flex;overflow-y:auto}.analytics-table-row{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.analytics-table-row:last-child{border-bottom:none}.analytics-table-cell{color:var(--color-text-primary);font-size:12px}.analytics-table-cell--muted{color:var(--color-text-muted);font-size:11px}.analytics-table-cell--value{font-weight:var(--font-weight-bold)}.analytics-empty{color:var(--color-text-muted);justify-content:center;align-items:center;gap:8px;padding:24px;font-size:13px;font-weight:600;display:flex}.returns-overview-page{background:var(--color-bg);flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px;display:flex;overflow:auto}.ro-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ro-header h2{font-family:var(--font-family-heading);flex:1;margin:0;font-size:20px;font-weight:600}.ro-loading,.ro-error{justify-content:center;align-items:center;gap:10px;padding:40px;font-size:14px;display:flex}.ro-error{color:var(--color-error-text);background:var(--color-error-bg);border:var(--border-brutal)}.ro-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;width:100%;display:grid}.ro-card{background:var(--color-surface);border:var(--border-brutal);transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:12px;padding:16px;display:flex}.ro-card:hover{box-shadow:2px 2px 0px var(--color-text-primary);transform:translate(-2px,-2px)}.ro-card-icon{width:36px;height:36px;color:var(--color-surface);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ro-card-body{flex-direction:column;gap:2px;display:flex}.ro-card-value{font-family:var(--font-family-heading);font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.ro-card-label{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.ro-section{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.ro-section-title{font-family:var(--font-family-heading);font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.ro-chart-wrap{width:100%;height:220px}.ro-chart-tooltip{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);padding:8px 12px;font-size:12px}.ro-chart-tooltip-label{font-weight:var(--font-weight-bold);color:var(--color-text-muted);margin-bottom:4px;font-size:10px}.ro-chart-tooltip-row{align-items:center;gap:6px;display:flex}.ro-chart-tooltip-dot{width:8px;height:8px}.ro-chart-tooltip-name{color:var(--color-text-secondary);font-weight:600}.ro-chart-tooltip-value{font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-left:auto}.ro-chart-legend{border-top:1px solid var(--color-divider);gap:16px;padding-top:8px;display:flex}.ro-legend-item{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);align-items:center;gap:6px;display:flex}.ro-legend-dot{width:10px;height:10px}.ro-legend-dot.returned,.ro-legend-dot.refused{background:var(--color-error-dot)}.ro-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=1024px){.ro-grid{grid-template-columns:1fr}}.ro-reasons{flex-direction:column;gap:8px;display:flex}.ro-reason-row{align-items:center;gap:8px;display:flex}.ro-reason-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:140px;font-size:12px;font-weight:600;overflow:hidden}.ro-reason-bar-wrap{background:var(--color-bg);border:var(--border-brutal-thin);flex:1;height:8px}.ro-reason-bar{background:var(--color-primary);height:100%;transition:width .3s}.ro-reason-count{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-align:right;flex-shrink:0;width:28px}.ro-recent{flex-direction:column;gap:0;max-height:320px;display:flex;overflow-y:auto}.ro-recent-row{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.ro-recent-row:last-child{border-bottom:none}.ro-recent-left{flex-direction:column;gap:4px;display:flex}.ro-recent-order{font-family:var(--font-family-mono);color:var(--color-text-primary);background:var(--color-bg);border:var(--border-brutal);cursor:pointer;width:fit-content;padding:2px 6px;font-size:11px;display:inline-block}.ro-recent-order:hover{background:var(--color-text-primary);color:var(--color-surface)}.ro-recent-states{align-items:center;gap:4px;display:flex}.ro-recent-state{font-size:9px;font-weight:var(--font-weight-bold);color:var(--color-surface);padding:2px 6px}.ro-recent-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.ro-recent-reason{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:11px;overflow:hidden}.ro-recent-price{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.ro-recent-time{color:var(--color-text-muted);align-items:center;gap:4px;font-size:10px;display:flex}.ro-empty{color:var(--color-text-muted);justify-content:center;align-items:center;gap:8px;padding:24px;font-size:13px;font-weight:600;display:flex}.coming-soon{text-align:center;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px 24px;display:flex}.coming-soon svg{color:var(--color-primary);opacity:.6}.coming-soon h2{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.coming-soon p{max-width:320px;margin:0;font-size:14px}.rs-page{background:var(--color-bg);flex-direction:column;gap:16px;min-height:0;padding:16px;display:flex;overflow:auto}.rs-header{border-bottom:2px solid var(--color-divider);flex-direction:column;gap:4px;padding-bottom:8px;display:flex}.rs-title{font-family:var(--font-family-heading);font-size:1.25rem;font-weight:var(--font-weight-bold);align-items:center;gap:8px;display:flex}.rs-subtitle{color:var(--color-text-muted);margin:0;font-size:12px}.rs-cards{flex-direction:column;gap:8px;display:flex}.rs-card{background:var(--color-surface);border:var(--border-brutal);text-align:left;cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);flex-direction:row;align-items:center;gap:16px;width:100%;padding:12px 16px;display:flex}.rs-card:hover{transform:translateY(-2px)}.rs-card--loading{opacity:.8}.rs-card--error{background:var(--color-error-bg);border-color:var(--color-error-text)}.rs-card--error:hover{background:var(--color-error-bg)}.rs-card--success:hover{background:var(--color-bg)}.rs-card-loading{color:var(--color-text-muted);align-items:center;gap:10px;padding:8px;font-size:13px;font-weight:600;display:flex}.rs-card-loading .spin{animation:1s linear infinite spin}.rs-card-error{color:var(--color-error-text);align-items:center;gap:10px;padding:8px;display:flex}.rs-card-barcode{font-family:monospace;font-size:13px;font-weight:var(--font-weight-bold)}.rs-card-msg{font-size:11px;font-weight:var(--font-weight-bold)}.rs-card-success{flex:1;align-items:center;gap:16px;display:flex}.rs-card-top{align-items:center;gap:8px;min-width:120px;display:flex}.rs-card-id{font-family:var(--font-family-heading);font-size:14px;font-weight:var(--font-weight-bold)}.rs-card-state{font-size:9px;font-weight:var(--font-weight-bold);border:var(--border-brutal);background:var(--color-primary);color:var(--color-surface);align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.rs-card-body{flex:1;align-items:center;gap:16px;display:flex}.rs-card-field{color:var(--color-text-primary);align-items:center;gap:6px;font-size:12px;display:flex}.rs-card-field svg{color:var(--color-text-muted);flex-shrink:0}.rs-card-bottom{justify-content:flex-end;align-items:center;gap:8px;min-width:100px;display:flex}.rs-card-total{font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-primary)}.rs-card-barcode-sm{color:var(--color-text-muted);font-family:monospace;font-size:10px}.returns-logs-page{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.rl-header{align-items:center;gap:10px;display:flex}.rl-header h2{font-family:var(--font-family-heading,"Space Grotesk", sans-serif);margin:0;font-size:20px;font-weight:600}.rl-hint{color:var(--color-text-muted);flex:1;font-size:12px}.rl-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rl-select{background:var(--color-surface);border:var(--border-brutal);height:36px;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);outline:none;min-width:180px;padding:0 10px;font-size:12px;font-weight:600}.rl-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.rl-btn:hover{background:var(--color-bg)}.rl-btn:disabled{opacity:.5;cursor:not-allowed}.rl-error{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.rl-empty{background:var(--color-surface);border:var(--border-brutal);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.rl-table-wrap{border:var(--border-brutal);background:var(--color-surface);border-radius:var(--radius-md);flex:1;overflow:auto}.rl-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:12px}.rl-table thead th{background:var(--color-bg);border-bottom:var(--border-brutal);font-family:var(--font-family-heading);font-size:11px;font-weight:var(--font-weight-bold);text-align:left;white-space:nowrap;z-index:10;padding:12px 10px;position:sticky;top:0}.rl-table tbody td{border-bottom:1px solid var(--color-divider);vertical-align:middle;padding:10px}.rl-table tbody tr:hover{background:var(--color-bg)}.rl-order-id{font-family:var(--font-family-mono,monospace);color:var(--color-text-primary);background:var(--color-bg);border:var(--border-brutal);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;max-width:120px;padding:3px 8px;font-size:11px;display:inline-block;overflow:hidden}.rl-order-id:hover{background:var(--color-text-primary);color:var(--color-surface)}.rl-state-badge{font-size:10px;font-weight:var(--font-weight-bold);background:var(--color-bg);border:var(--border-brutal);white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.rl-to-state{align-items:center;gap:4px;display:flex}.rl-changed-by{font-family:var(--font-family-mono,monospace);color:var(--color-text-secondary);font-size:11px}.rl-reason{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:12px;overflow:hidden}.rl-reason--empty{color:var(--color-text-muted);font-style:italic}.rl-time-cell{color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}@media (width<=768px){.rl-table-wrap{overflow-x:auto}.rl-table{min-width:800px}}.settings-page{flex-direction:column;flex:1;min-height:0;display:flex}.settings-container{flex-direction:column;flex:1;gap:24px;min-height:0;padding:24px;display:flex;overflow-y:auto}.settings-title{font-family:var(--font-family-heading);font-size:1.25rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;align-items:center;gap:10px;margin:0;display:flex}.settings-section{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);padding:24px}.settings-section h2{font-family:var(--font-family-heading);font-size:1.125rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:20px}.settings-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.settings-section-header h2{margin:0}.settings-header-actions{align-items:center;gap:8px;display:flex}.settings-state-message{background:var(--color-surface);border:var(--border-brutal);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.settings-state-message--error{color:var(--color-error-text);background:var(--color-error-bg)}.settings-state-message .spin{animation:1s linear infinite spin}.settings-row{margin-bottom:20px}.settings-row:last-child{margin-bottom:0}.settings-label{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);align-items:center;gap:6px;margin-bottom:8px;display:flex}.settings-input-wrap{align-items:center;display:flex;position:relative}.settings-input{background:var(--color-bg);border:var(--border-brutal);width:100%;color:var(--color-text-primary);transition:var(--transition-brutal);outline:none;padding:10px 12px;font-size:13px}.settings-input:focus{border-color:var(--color-primary)}.settings-input-icon{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;padding:4px;position:absolute;right:8px}.settings-select{background:var(--color-bg);border:var(--border-brutal);color:var(--color-text-primary);cursor:pointer;min-width:240px;transition:var(--transition-brutal);outline:none;padding:10px 12px;font-size:13px}.settings-select:focus{border-color:var(--color-primary)}.settings-select--small{min-width:140px;padding:6px 10px;font-size:12px}.settings-actions{align-items:center;gap:12px;margin-top:8px;display:flex}.settings-btn{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;padding:10px 18px;display:inline-flex}.settings-btn:hover{background:var(--color-bg)}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-btn--primary{background:var(--color-primary);color:var(--color-surface)}.settings-btn--primary:hover{background:var(--color-primary-hover)}.settings-btn--danger{color:var(--color-error-text);border-color:var(--color-error-text)}.settings-btn--danger:hover{background:var(--color-error-bg)}.settings-btn--small{padding:6px 12px;font-size:11px}.settings-success{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-success-text);align-items:center;gap:6px;display:inline-flex}.settings-table-wrap{border:var(--border-brutal);background:var(--color-bg);overflow:auto}.settings-table{border-collapse:collapse;width:100%;font-size:12px}.settings-table thead th{background:var(--color-surface);border-bottom:var(--border-brutal);font-family:var(--font-family-heading);font-size:11px;font-weight:var(--font-weight-bold);text-align:left;white-space:nowrap;z-index:10;padding:12px 10px;position:sticky;top:0}.settings-table tbody td{border-bottom:1px solid var(--color-divider);vertical-align:middle;padding:10px}.settings-table tbody tr:hover{background:var(--color-surface)}.settings-member{align-items:center;gap:10px;display:flex}.settings-member-info{flex-direction:column;gap:2px;display:flex}.settings-member-name{font-weight:var(--font-weight-bold);font-size:13px}.settings-member-email{color:var(--color-text-muted);font-size:11px}.settings-avatar{object-fit:cover;border:var(--border-brutal);border-radius:50%;width:28px;height:28px}.settings-avatar-placeholder{background:var(--color-primary);width:28px;height:28px;color:var(--color-surface);font-size:11px;font-weight:var(--font-weight-bold);border:var(--border-brutal);border-radius:50%;justify-content:center;align-items:center;display:flex}.settings-member-name{font-weight:var(--font-weight-bold)}.settings-usage-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.settings-usage-card{background:var(--color-bg);border:var(--border-brutal);flex-direction:column;gap:6px;padding:16px;display:flex}.settings-usage-label{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}.settings-usage-value{font-size:16px;font-weight:var(--font-weight-bold)}.settings-plans{flex-wrap:wrap;gap:16px;display:flex}.settings-plan-card{background:var(--color-bg);border:var(--border-brutal);flex-direction:column;flex:180px;gap:16px;min-width:180px;max-width:100%;padding:24px;display:flex;position:relative}.settings-plan-card.current{border-color:var(--color-primary);background:var(--color-surface)}.settings-plan-badge{font-size:10px;font-weight:var(--font-weight-bold);background:var(--color-primary);color:var(--color-surface);padding:4px 8px;position:absolute;top:12px;right:12px}.settings-plan-header{align-items:center;gap:10px;display:flex}.settings-plan-header h3{font-family:var(--font-family-heading);font-size:1rem;font-weight:var(--font-weight-bold);margin:0}.settings-plan-price{align-items:baseline;gap:2px;display:flex}.settings-plan-currency{font-size:16px;font-weight:var(--font-weight-bold)}.settings-plan-amount{font-size:32px;font-weight:var(--font-weight-bold);line-height:1}.settings-plan-period{color:var(--color-text-secondary);font-size:12px}.settings-plan-features{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.settings-plan-features li{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.settings-plan-features li svg{color:var(--color-success-text);flex-shrink:0}.settings-toggle-group{border:var(--border-brutal);display:inline-flex}.settings-toggle-btn{background:var(--color-bg);border:none;border-right:var(--border-brutal);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;color:var(--color-text-secondary);transition:var(--transition-brutal);padding:8px 14px}.settings-toggle-btn:last-child{border-right:none}.settings-toggle-btn.active{background:var(--color-primary);color:var(--color-surface)}.settings-badge{background:var(--color-success-bg);color:var(--color-success-text);margin-left:6px;padding:2px 6px;font-size:10px}.settings-notifications{flex-direction:column;display:flex}.settings-notification-row{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.settings-notification-row:last-child{border-bottom:none}.settings-notification-label{font-size:13px;font-weight:var(--font-weight-bold)}.settings-notification-channels{align-items:center;gap:16px;display:flex}.settings-channel-toggle{cursor:pointer;color:var(--color-text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.settings-channel-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.settings-toggle-row{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-info{align-items:center;gap:12px;display:flex}.settings-toggle-info svg{color:var(--color-text-secondary)}.settings-toggle-title{font-size:13px;font-weight:var(--font-weight-bold);display:block}.settings-toggle-desc{color:var(--color-text-muted);font-size:12px;display:block}.settings-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.settings-switch input{opacity:0;width:0;height:0}.settings-switch-slider{cursor:pointer;background:var(--color-bg);border:var(--border-brutal);transition:all .15s;position:absolute;inset:0}.settings-switch-slider:before{content:"";background:var(--color-text-secondary);width:16px;height:16px;transition:all .15s;position:absolute;bottom:3px;left:3px}.settings-switch input:checked+.settings-switch-slider{background:var(--color-primary);border-color:var(--color-primary)}.settings-switch input:checked+.settings-switch-slider:before{background:var(--color-surface);transform:translate(20px)}.settings-role-name{font-weight:var(--font-weight-bold);font-size:13px}.settings-table--permissions thead th{text-align:center;font-size:10px}.settings-permission-col{text-align:center;cursor:help}.settings-permission-cell{text-align:center}.settings-check{color:var(--color-success-text)}.settings-minus{color:var(--color-text-muted)}.settings-cell-muted{color:var(--color-text-muted);font-size:12px}.settings-current-plan-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.settings-plan-label{font-family:var(--font-family-heading);font-size:1rem;font-weight:var(--font-weight-bold)}.settings-plan-meta{color:var(--color-text-muted);text-transform:capitalize;font-size:12px}.settings-plan-price-inline{font-size:24px;font-weight:var(--font-weight-bold)}.settings-plan-price-inline span{color:var(--color-text-secondary);font-size:12px}.settings-plan-yearly{color:var(--color-text-muted);margin-top:-8px;font-size:11px;display:block}.settings-usage-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.settings-progress-track{background:var(--color-bg);border:var(--border-brutal);width:100%;height:8px;overflow:hidden}.settings-progress-fill{background:var(--color-primary);height:100%;transition:width .4s}.settings-progress-text{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);margin-top:6px}.settings-invoice-status,.settings-payment-status{font-size:10px;font-weight:var(--font-weight-bold);background:var(--color-bg);border:var(--border-brutal);color:var(--color-text-muted);white-space:nowrap;align-items:center;padding:3px 8px;display:inline-flex}.settings-invoice-status.paid,.settings-payment-status.succeeded{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-text)}.settings-invoice-status.open{background:var(--color-warning-bg,var(--color-warning-bg));color:var(--color-warning-text,var(--color-warning-text));border-color:var(--color-warning-text,var(--color-warning-text))}.settings-invoice-status.void,.settings-payment-status.failed{background:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-text)}.settings-payment-status.pending{background:var(--color-bg);color:var(--color-text-secondary)}.settings-linked-invoice{color:var(--color-text-secondary);align-items:center;gap:4px;font-size:12px;display:inline-flex}.settings-session-row{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.settings-session-row:last-child{border-bottom:none}.settings-session-device{font-size:13px;font-weight:var(--font-weight-bold);display:block}.settings-session-meta{color:var(--color-text-muted);font-size:12px;display:block}.settings-session-current{font-size:11px;font-weight:var(--font-weight-bold);background:var(--color-success-bg);color:var(--color-success-text);padding:4px 8px}.settings-toasts{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.settings-toast{background:var(--color-surface);border:var(--border-brutal);font-size:12px;font-weight:var(--font-weight-bold);border-radius:var(--radius-md);align-items:center;gap:10px;min-width:240px;padding:12px 16px;animation:.2s toast-in;display:flex}.settings-toast--error{background:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-text)}.settings-toast--success{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-text)}.settings-toast-close{cursor:pointer;color:inherit;background:0 0;border:none;margin-left:auto;padding:2px}.settings-invite-form{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settings-invite-form .settings-input{flex:240px;min-width:200px}.settings-invite-form .settings-select{min-width:140px}@media (width<=768px){.settings-container,.settings-section{padding:16px}.settings-plans{grid-template-columns:1fr}.settings-table-wrap{overflow-x:auto}.settings-table{min-width:600px}.settings-toasts{left:16px;right:16px}}.pp-page{background:var(--color-bg);flex-direction:column;height:100vh;display:flex}.pp-header{background:var(--color-surface);border-bottom:var(--border-brutal);justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;display:flex}.pp-header-left{align-items:baseline;gap:12px;min-width:0;display:flex}.pp-header h1{font-family:var(--font-family-heading,"Space Grotesk", sans-serif);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:600;overflow:hidden}.pp-format{color:var(--color-text-muted);white-space:nowrap;font-size:11px;font-weight:500}.pp-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.pp-zoom-group{border:var(--border-brutal);background:var(--color-surface);align-items:center;gap:4px;padding:2px 4px;display:flex}.pp-zoom-value{font-size:11px;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;text-align:center;min-width:38px}.pp-btn{font-size:12px;font-weight:600;font-family:var(--font-family-heading,"Space Grotesk", sans-serif);border:var(--border-brutal);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;border-radius:var(--radius-md);align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.pp-btn:hover:not(:disabled){background:var(--color-text-primary);color:var(--color-surface)}.pp-btn:disabled{opacity:.4;cursor:not-allowed}.pp-btn--close{background:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-text)}.pp-btn--close:hover{background:var(--color-error-text);color:var(--color-surface)}.pp-btn--icon{background:var(--color-surface);cursor:pointer;width:28px;height:28px;color:var(--color-text-primary);border:none;justify-content:center;align-items:center;display:flex}.pp-btn--icon:hover{background:var(--color-text-primary);color:var(--color-surface)}.pp-print-tip{color:var(--color-text-muted);background:var(--color-surface-container-low);border-bottom:1px solid var(--color-divider);text-align:center;padding:6px 20px;font-size:11px}.pp-canvas{flex:1;justify-content:center;padding:32px;display:flex;overflow:auto}.pp-canvas--label,.pp-canvas--page{background:radial-gradient(circle, var(--color-border-raised) 1px, transparent 1px);background-size:16px 16px;align-items:flex-start}.pp-preview-grid{gap:16px;padding-bottom:40px;display:grid}.pp-canvas--page .pp-preview-grid,.pp-canvas--label .pp-preview-grid{grid-template-columns:auto}.pp-preview-item{background:var(--color-surface);overflow:hidden;box-shadow:0 4px 16px #0000001f}.pp-preview-item--label{box-shadow:0 8px 30px #0000002e}.pp-preview-item--page{box-shadow:0 4px 20px #00000026}.pp-preview-item iframe{border:none;width:100%;height:100%;display:block}.pp-loading,.pp-error,.pp-empty{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;font-size:14px;display:flex}.pp-loading{color:var(--color-text-muted)}.pp-error{color:var(--color-error-text);text-align:center;padding:0 24px;font-weight:600}@media print{@page{margin:0;size:auto}.no-print,.pp-canvas{display:none!important}.pp-page{background:var(--color-surface);height:auto}.pp-page:after{content:"Please use the Print button above for proper page formatting";text-align:center;font-size:16px;font-family:var(--font-family-heading,"Space Grotesk", sans-serif);color:var(--color-text-primary);padding:60px 24px;display:block}}.task-layout{background:var(--color-bg);min-height:100vh;display:flex}.task-sidebar{background:var(--color-surface);border-right:var(--border-brutal);flex-direction:column;flex-shrink:0;width:56px;transition:width .2s;display:flex;overflow:hidden auto}.task-sidebar:hover{width:180px}.task-nav{flex-direction:column;flex:1;gap:4px;padding:12px 8px;display:flex}.task-nav-section{flex-direction:column;gap:4px;margin-top:10px;display:flex}.task-section-label{letter-spacing:.1em;color:var(--color-text-muted);opacity:0;visibility:hidden;white-space:nowrap;padding:6px 10px;font-size:10px;font-weight:800;transition:opacity .15s 50ms}.task-sidebar:hover .task-section-label{opacity:1;visibility:visible}.task-nav-item{width:100%;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-brutal);text-align:left;white-space:nowrap;background:0 0;border:2px solid #0000;align-items:center;gap:12px;padding:0 10px;display:flex}.task-nav-item:hover{background:var(--color-bg);color:var(--color-text-primary)}.task-nav-item.active{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-border)}.task-nav-item>svg{flex-shrink:0;width:18px;height:18px}.task-nav-item span{font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.05em;opacity:0;visibility:hidden;transition:opacity .15s 50ms}.task-sidebar:hover .task-nav-item span{opacity:1;visibility:visible}.task-sidebar-footer{border-top:var(--border-brutal);padding:10px 8px}.task-right{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.task-topbar{background:var(--color-surface);border-bottom:var(--border-brutal);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.task-topbar-left{align-items:center;gap:12px;display:flex}.task-topbar-shop{background:var(--color-primary);color:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal);font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.04em;cursor:pointer;transition:var(--transition-brutal);align-items:center;gap:6px;padding:6px 14px;display:flex}.task-topbar-shop:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.task-topbar-right{align-items:center;gap:12px;display:flex}.task-main{flex:1;min-width:0;overflow-y:auto}.task-main .page-content{padding:20px}@media (width<=768px){.task-sidebar,.task-sidebar:hover{width:56px}.task-section-label,.task-nav-item span,.task-topbar-shop span{display:none}}.task-loading{min-height:60vh;color:var(--color-text-secondary);font-family:var(--font-family-heading);justify-content:center;align-items:center;gap:12px;display:flex}.task-dashboard-header{margin-bottom:24px}.task-dashboard-header h1{font-family:var(--font-family-heading);font-size:24px;font-weight:var(--font-weight-bold);margin:0 0 4px}.task-dashboard-sub{color:var(--color-text-secondary);margin:0;font-size:13px}.task-cards{flex-direction:column;gap:24px;display:flex}.task-card-group{flex-direction:column;gap:12px;display:flex}.task-group-title{font-family:var(--font-family-heading);letter-spacing:.08em;color:var(--color-text-muted);align-items:center;gap:8px;margin:0;font-size:13px;font-weight:800;display:flex}.task-card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.task-card{background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:14px;padding:16px;display:flex}.task-card:hover{box-shadow:6px 6px 0px var(--color-text-primary);transform:translate(-2px,-2px)}.task-card-icon{border:var(--border-brutal);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.task-card-icon--blue{background:var(--color-info-bg);color:var(--color-info-text)}.task-card-icon--green{background:var(--color-success-bg);color:var(--color-success-text)}.task-card-icon--purple{background:var(--color-info-bg);color:var(--color-info-text)}.task-card-icon--orange{background:var(--color-warning-bg);color:var(--color-warning-text)}.task-card-icon--teal{background:var(--color-info-bg);color:var(--color-info-text)}.task-card-icon--red{background:var(--color-error-bg);color:var(--color-error-text)}.task-card-body{flex-direction:column;gap:2px;display:flex}.task-card-value{font-family:var(--font-family-heading);font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.task-card-label{color:var(--color-text-secondary);font-size:12px;font-weight:600}.task-empty{text-align:center;color:var(--color-text-secondary);padding:48px 20px}.task-empty-sub{color:var(--color-text-muted);font-size:13px}.cp-loading{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.cp-empty{text-align:center;color:var(--color-text-secondary);padding:2rem}.cp-meta-bar{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);gap:1.5rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.cp-meta-item{flex-direction:column;gap:.15rem;display:flex}.cp-meta-label{font-size:.65rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;color:var(--color-text-secondary)}.cp-meta-value{font-size:.9rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.cp-controls{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.cp-number-control{border:var(--border-brutal);align-items:center;gap:.5rem;padding:.25rem;display:flex}.cp-number-btn{background:var(--color-surface);border:var(--border-brutal);cursor:pointer;width:32px;height:32px;color:var(--color-text-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;transition:all .1s;display:flex}.cp-number-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.cp-number-btn:disabled{opacity:.4;cursor:not-allowed}.cp-number-value{font-weight:var(--font-weight-bold);text-align:center;min-width:2rem;font-size:.95rem}.cp-action-btn{font-size:.8rem;font-weight:var(--font-weight-bold);letter-spacing:.03em;cursor:pointer;border:var(--border-brutal);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-surface);justify-content:center;align-items:center;gap:.35rem;padding:.55rem 1rem;transition:all .1s;display:inline-flex}.cp-action-btn:hover:not(:disabled){background:var(--color-primary-active)}.cp-action-btn:disabled{opacity:.5;cursor:not-allowed}.cp-result{border:var(--border-brutal);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.6rem .75rem;font-size:.8rem;font-weight:600;display:flex}.cp-result--ok{background:var(--color-success-bg,#16a34a14);border-color:var(--color-primary);color:var(--color-primary)}.cp-result--err{background:var(--color-error-bg);border-color:var(--color-error-dot);color:var(--color-error-dot)}.cp-table-header{color:var(--color-text-secondary);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:flex}.cp-get-btn{font-size:.8rem;font-weight:var(--font-weight-bold);letter-spacing:.03em;cursor:pointer;border:var(--border-brutal);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-surface);justify-content:center;align-items:center;gap:.35rem;padding:.5rem .9rem;transition:all .1s;display:inline-flex}.cp-get-btn:hover:not(:disabled){background:var(--color-primary-active)}.cp-get-btn:disabled{opacity:.5;cursor:not-allowed}.cp-table-wrap{overflow-x:auto}.cp-table{border-collapse:collapse;width:100%;font-size:.8rem}.cp-table th,.cp-table td{border:1px solid var(--color-border);text-align:left;padding:.45rem .6rem}.cp-table th{background:var(--color-surface);font-weight:var(--font-weight-bold);letter-spacing:.03em;white-space:nowrap;font-size:.7rem}.cp-table tr:hover td{background:var(--color-hover-bg,#16a34a0a)}.cp-state-badge{font-size:.7rem;font-weight:var(--font-weight-bold);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);padding:.15rem .4rem;display:inline-block}.task-page-header{margin-bottom:20px}.task-page-header h2{font-family:var(--font-family-heading);font-size:20px;font-weight:var(--font-weight-bold);align-items:center;gap:10px;margin:0 0 4px;display:flex}.task-page-header p{color:var(--color-text-secondary);margin:0;font-size:13px}.ask-meta-bar{background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal);border-radius:var(--radius-md);gap:24px;margin-bottom:16px;padding:12px 16px;display:flex}.ask-meta-item{flex-direction:column;gap:2px;display:flex}.ask-meta-label{letter-spacing:.08em;color:var(--color-text-muted);font-size:10px;font-weight:800}.ask-meta-value{font-family:var(--font-family-heading);font-size:18px;font-weight:var(--font-weight-bold)}.ask-controls{align-items:center;gap:12px;margin-bottom:20px;display:flex}.ask-number-control{border:var(--border-brutal);align-items:center;gap:0;display:flex}.ask-number-btn{background:var(--color-surface);border:none;border-right:var(--border-brutal);width:36px;height:36px;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);justify-content:center;align-items:center;display:flex}.ask-number-btn:last-child{border-right:none;border-left:var(--border-brutal)}.ask-number-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-surface)}.ask-number-btn:disabled{opacity:.4;cursor:not-allowed}.ask-number-value{text-align:center;min-width:40px;font-family:var(--font-family-heading);font-size:16px;font-weight:var(--font-weight-bold)}.ask-action-btn{background:var(--color-primary);color:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal);font-family:var(--font-family-heading);font-size:13px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);align-items:center;gap:8px;padding:8px 16px;display:flex}.ask-action-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px #000}.ask-action-btn:disabled{opacity:.6;cursor:not-allowed}.ask-result{border:var(--border-brutal);align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.ask-result--ok{background:var(--color-bg);color:var(--color-text-primary)}.ask-result--err{background:var(--color-surface);color:var(--color-text-primary)}.ask-table-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ask-table-header span{color:var(--color-text-secondary);font-size:13px;font-weight:600}.ask-send-btn{background:var(--color-primary);color:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);align-items:center;gap:6px;padding:6px 12px;display:flex}.ask-send-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px #000}.ask-send-btn:disabled{opacity:.5;cursor:not-allowed}.ask-table-wrap{border:var(--border-brutal)}.ask-table{border-collapse:collapse;width:100%;color:var(--color-text-primary);font-size:13px}.ask-table th,.ask-table td{text-align:left;border-bottom:var(--border-brutal);padding:10px 12px}.ask-table th{background:var(--color-surface);font-weight:var(--font-weight-bold);letter-spacing:.05em;font-size:11px}.ask-table tr:last-child td{border-bottom:none}.ask-state-badge{background:var(--color-bg);border:var(--border-brutal);font-size:11px;font-weight:var(--font-weight-bold);padding:2px 8px;display:inline-block}.ask-city-badge{background:var(--color-surface);border:var(--border-brutal);font-size:11px;font-weight:var(--font-weight-bold);text-transform:capitalize;color:var(--color-text-primary);border-radius:var(--radius-md);align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.ask-empty{text-align:center;color:var(--color-text-secondary);padding:40px;font-size:13px}.task-bulk-bar{background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal);border-radius:var(--radius-md);align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;display:flex}.task-bulk-bar span{font-size:13px;font-weight:var(--font-weight-bold);flex:1}.task-bulk-btn{background:var(--color-primary);color:var(--color-surface);border:var(--border-brutal);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);align-items:center;gap:6px;padding:6px 12px;display:flex}.task-bulk-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px #000}.task-bulk-btn:disabled{opacity:.5;cursor:not-allowed}.ask-delivery-settings{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.ask-field{flex-direction:column;flex:1;gap:4px;min-width:160px;display:flex}.ask-field-label{font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.05em;color:var(--color-text-muted);align-items:center;gap:6px;display:flex}.ask-field-input{background:var(--color-surface);border:var(--border-brutal);font-family:var(--font-family-base);color:var(--color-text-primary);transition:var(--transition-brutal);border-radius:var(--radius-md);outline:none;padding:8px 10px;font-size:13px}.ask-field-input:focus{box-shadow:3px 3px #000}.ask-field-input:disabled{opacity:.5;cursor:not-allowed}.ask-ameex-badge{background:var(--color-surface);border:var(--border-brutal);font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);border-radius:var(--radius-md);align-items:center;gap:6px;margin-bottom:12px;padding:6px 12px;display:inline-flex}.ask-toggle{cursor:pointer;font-size:11px;font-weight:var(--font-weight-bold);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:inline-flex}.ask-toggle input[type=checkbox]{appearance:none;border:var(--border-brutal);background:var(--color-surface);cursor:pointer;width:32px;height:18px;transition:var(--transition-brutal);position:relative}.ask-toggle input[type=checkbox]:after{content:"";background:var(--color-text-primary);width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.ask-toggle input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-text-primary)}.ask-toggle input[type=checkbox]:checked:after{background:var(--color-surface);transform:translate(14px)}.ask-toggle-label{text-align:center;min-width:24px}.ask-city-dropdown-wrap{position:relative}.ask-city-dropdown-btn{background:var(--color-surface);border:var(--border-brutal);width:140px;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.ask-city-dropdown-btn--empty{background:var(--color-surface);color:var(--color-text-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md)}.ask-city-dropdown-btn:hover:not(:disabled){box-shadow:2px 2px #000}.ask-city-dropdown-btn:disabled{opacity:.5;cursor:not-allowed}.ask-city-dropdown-menu{z-index:9999;background:var(--color-surface);border:var(--border-brutal);width:200px;max-height:240px;box-shadow:var(--shadow-brutal);border-radius:var(--radius-md);flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);left:0}.ask-city-dropdown-search{border:none;border-bottom:var(--border-brutal);color:var(--color-text-primary);background:var(--color-surface);outline:none;padding:8px 10px;font-size:12px}.ask-city-dropdown-list{max-height:180px;overflow-y:auto}.ask-city-dropdown-empty{color:var(--color-text-muted);text-align:center;padding:10px;font-size:12px}.ask-city-dropdown-item{text-align:left;width:100%;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-brutal);background:0 0;border:none;border-bottom:1px solid #0000;padding:6px 10px;font-size:12px;display:block}.ask-city-dropdown-item:hover{background:var(--color-bg)}.ask-city-dropdown-item--active{background:var(--color-primary);color:var(--color-surface);font-weight:var(--font-weight-bold)}.tpo-filters{align-items:center;gap:10px;margin-bottom:14px;display:flex}.tpo-search-wrap{background:var(--color-surface);border:var(--border-brutal);border-radius:var(--radius-md);flex:1;align-items:center;gap:8px;padding:8px 10px;display:flex}.tpo-search-wrap input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.tpo-btn{background:var(--color-surface);border:var(--border-brutal);cursor:pointer;width:36px;height:36px;transition:var(--transition-brutal);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.tpo-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-surface)}.tpo-sort-dir{background:var(--color-surface);border:var(--border-brutal);cursor:pointer;border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tpo-error{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600}.tpo-table-wrap{border:var(--border-brutal);overflow-x:auto}.tpo-table{border-collapse:collapse;width:100%;color:var(--color-text-primary);font-size:13px}.tpo-table th,.tpo-table td{text-align:left;border-bottom:var(--border-brutal);vertical-align:middle;padding:10px 12px}.tpo-table th{background:var(--color-surface);color:var(--color-text-primary);font-weight:var(--font-weight-bold);letter-spacing:.05em;font-size:11px}.tpo-table tbody tr:last-child td{border-bottom:none}.tpo-barcode{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:12px;display:inline-block}.tpo-client-name{color:var(--color-text-primary);font-weight:600;display:block}.tpo-client-phone{color:var(--color-text-muted);font-size:11px;display:block}.tpo-state-badge{background:var(--color-bg);color:var(--color-text-primary);border:var(--border-brutal);font-size:11px;font-weight:var(--font-weight-bold);padding:2px 8px;display:inline-block}.tpo-bond-link{background:var(--color-bg);color:var(--color-text-primary);border:var(--border-brutal);font-family:var(--font-family-heading);font-size:10px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.tpo-bond-link:hover{background:var(--color-primary);color:var(--color-surface)}.tpo-bond-none{color:var(--color-text-muted);font-size:12px}.tpo-total{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.tpo-updated{color:var(--color-text-muted);white-space:nowrap;font-size:12px}.tpo-table tbody tr{transition:background .1s}.tpo-table tbody tr:hover{background:#16a34a0f}.tpo-empty{text-align:center;color:var(--color-text-secondary);padding:24px}.tpo-pagination{justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex}.tpo-pagination button{background:var(--color-surface);border:var(--border-brutal);color:var(--color-text-primary);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);padding:6px 12px}.tpo-pagination button:hover:not(:disabled){background:var(--color-primary);color:var(--color-surface)}.tpo-pagination button:disabled{opacity:.4;cursor:not-allowed}.tpo-pagination span{color:var(--color-text-muted);font-size:12px;font-weight:600}.tpb-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.tpb-status-filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tpb-status-chip{background:var(--color-surface);border:var(--border-brutal);font-family:var(--font-family-heading);font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.04em;cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);padding:5px 12px}.tpb-status-chip:hover:not(.tpb-status-chip--active){background:var(--color-bg);transform:translate(-1px,-1px);box-shadow:3px 3px #000}.tpb-status-chip--active{background:var(--color-primary);color:var(--color-surface)}.tpb-btn{background:var(--color-surface);border:var(--border-brutal);cursor:pointer;width:36px;height:36px;transition:var(--transition-brutal);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.tpb-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-surface)}.tpb-error{background:var(--color-bg);color:var(--color-text-primary);border:var(--border-brutal);margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600}.tpb-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.tpb-card{background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal);transition:var(--transition-brutal);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:14px;display:flex}.tpb-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.tpb-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.tpb-card-name{font-family:var(--font-family-heading);font-size:14px;font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tpb-card-status{letter-spacing:.05em;border:var(--border-brutal);flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:800}.tpb-card-status--draft{background:var(--color-bg);color:var(--color-text-primary)}.tpb-card-status--submitted{background:var(--color-surface);color:var(--color-text-primary)}.tpb-card-status--closed{background:var(--color-primary);color:var(--color-surface)}.tpb-card-status--cancelled{background:var(--color-bg);color:var(--color-text-primary)}.tpb-card-meta{color:var(--color-text-secondary);flex-direction:column;gap:2px;font-size:12px;display:flex}.tpb-card-counts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tpb-count{background:var(--color-bg);border:var(--border-brutal);font-size:11px;font-weight:var(--font-weight-bold);font-family:var(--font-family-heading);align-items:center;gap:4px;padding:3px 8px;display:flex}.tpb-count--preparing{background:var(--color-bg);color:var(--color-text-primary)}.tpb-count--ready{background:var(--color-surface);color:var(--color-text-primary)}.tpb-card-link{background:var(--color-bg);border:var(--border-brutal);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);justify-content:center;align-items:center;gap:6px;margin-top:auto;padding:6px;display:flex}.tpb-card-link:hover{background:var(--color-primary);color:var(--color-surface)}.tpb-empty{text-align:center;color:var(--color-text-secondary);grid-column:1/-1;padding:40px;font-size:13px}.tpbd-back{background:var(--color-surface);border:var(--border-brutal);font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.04em;cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;margin-bottom:10px;padding:6px 12px;display:flex}.tpbd-back:hover{background:var(--color-primary);color:var(--color-surface)}.tpbd-status-badge{letter-spacing:.05em;border:var(--border-brutal);margin-right:10px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.tpbd-status-badge--draft{background:var(--color-warning-bg);color:var(--color-warning-text)}.tpbd-status-badge--submitted{background:var(--color-info-bg);color:var(--color-info-text)}.tpbd-status-badge--closed{background:var(--color-success-bg);color:var(--color-success-text)}.tpbd-status-badge--cancelled{background:var(--color-error-bg);color:var(--color-error-text)}.tpbd-ref{color:var(--color-text-secondary);font-size:12px;font-weight:600}.tpbd-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.tpbd-header-meta{align-items:center;gap:10px;margin:0;display:flex}.tpbd-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tpbd-action-btn{border:var(--border-brutal);font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.04em;cursor:pointer;transition:var(--transition-brutal);align-items:center;gap:6px;padding:8px 14px;display:flex}.tpbd-action-btn:disabled{opacity:.5;cursor:not-allowed}.tpbd-action-btn--primary{background:var(--color-primary);color:var(--color-surface)}.tpbd-action-btn--primary:hover:not(:disabled){background:var(--color-surface);color:var(--color-primary)}.tpbd-action-btn--secondary{background:var(--color-surface);color:var(--color-text-primary)}.tpbd-action-btn--secondary:hover:not(:disabled){background:var(--color-primary);color:var(--color-surface)}.tpbd-print-wrap{position:relative}.tpbd-print-dropdown{background:var(--color-surface);border:var(--border-brutal);min-width:140px;box-shadow:var(--shadow-brutal);z-index:10;border-radius:var(--radius-md);flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);right:0}.tpbd-print-dropdown-item{border:none;border-bottom:var(--border-brutal);color:var(--color-text-primary);font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.04em;cursor:pointer;text-align:left;transition:var(--transition-brutal);background:0 0;padding:8px 12px}.tpbd-print-dropdown-item:last-child{border-bottom:none}.tpbd-print-dropdown-item:hover{background:var(--color-primary);color:var(--color-surface)}.tpbd-error{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600}.tpbd-loading{min-height:40vh;color:var(--color-text-secondary);font-family:var(--font-family-heading);justify-content:center;align-items:center;gap:12px;display:flex}.tpbd-empty{color:var(--color-text-secondary);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:48px;display:flex}.tpbd-scan-section{background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal);margin-bottom:20px;padding:14px}.tpbd-scan-input-wrap{align-items:center;gap:8px;display:flex}.tpbd-scan-input-wrap input{background:var(--color-bg);border:var(--border-brutal);color:var(--color-text-primary);outline:none;flex:1;padding:8px 10px;font-size:13px}.tpbd-scan-input-wrap input:focus{border-color:var(--color-primary)}.tpbd-scan-btn{background:var(--color-primary);color:var(--color-surface);border:var(--border-brutal);font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;display:flex}.tpbd-scan-btn:hover:not(:disabled){background:var(--color-surface);color:var(--color-primary)}.tpbd-scan-btn:disabled{opacity:.5;cursor:not-allowed}.tpbd-scan-badge{background:var(--color-surface);min-width:18px;height:18px;color:var(--color-primary);border:var(--border-brutal);font-size:10px;font-weight:800;font-family:var(--font-family-heading);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.tpbd-scan-msg{border:var(--border-brutal);align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.tpbd-scan-msg--success{background:var(--color-success-bg);color:var(--color-success-text)}.tpbd-scan-msg--error{background:var(--color-error-bg);color:var(--color-error-text)}.tpbd-scan-hint{color:var(--color-text-muted);margin:8px 0 0;font-size:11px}.tpbd-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.tpbd-columns{grid-template-columns:1fr}}.tpbd-column{flex-direction:column;gap:12px;display:flex}.tpbd-column-title{background:var(--color-surface);border:var(--border-brutal);font-family:var(--font-family-heading);letter-spacing:.05em;align-items:center;gap:8px;margin:0;padding:8px 12px;font-size:13px;font-weight:800;display:flex}.tpbd-column-count{background:var(--color-bg);border:var(--border-brutal);margin-left:auto;padding:2px 8px;font-size:11px}.tpbd-column-cards{flex-direction:column;gap:12px;display:flex}.tpbd-column-empty{text-align:center;color:var(--color-text-muted);border:var(--border-brutal);background:var(--color-surface);padding:24px;font-size:13px}.tpbd-order-card{background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal);transition:var(--transition-brutal);border-radius:var(--radius-md);position:relative}.tpbd-order-card--scanning{opacity:.7}.tpbd-scan-overlay{z-index:2;font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);background:#16a34a1f;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.tpbd-order-header{background:var(--color-bg);border-bottom:var(--border-brutal);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.tpbd-order-id{align-items:center;gap:8px;display:flex}.tpbd-barcode{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:12px}.tpbd-state-badge{letter-spacing:.05em;border:var(--border-brutal);background:var(--color-warning-bg);color:var(--color-warning-text);padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.tpbd-state-badge--in_production{background:var(--color-success-bg);color:var(--color-success-text)}.tpbd-state-badge--confirmed{background:var(--color-warning-bg);color:var(--color-warning-text)}.tpbd-state-badge--ready,.tpbd-state-badge--shipped{background:var(--color-info-bg);color:var(--color-info-text)}.tpbd-state-badge--delivered{background:var(--color-success-bg);color:var(--color-success-text)}.tpbd-state-badge--returned{background:var(--color-warning-bg);color:var(--color-warning-text)}.tpbd-state-badge--refused{background:var(--color-error-bg);color:var(--color-error-text)}.tpbd-order-meta{align-items:center;gap:12px;display:flex}.tpbd-order-price{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);align-items:center;gap:4px;font-size:13px;display:flex}.tpbd-order-date{color:var(--color-text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.tpbd-order-section{border-bottom:var(--border-brutal);padding:10px 12px}.tpbd-section-title{font-family:var(--font-family-heading);letter-spacing:.06em;color:var(--color-text-muted);align-items:center;gap:6px;margin:0 0 8px;font-size:11px;font-weight:800;display:flex}.tpbd-customer-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.tpbd-customer-field{flex-direction:column;gap:2px;display:flex}.tpbd-customer-field--wide{grid-column:1/-1}.tpbd-label{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.05em;color:var(--color-text-muted)}.tpbd-value{color:var(--color-text-primary);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.tpbd-value--note{color:var(--color-text-secondary);font-style:italic}.tpbd-items{flex-direction:column;gap:6px;display:flex}.tpbd-item{background:var(--color-bg);border:var(--border-brutal);justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;display:flex}.tpbd-item-main{flex-direction:column;gap:2px;min-width:0;display:flex}.tpbd-item-name{font-weight:var(--font-weight-bold);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.tpbd-item-variant{color:var(--color-text-secondary);font-weight:500}.tpbd-item-sku{color:var(--color-text-muted);font-size:10px}.tpbd-item-qty{flex-shrink:0;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.tpbd-item-price{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);text-align:right;min-width:50px}.tpbd-order-footer{background:var(--color-bg);border-bottom:var(--border-brutal);padding:10px 12px}.tpbd-totals{flex-direction:column;gap:3px;max-width:240px;margin-left:auto;display:flex}.tpbd-total-row{color:var(--color-text-secondary);justify-content:space-between;font-size:11px;display:flex}.tpbd-total-row--final{font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);border-top:var(--border-brutal);margin-top:2px;padding-top:3px}.tpbd-total-row--paid{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-primary)}.tpbd-order-note{background:var(--color-warning-bg);flex-direction:column;gap:2px;padding:8px 12px;display:flex}.tpp-search-bar{background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal);border-radius:var(--radius-md);align-items:center;gap:8px;margin-bottom:14px;padding:8px 12px;display:flex}.tpp-search-bar input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.tpp-search-bar input::placeholder{color:var(--color-text-muted)}.tpp-error{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600}.tpp-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.tpp-card{background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.tpp-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.tpp-card-image{aspect-ratio:1;background:var(--color-bg);border-bottom:var(--border-brutal);justify-content:center;align-items:center;display:flex;overflow:hidden}.tpp-card-image img{object-fit:cover;width:100%;height:100%}.tpp-card-image-fallback{color:var(--color-text-muted)}.tpp-card-body{flex-direction:column;gap:4px;padding:10px;display:flex}.tpp-card-name{font-family:var(--font-family-heading);font-size:13px;font-weight:var(--font-weight-bold);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.tpp-card-meta{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:6px;font-size:11px;display:flex}.tpp-card-stock{font-weight:var(--font-weight-bold);color:var(--color-primary)}.tpp-card-arrow{background:var(--color-bg);border-top:var(--border-brutal);color:var(--color-text-muted);transition:var(--transition-brutal);justify-content:center;align-items:center;padding:6px;display:flex}.tpp-card:hover .tpp-card-arrow{background:var(--color-primary);color:var(--color-surface)}.tpp-empty{color:var(--color-text-secondary);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:48px;display:flex}.tpp-pagination{justify-content:center;align-items:center;gap:12px;padding-top:8px;display:flex}.tpp-page-btn{background:var(--color-surface);border:var(--border-brutal);font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);padding:6px 14px}.tpp-page-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-surface)}.tpp-page-btn:disabled{opacity:.4;cursor:not-allowed}.tpp-page-info{color:var(--color-text-muted);font-size:12px;font-weight:600;font-family:var(--font-family-heading)}.tppd-back{background:var(--color-surface);border:var(--border-brutal);font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.04em;cursor:pointer;transition:var(--transition-brutal);border-radius:var(--radius-md);align-items:center;gap:6px;margin-bottom:10px;padding:6px 12px;display:flex}.tppd-back:hover{background:var(--color-primary);color:var(--color-surface)}.tppd-loading{min-height:40vh;color:var(--color-text-secondary);font-family:var(--font-family-heading);justify-content:center;align-items:center;gap:12px;display:flex}.tppd-error{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600}.tppd-hero{background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal);border-radius:var(--radius-md);grid-template-columns:200px 1fr;gap:16px;margin-bottom:20px;padding:14px;display:grid}@media (width<=600px){.tppd-hero{grid-template-columns:1fr}}.tppd-image{aspect-ratio:1;background:var(--color-bg);border:var(--border-brutal);justify-content:center;align-items:center;display:flex;overflow:hidden}.tppd-image img{object-fit:cover;width:100%;height:100%}.tppd-image-fallback{color:var(--color-text-muted)}.tppd-info{flex-direction:column;gap:12px;display:flex}.tppd-field{flex-direction:column;gap:2px;display:flex}.tppd-label{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.05em;color:var(--color-text-muted)}.tppd-value{color:var(--color-text-primary);font-size:13px;font-weight:600}.tppd-value--highlight{color:var(--color-primary);font-size:18px;font-family:var(--font-family-heading)}.tppd-stats{gap:16px;margin-top:auto;display:flex}.tppd-stat{flex-direction:column;gap:2px;display:flex}.tppd-section-title{background:var(--color-surface);border:var(--border-brutal);font-family:var(--font-family-heading);letter-spacing:.05em;border-radius:var(--radius-md);align-items:center;gap:8px;margin:0 0 12px;padding:8px 12px;font-size:13px;font-weight:800;display:flex}.tppd-variants{flex-direction:column;gap:10px;display:flex}.tppd-variant-card{background:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal);transition:var(--transition-brutal);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.tppd-variant-card--inactive{opacity:.6}.tppd-variant-main{align-items:center;gap:10px;min-width:0;display:flex}.tppd-variant-image{background:var(--color-bg);border:var(--border-brutal);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.tppd-variant-image img{object-fit:cover;width:100%;height:100%}.tppd-variant-image-fallback{color:var(--color-text-muted)}.tppd-variant-info{flex-direction:column;gap:2px;min-width:0;display:flex}.tppd-variant-name{font-family:var(--font-family-heading);font-size:13px;font-weight:var(--font-weight-bold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tppd-variant-sku,.tppd-variant-barcode{color:var(--color-text-secondary);font-size:11px}.tppd-variant-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.tppd-variant-stock{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.tppd-stock-btns{align-items:center;gap:4px;display:flex}.tppd-stock-btn{border:var(--border-brutal);cursor:pointer;width:28px;height:28px;transition:var(--transition-brutal);justify-content:center;align-items:center;display:flex}.tppd-stock-btn--in{background:var(--color-success-bg);color:var(--color-success-text)}.tppd-stock-btn--in:hover{background:var(--color-success-text);color:var(--color-surface)}.tppd-stock-btn--out{background:var(--color-error-bg);color:var(--color-error-text)}.tppd-stock-btn--out:hover{background:var(--color-error-text);color:var(--color-surface)}.tppd-empty{text-align:center;color:var(--color-text-muted);border:var(--border-brutal);background:var(--color-surface);border-radius:var(--radius-md);padding:24px;font-size:13px}.tppd-stock-form{flex-direction:column;gap:14px;display:flex}.tppd-stock-field{flex-direction:column;gap:4px;display:flex}.tppd-stock-input{background:var(--color-bg);border:var(--border-brutal);color:var(--color-text-primary);outline:none;padding:8px 10px;font-size:13px}.tppd-stock-input:focus{border-color:var(--color-primary)}.tppd-stock-select{background:var(--color-bg);border:var(--border-brutal);color:var(--color-text-primary);cursor:pointer;font-size:13px;font-family:var(--font-family-heading);outline:none;padding:8px 10px}.tppd-stock-select:focus{border-color:var(--color-primary)}.tppd-stock-actions{align-items:center;gap:8px;margin-top:4px;display:flex}.tppd-stock-action-btn{border:var(--border-brutal);font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 14px;display:flex}.tppd-stock-action-btn--secondary{background:var(--color-surface);color:var(--color-text-primary)}.tppd-stock-action-btn--secondary:hover,.tppd-stock-action-btn--in{background:var(--color-primary);color:var(--color-surface)}.tppd-stock-action-btn--in:hover{background:var(--color-surface);color:var(--color-primary)}.tppd-stock-action-btn--out{background:var(--color-error-text);color:var(--color-surface)}.tppd-stock-action-btn--out:hover{background:var(--color-surface);color:var(--color-error-text)}.tppd-stock-action-btn:disabled{opacity:.5;cursor:not-allowed}.spin{animation:1s linear infinite spin}