:root{--color-primary:#f68c2c;--color-primary-hover:#e67a16;--color-primary-active:#d86c08;--color-on-primary:#fff;--color-secondary:#3b82f6;--accent-primary:#f68c2c;--accent-hover:#e67a16;--accent-light:#f68c2c1f;--primary:var(--color-primary);--color-accent:#d97706;--color-accent-hover:#b45309;--color-on-accent:#fff;--color-accent-light:#d9770624;--bg-primary:#f8f9fb;--bg-secondary:#fff;--bg-tertiary:#f1f3f6;--bg-panel:#ffffffe6;--bg-panel-hover:#f3f4f6f2;--bg-hover:#1118270a;--bg-input:#fff;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-tertiary:#9ca3af;--success:#16a34a;--success-color:#16a34a;--success-light:#16a34a24;--warning:#d97706;--warning-color:#d97706;--warning-light:#d9770624;--error:#dc2626;--error-color:#dc2626;--error-light:#dc262624;--info:#2563eb;--info-light:#2563eb24;--border-color:#e5e7eb;--border-strong:#d1d5db;--border-focus:#f68c2c8c;--ring:#f68c2c4d;--shadow-glow:0 0 0 3px #f68c2c2e;--shadow-glow-accent:0 0 0 3px #d9770638;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 12px 32px #0f172a1f;--shadow-xl:0 20px 40px #0f172a29;--bg-gradient-1:#f68c2c0f;--bg-gradient-2:#3b82f60a;--chart-bar-start:#d86c08;--chart-bar-end:#f68c2c;--chart-line:#3b82f6;--chart-1:#f68c2c;--chart-2:#3b82f6;--chart-3:#16a34a;--chart-4:#7c3aed;--chart-5:#0891b2;--chart-6:#d97706;--slate-panel-bg:#fff;--slate-panel-border:#e2e8f0;--slate-panel-shadow:0 4px 24px -1px #0f172a0f;--slate-input-bg:#fff;--slate-input-border:#d1d5db;--slate-input-focus-shadow:0 0 0 3px #f68c2c33;--slate-table-cell:#fff;--slate-table-cell-hover:#f1f3f6;--slate-table-border:#e5e7eb;--font-family:"Fira Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-heading:"Fira Code",ui-monospace,"Fira Sans","Segoe UI",sans-serif;--font-mono:"Fira Code",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:34px;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.7;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--control-h:40px;--control-h-sm:32px;--control-h-lg:48px;--tap-min:44px;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:500;--z-drawer:800;--z-modal-backdrop:900;--z-modal:1000;--z-toast:1100;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--radius-sm:6px;--radius-md:8px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--sidebar-w:248px;--sidebar-w-collapsed:72px;--header-h:60px;--bottomnav-h:60px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);color-scheme:light}[data-theme=dark]{--color-primary:#f79a3c;--color-primary-hover:#fbb36b;--color-primary-active:#fdcb98;--color-on-primary:#1a1206;--color-secondary:#60a5fa;--accent-primary:#f79a3c;--accent-hover:#fbb36b;--accent-light:#f79a3c2e;--color-accent:#f59e0b;--color-accent-hover:#fbbf24;--color-on-accent:#0b1220;--color-accent-light:#f59e0b29;--bg-primary:#0b1220;--bg-secondary:#111a2e;--bg-tertiary:#1b2740;--bg-panel:#111a2eb8;--bg-panel-hover:#1b2740d9;--bg-hover:#ffffff0d;--bg-input:#02061780;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-tertiary:#64748b;--success:#22c55e;--success-color:#22c55e;--success-light:#22c55e2e;--warning:#f59e0b;--warning-color:#f59e0b;--warning-light:#f59e0b2e;--error:#f87171;--error-color:#f87171;--error-light:#f871712e;--info:#60a5fa;--info-light:#60a5fa2e;--border-color:#ffffff14;--border-strong:#ffffff29;--border-focus:#f79a3c99;--ring:#f79a3c59;--shadow-glow:0 0 0 3px #f79a3c47;--shadow-glow-accent:0 0 0 3px #f59e0b4d;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 12px 40px #0009;--shadow-xl:0 20px 48px #000000b3;--bg-gradient-1:#f79a3c1f;--bg-gradient-2:#3b82f61a;--chart-bar-start:#d86c08;--chart-bar-end:#f79a3c;--chart-line:#60a5fa;--chart-1:#f79a3c;--chart-2:#60a5fa;--chart-3:#22c55e;--chart-4:#a78bfa;--chart-5:#22d3ee;--chart-6:#fbbf24;--slate-panel-bg:#1e293b80;--slate-panel-border:#ffffff0f;--slate-panel-shadow:0 4px 24px -1px #0000004d;--slate-input-bg:#02061780;--slate-input-border:#ffffff1f;--slate-input-focus-shadow:0 0 0 3px #f79a3c47;--slate-table-cell:#0f172a66;--slate-table-cell-hover:#1e293b99;--slate-table-border:#ffffff0f;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fb;background:var(--bg-primary);background-attachment:fixed;background-image:radial-gradient(circle at 15% 50%,#f68c2c0f,#0000 25%),radial-gradient(circle at 85% 30%,#3b82f60a,#0000 25%);background-image:radial-gradient(circle at 15% 50%,var(--bg-gradient-1),#0000 25%),radial-gradient(circle at 85% 30%,var(--bg-gradient-2),#0000 25%);display:flex;flex-direction:column;font-family:Fira Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--text-base);font-weight:400;font-weight:var(--weight-normal);line-height:1.5;line-height:var(--leading-normal);min-height:100vh;min-height:100dvh}body,h1,h2,h3,h4,h5,h6{color:#111827;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:Fira Code,ui-monospace,Fira Sans,Segoe UI,sans-serif;font-family:var(--font-heading);font-weight:600;font-weight:var(--weight-semibold);line-height:1.25;line-height:var(--leading-tight)}code,kbd,pre,samp{font-family:Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-mono)}table{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}a{color:#d86c08;color:var(--color-primary-active);text-decoration:none}a:hover{color:#e67a16;color:var(--color-primary-hover)}img,video{height:auto;max-width:100%}:focus-visible{outline:2px solid #f68c2c;outline:2px solid var(--color-primary);outline-offset:2px}[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #f68c2c;outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border-strong);border-radius:999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-muted)}.glass-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe6;background:var(--bg-panel);border:1px solid #e5e7eb;border:1px solid var(--border-color);box-shadow:0 12px 32px #0f172a1f;box-shadow:var(--shadow-lg)}.text-muted{color:#6b7280}.tabular-nums{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mono{font-family:Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-mono)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.hide-mobile{display:inline;display:initial}.only-mobile{display:none}.spinner{animation:spin 1s linear infinite}.fade-in{animation:fadeIn .25s ease forwards;animation:fadeIn var(--transition-base) forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media (max-width:1024px){:root{--header-h:56px}}@media (max-width:768px){:root{--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:12px}.hide-mobile{display:none!important}.only-mobile{display:inline;display:initial}}.theme-toggle-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md);color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;height:var(--control-h);justify-content:center;min-width:40px;min-width:var(--control-h);transition:all .15s ease;transition:all var(--transition-fast);width:40px;width:var(--control-h)}.theme-toggle-btn:hover{background:#1118270a;background:var(--bg-hover);border-color:#e5e7eb;border-color:var(--border-color);color:#f68c2c;color:var(--color-primary)}.container{margin-inline:auto;max-width:1440px;padding-inline:clamp(12px,4vw,32px);width:100%}.grid-auto{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.grid-auto--sm{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.stack-md{display:flex;gap:var(--space-md)}.safe-area-x{padding-left:max(var(--space-md),var(--safe-left));padding-right:max(var(--space-md),var(--safe-right))}.safe-area-bottom{padding-bottom:max(var(--space-md),var(--safe-bottom))}@media (max-width:1024px){.grid-auto{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}}@media (max-width:768px){body{font-size:var(--text-base)}.stack-md{align-items:stretch;flex-direction:column}.container{padding-inline:var(--space-md)}.theme-toggle-btn,[role=button],a.btn,button{min-height:var(--tap-min)}}.ui-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-weight:var(--weight-medium);gap:var(--space-sm);justify-content:center;line-height:1;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.ui-btn:active{transform:translateY(.5px)}.ui-btn:disabled{cursor:not-allowed;opacity:.55}.ui-btn__label{display:inline-block}.ui-btn--sm{font-size:var(--text-sm);height:var(--control-h-sm);padding:0 12px}.ui-btn--md{font-size:var(--text-base);height:var(--control-h);padding:0 16px}.ui-btn--lg{font-size:var(--text-md);height:var(--control-h-lg);padding:0 22px}.ui-btn--block{width:100%}.ui-btn--icon{aspect-ratio:1/1;padding:0}.ui-btn--icon.ui-btn--sm{width:var(--control-h-sm)}.ui-btn--icon.ui-btn--md{width:var(--control-h)}.ui-btn--icon.ui-btn--lg{width:var(--control-h-lg)}.ui-btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.ui-btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.ui-btn--primary:active:not(:disabled){background:var(--color-primary-active)}.ui-btn--accent{background:var(--color-accent);color:var(--color-on-accent)}.ui-btn--accent:hover:not(:disabled){background:var(--color-accent-hover)}.ui-btn--info{background:#1e40af;color:#fff}.ui-btn--info:hover:not(:disabled){background:#1e3a8a}.ui-btn--info:active:not(:disabled){background:#172f6e}[data-theme=dark] .ui-btn--info{background:#3b82f6;color:#0b1220}[data-theme=dark] .ui-btn--info:hover:not(:disabled){background:#60a5fa}.ui-btn--secondary{background:var(--bg-secondary);border-color:var(--border-strong);color:var(--text-primary)}.ui-btn--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.ui-btn--ghost{background:#0000;color:var(--text-secondary)}.ui-btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--color-primary)}.ui-btn--danger{background:var(--error);color:#fff}.ui-btn--danger:hover:not(:disabled){filter:brightness(.94)}.ui-btn--success{background:var(--success);color:#fff}.ui-btn--success:hover:not(:disabled){filter:brightness(.94)}@media (max-width:768px){.ui-btn--lg,.ui-btn--md{min-height:var(--tap-min)}}.ui-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary)}.ui-card--padded{padding:var(--space-lg)}.ui-card--interactive{cursor:pointer;transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.ui-card--interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ui-card__header{align-items:flex-start;display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-md)}.ui-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.ui-card__subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:2px 0 0}.ui-card__header-actions{flex-shrink:0}.ui-card__footer,.ui-card__header-actions{align-items:center;display:flex;gap:var(--space-sm)}.ui-card__footer{border-top:1px solid var(--border-color);margin-top:var(--space-md);padding-top:var(--space-md)}.ui-statcard{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md) var(--space-lg)}.ui-statcard__top{align-items:center;display:flex;gap:var(--space-sm);justify-content:space-between}.ui-statcard__label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.ui-statcard__icon{color:var(--color-primary);display:inline-flex}.ui-statcard__value{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:1.1}.ui-statcard__hint{color:var(--text-muted);font-size:var(--text-xs)}.ui-statcard__hint--up{color:var(--success)}.ui-statcard__hint--down{color:var(--error)}@media (max-width:768px){.ui-card--padded{padding:var(--space-md)}}.ui-field{display:flex;flex-direction:column;gap:var(--space-xs)}.ui-field__label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.ui-field__req{color:var(--error)}.ui-field__msg{color:var(--text-muted);font-size:var(--text-xs);margin:0}.ui-field__msg--error{color:var(--error)}.ui-input{-webkit-appearance:none;appearance:none;background:var(--bg-input);border:1px solid var(--slate-input-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--text-base);height:var(--control-h);padding:0 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.ui-input::placeholder{color:var(--text-muted)}.ui-input:hover:not(:disabled){border-color:var(--border-strong)}.ui-input:focus{border-color:var(--color-primary);box-shadow:var(--slate-input-focus-shadow);outline:none}.ui-input:disabled{cursor:not-allowed;opacity:.6}.ui-input--invalid,.ui-input--invalid:focus{border-color:var(--error);box-shadow:0 0 0 3px var(--error-light)}.ui-textarea{height:auto;line-height:var(--leading-normal);min-height:96px;padding:10px 12px;resize:vertical}.ui-input-wrap{display:block;position:relative}.ui-input-wrap__icon{color:var(--text-muted);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ui-input--with-icon{padding-left:36px}.ui-select-wrap{display:block;position:relative}.ui-select{cursor:pointer;padding-right:36px}.ui-select__chevron{color:var(--text-muted);pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}@media (max-width:768px){.ui-input{font-size:16px;min-height:var(--tap-min)}}.ui-badge{align-items:center;border:1px solid #0000;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--weight-medium);gap:6px;line-height:1.4;padding:3px 10px;white-space:nowrap}.ui-badge__dot{background:currentColor;border-radius:50%;height:6px;width:6px}.ui-badge--neutral{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.ui-badge--primary{background:var(--accent-light);color:var(--color-primary)}.ui-badge--success{background:var(--success-light);color:var(--success)}.ui-badge--warning{background:var(--warning-light);color:var(--warning)}.ui-badge--danger{background:var(--error-light);color:var(--error)}.ui-badge--info{background:var(--info-light);color:var(--info)}[data-theme=dark] .ui-badge--primary{color:var(--color-primary-active)}.ui-modal__backdrop{align-items:center;animation:fadeIn var(--transition-fast) forwards;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0206178c;display:flex;inset:0;justify-content:center;padding:var(--space-md);padding-bottom:max(var(--space-md),var(--safe-bottom));position:fixed;z-index:var(--z-modal)}.ui-modal{animation:scaleIn var(--transition-fast) forwards;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:calc(100dvh - var(--space-lg)*2);width:100%}.ui-modal--sm{max-width:400px}.ui-modal--md{max-width:560px}.ui-modal--lg{max-width:820px}.ui-modal__header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:var(--space-md);justify-content:space-between;padding:var(--space-md) var(--space-lg)}.ui-modal__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.ui-modal__body{overflow-y:auto;padding:var(--space-lg)}.ui-modal__footer{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:var(--space-sm);justify-content:flex-end;padding:var(--space-md) var(--space-lg)}@media (max-width:768px){.ui-modal__backdrop{align-items:flex-end;padding:0}.ui-modal{animation:slideUp var(--transition-base) forwards;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92dvh;max-width:100%}.ui-modal__body{padding:var(--space-md)}}.ui-drawer__backdrop{animation:fadeIn var(--transition-fast) forwards;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#02061780;inset:0;position:fixed;z-index:var(--z-drawer)}.ui-drawer{background:var(--bg-secondary);bottom:0;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-width:88vw;padding-bottom:var(--safe-bottom);padding-top:var(--safe-top);position:fixed;top:0}.ui-drawer--left{animation:drawerInLeft var(--transition-base) forwards;border-right:1px solid var(--border-color);left:0;padding-left:var(--safe-left)}.ui-drawer--right{animation:slideInRight var(--transition-base) forwards;border-left:1px solid var(--border-color);padding-right:var(--safe-right);right:0}@keyframes drawerInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.ui-drawer__header{border-bottom:1px solid var(--border-color);font-family:var(--font-heading);font-size:var(--text-md);font-weight:var(--weight-semibold);padding:var(--space-md) var(--space-lg)}.ui-drawer__body{flex:1 1;overflow-y:auto;padding:var(--space-md)}.ui-tabs{-webkit-overflow-scrolling:touch;align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:var(--space-xs);overflow-x:auto;scrollbar-width:none}.ui-tabs::-webkit-scrollbar{display:none}.ui-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--weight-medium);gap:var(--space-sm);margin-bottom:-1px;padding:10px 14px;transition:color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.ui-tab:hover{color:var(--text-primary)}.ui-tab--active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.ui-tab__badge{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-on-primary);display:inline-flex;font-size:var(--text-2xs);font-weight:var(--weight-semibold);height:18px;justify-content:center;min-width:18px;padding:0 5px}@media (max-width:768px){.ui-tab{min-height:var(--tap-min)}}.scroll-tabs{align-items:center;display:flex;gap:6px;min-width:0;position:relative;width:100%}.scroll-tabs__viewport{flex:1 1;min-width:0}.scroll-tabs--r .scroll-tabs__viewport{-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}.scroll-tabs--l.scroll-tabs--r .scroll-tabs__viewport{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 6%,#000 88%,#0000);mask-image:linear-gradient(90deg,#0000 0,#000 6%,#000 88%,#0000)}.scroll-tabs--l:not(.scroll-tabs--r) .scroll-tabs__viewport{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 6%);mask-image:linear-gradient(90deg,#0000 0,#000 6%)}.scroll-tabs__arrow{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);width:34px}.scroll-tabs__arrow:hover{background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.ui-spinner{color:var(--color-primary);display:inline-flex}.ui-page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg)}.ui-page-header__main{align-items:center;display:flex;gap:var(--space-md);min-width:0}.ui-page-header__icon{align-items:center;background:var(--accent-light);border-radius:var(--radius-lg);color:var(--color-primary);display:inline-flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.ui-page-header__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:1.2;margin:0}.ui-page-header__subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:2px 0 0}.ui-page-header__actions{flex-wrap:wrap}.ui-empty,.ui-page-header__actions{align-items:center;display:flex;gap:var(--space-sm)}.ui-empty{color:var(--text-secondary);flex-direction:column;padding:var(--space-2xl) var(--space-lg);text-align:center}.ui-empty__icon{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-muted);display:inline-flex;height:72px;justify-content:center;margin-bottom:var(--space-xs);width:72px}.ui-empty__title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.ui-empty__desc{font-size:var(--text-base);margin:0;max-width:42ch}.ui-empty__action{margin-top:var(--space-sm)}@media (max-width:768px){.ui-page-header__title{font-size:var(--text-lg)}}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-hover) 50%,var(--bg-secondary) 75%);background-size:400% 100%;border-radius:var(--radius-sm)}.skeleton-text{height:1rem;margin-bottom:.5rem;width:100%}.skeleton-text:last-child{margin-bottom:0}.skeleton-title{height:1.5rem;margin-bottom:1rem;width:60%}.skeleton-avatar{border-radius:50%;height:40px;width:40px}.skeleton-button{border-radius:var(--radius-md);height:2.5rem;width:120px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-table{border-collapse:collapse;font-size:var(--text-base);width:100%}.ui-table thead th{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:10px 14px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:var(--z-base)}.ui-table tbody td{background:var(--slate-table-cell);border-bottom:1px solid var(--slate-table-border);color:var(--text-primary);padding:11px 14px}.ui-table tbody tr:hover td{background:var(--slate-table-cell-hover)}.ui-table--clickable tbody tr{cursor:pointer}.ta-left{text-align:left}.ta-right{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.ta-center{text-align:center}.ui-table__primary{font-weight:var(--weight-medium)}.ui-table__loading{display:flex;justify-content:center;padding:var(--space-md)}@media (max-width:768px){.ui-table thead{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}.ui-table,.ui-table tbody,.ui-table td,.ui-table tr{display:block;width:100%}.ui-table tbody tr{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-sm)}.ui-table tbody td{align-items:center;background:#0000;border-bottom:1px solid var(--slate-table-border);display:flex;gap:var(--space-md);justify-content:space-between;padding:8px 6px;text-align:right}.ui-table tbody td:last-child{border-bottom:none}.ui-table tbody td:before{color:var(--text-secondary);content:attr(data-label);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--weight-medium);text-align:left}.ui-table tbody td.ui-table__primary{font-size:var(--text-md);font-weight:var(--weight-semibold)}.ui-table tbody td.ui-table__primary:before{display:none}}.ui-switch{align-items:center;cursor:pointer;display:inline-flex;gap:var(--space-sm);-webkit-user-select:none;user-select:none}.ui-switch--disabled{cursor:not-allowed;opacity:.6}.ui-switch__input{height:0;opacity:0;position:absolute;width:0}.ui-switch__track{background:var(--border-strong);border-radius:var(--radius-full);flex-shrink:0;height:22px;position:relative;transition:background var(--transition-fast);width:40px}.ui-switch__thumb{background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);height:18px;left:2px;position:absolute;top:2px;transition:transform var(--transition-fast);width:18px}.ui-switch__input:checked+.ui-switch__track{background:var(--color-primary)}.ui-switch__input:checked+.ui-switch__track .ui-switch__thumb{transform:translateX(18px)}.ui-switch__input:focus-visible+.ui-switch__track{box-shadow:0 0 0 3px var(--ring)}.ui-switch__label{color:var(--text-primary);font-size:var(--text-base)}.ui-check{align-items:center;cursor:pointer;display:inline-flex;gap:var(--space-sm);-webkit-user-select:none;user-select:none}.ui-check--disabled{cursor:not-allowed;opacity:.6}.ui-check__input{accent-color:var(--color-primary);cursor:pointer;height:18px;width:18px}.ui-check__label{color:var(--text-primary);font-size:var(--text-base)}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:24px;z-index:9999}.toast{align-items:flex-start;animation:slideInRight var(--transition-base);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #0000004d;display:flex;gap:12px;max-width:400px;min-width:300px;padding:16px;pointer-events:auto}.toast.toast-closing{animation:fadeOutRight var(--transition-fast) forwards}.toast.success{border-left:4px solid var(--success-color)}.toast.error{border-left:4px solid var(--error-color)}.toast.warning{border-left:4px solid var(--warning-color)}.toast.info{border-left:4px solid var(--accent-primary)}.toast-icon{flex-shrink:0;margin-top:2px}.toast.success .toast-icon{color:var(--success-color)}.toast.error .toast-icon{color:var(--error-color)}.toast.warning .toast-icon{color:var(--warning-color)}.toast.info .toast-icon{color:var(--accent-primary)}.toast-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.toast-message{color:var(--text-primary);font-size:.875rem;font-weight:500;line-height:1.4;margin:0}.toast-close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin:-2px;padding:2px;transition:all var(--transition-fast)}.toast-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:768px){.toast-container{bottom:16px;left:16px;right:16px}.toast{max-width:100%;min-width:100%}}.login-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg);justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-lg);padding-bottom:max(var(--space-lg),var(--safe-bottom));padding-top:max(var(--space-lg),var(--safe-top));position:relative}.login-theme-toggle{position:absolute;right:var(--space-md);top:max(var(--space-md),var(--safe-top))}.login-card{animation:slideUp var(--transition-slow) forwards;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--space-2xl) var(--space-xl);width:100%}.login-brand{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.login-brand__logo{display:block;object-fit:contain}.login-brand__name{color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:.02em}.login-header{margin-bottom:var(--space-xl);text-align:center}.login-header h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-xs)}.login-header p{color:var(--text-secondary);font-size:var(--text-base);margin:0 auto;max-width:30ch}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.login-alert{align-items:center;background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);display:flex;font-size:var(--text-sm);gap:var(--space-sm);padding:10px 12px}.login-footer{color:var(--text-muted);font-size:var(--text-xs)}@media (max-width:480px){.login-card{background:#0000;border-color:#0000;box-shadow:none;padding:var(--space-xl) var(--space-lg)}.login-container{justify-content:flex-start;padding-top:var(--space-2xl)}}.profile-modal{max-width:450px!important;width:100%}.profile-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:16px;margin-bottom:32px;padding-bottom:24px}.profile-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.profile-info h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 4px}.profile-info p{color:var(--text-secondary);font-size:14px;margin:0}.profile-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:500;gap:8px;margin:0 0 20px}.password-form{display:flex;flex-direction:column;gap:16px}.password-form .form-group{display:flex;flex-direction:column;gap:8px}.password-form label{color:var(--text-secondary);font-size:13px;font-weight:500}.password-form input{background:var(--bg-hover);background:var(--slate-input-bg,var(--bg-hover));border:1px solid var(--slate-panel-border,var(--border-color));border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 14px;transition:border-color .2s}.password-form input:focus{border-color:var(--accent-primary,var(--accent-primary));outline:none}.form-actions{gap:12px;margin-top:8px}.tg-linked-row{align-items:center;display:flex;gap:12px}.tg-status-badge{color:#2e7d32;color:var(--success,#2e7d32);font-size:.9rem;font-weight:600}.workspace-layout{background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.workspace-layout-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-panel);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:var(--header-h);padding:0 clamp(16px,3vw,32px);padding-top:var(--safe-top);position:-webkit-sticky;position:sticky;top:0;z-index:200;z-index:var(--z-sticky,200)}.layout-header-main{align-items:center;display:flex;gap:1rem;justify-content:space-between;min-height:var(--header-h)}.layout-header-tabs{display:flex;padding-bottom:.5rem;width:100%}.layout-header-left{flex-shrink:1;gap:.75rem}.layout-brand,.layout-header-left{align-items:center;display:flex;min-width:0}.layout-brand{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;gap:.6rem;padding:4px 6px;transition:background var(--transition-fast)}.layout-brand-icon{flex-shrink:0}.layout-brand:hover{background:var(--bg-hover)}.layout-brand-icon{align-items:center;color:var(--color-primary);display:flex}.layout-brand-title{color:var(--text-primary);font-family:var(--font-heading);font-size:1.1rem;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-nav-toggle{display:none!important}.layout-nav-desktop{align-items:center;display:flex;flex:1 1;gap:.25rem;justify-content:center;min-width:0;overflow:hidden}.layout-nav-link{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.5rem;height:38px;padding:0 12px;transition:all var(--transition-fast);white-space:nowrap}.layout-nav-link:hover{background:var(--bg-hover);color:var(--color-primary)}.layout-nav-link.is-active{background:var(--accent-light);color:var(--color-primary)}.layout-header-right{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.layout-user-info{align-items:flex-end;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;padding:4px 8px;transition:background var(--transition-fast);white-space:nowrap}.layout-user-info:hover{background:var(--bg-hover)}.layout-user-name{font-size:.875rem;font-weight:500}.layout-user-role{color:var(--text-secondary);font-size:.75rem}.layout-logout-btn{align-items:center;background:var(--error-light);border:1px solid #0000;border-radius:var(--radius-md);color:var(--error);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;height:var(--control-h);justify-content:center;padding:0 14px;transition:all var(--transition-fast)}.layout-logout-btn:hover{background:var(--error);color:#fff}.workspace-layout-content{display:flex;flex:1 1;flex-direction:column;padding-bottom:var(--safe-bottom);position:relative}.layout-drawer-head{justify-content:space-between}.layout-drawer-head,.layout-drawer-user{align-items:center;display:flex;width:100%}.layout-drawer-user{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;gap:.75rem;margin-bottom:var(--space-sm);padding:10px;text-align:left}.layout-drawer-user__avatar{align-items:center;background:var(--accent-light);border-radius:50%;color:var(--color-primary);display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.layout-drawer-user__text{display:flex;flex-direction:column;min-width:0}.layout-drawer-user__name{font-size:.9rem;font-weight:600}.layout-drawer-user__role{color:var(--text-secondary);font-size:.75rem}.layout-drawer-nav{display:flex;flex-direction:column;gap:2px}.layout-drawer-link{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.95rem;font-weight:500;gap:.75rem;min-height:var(--tap-min);padding:12px 10px;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);width:100%}.layout-drawer-link:hover{background:var(--bg-hover)}.layout-drawer-link.is-active{background:var(--accent-light);color:var(--color-primary)}.layout-drawer-link--danger{color:var(--error)}.layout-drawer-link--danger:hover{background:var(--error-light)}.layout-drawer-footer{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:2px;margin-top:var(--space-md);padding-top:var(--space-sm)}@media (max-width:1024px){.layout-nav-desktop{display:none}.layout-nav-toggle{display:inline-flex!important}}@media (max-width:768px){.layout-logout-btn .logout-text,.layout-user-info{display:none}.layout-logout-btn{padding:0;width:var(--control-h)}.layout-brand-title{font-size:1rem}}.spreadsheet-container{display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.spreadsheet-toolbar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;padding:.75rem 1rem}.spreadsheet-toolbar,.spreadsheet-toolbar .toolbar-group{align-items:center;display:flex;gap:.5rem}.toolbar-tabs{align-items:center;display:flex;gap:.25rem;max-width:400px;overflow-x:auto}.toolbar-tabs::-webkit-scrollbar{height:4px}.toolbar-tabs::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}.toolbar-tab{background:var(--bg-hover);border:1px solid #0000;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:500;padding:.375rem .75rem;transition:all .15s ease;white-space:nowrap}.toolbar-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.toolbar-tab.active{background:#1e40af26;border-color:#1e40af4d;color:var(--accent-primary)}.spreadsheet-toolbar .toolbar-separator{background:var(--border-color);height:24px;margin:0 .25rem;width:1px}.toolbar-btn{align-items:center;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .15s ease;white-space:nowrap}.toolbar-btn:hover{background:var(--bg-hover);border-color:#fff3;color:var(--text-primary)}.toolbar-btn.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.toolbar-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.toolbar-btn.danger{color:#fca5a5}.toolbar-btn.danger:hover{background:#ef444426;border-color:#ef44444d;color:var(--error)}.toolbar-file-info{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:.375rem;margin-left:auto}.spreadsheet-grid-wrapper{flex:1 1;min-height:400px;position:relative}.spreadsheet-grid-wrapper>div{bottom:0;left:0;position:absolute!important;right:0;top:0}.add-column-dialog-overlay{align-items:center;animation:fadeIn .15s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.add-column-dialog{animation:slideUp .2s ease-out;border-radius:12px;display:flex;flex-direction:column;gap:1rem;max-width:360px;padding:1.5rem;width:100%}.add-column-dialog h3{font-size:1.125rem;font-weight:600}.add-column-dialog input{background:#11182780;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.9375rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.add-column-dialog input:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);outline:none}.add-column-dialog-actions{display:flex;gap:.5rem;justify-content:flex-end}.export-dropdown{position:relative}.export-dropdown-menu{animation:fadeIn .12s ease-out;border-radius:8px;min-width:160px;padding:.375rem;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.export-dropdown-item{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.8125rem;gap:.5rem;padding:.5rem .75rem;transition:all .1s ease;width:100%}.export-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.floating-chat-wrapper{align-items:flex-end;bottom:2rem;display:flex;flex-direction:column;gap:1rem;position:fixed;right:2rem;z-index:1000}.floating-chat-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:50%;box-shadow:0 4px 16px #1e40af66;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px}.floating-chat-btn:hover{background:var(--accent-hover);box-shadow:0 6px 20px #1e40af80;transform:scale(1.05)}.floating-chat-btn.is-active{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 4px 16px #0000004d;color:var(--text-primary)}.floating-chat-window{animation:slideUp .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--slate-panel-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-height:500px;overflow:hidden;transform-origin:bottom right;width:380px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{align-items:center;background:var(--bg-hover);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.25rem}.chat-header-title{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem}.chat-header-title svg{color:var(--accent-primary)}.close-chat-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .15s ease}.close-chat-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:1rem;max-height:350px;min-height:200px;overflow-y:auto;padding:1.25rem}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:6px}.chat-message{display:flex;flex-direction:column;font-size:.875rem;line-height:1.4;max-width:85%}.chat-message.user{align-self:flex-end;background:var(--accent-primary);border-radius:12px 12px 0 12px;color:#fff;padding:.75rem 1rem}.chat-message.ai{align-self:flex-start;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:12px 12px 12px 0;color:var(--text-primary);padding:.75rem 1rem}.chat-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:.5rem;padding:.5rem .75rem}.typing-dots{display:flex;gap:.25rem}.typing-dot{animation:typing 1.4s ease-in-out infinite both;background:var(--text-secondary);border-radius:50%;height:4px;width:4px}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-area{background:var(--bg-hover);border-top:1px solid var(--border-color);padding:1rem}.chat-input-form{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:20px;display:flex;gap:.5rem;padding:.25rem .25rem .25rem 1rem;transition:border-color .2s}.chat-input-form:focus-within{border-color:var(--accent-primary)}.chat-input-form input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:.875rem;outline:none}.chat-input-form input::placeholder{color:var(--text-secondary)}.send-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.send-btn:hover:not(:disabled){background:var(--accent-hover)}.send-btn:disabled{background:var(--bg-hover);color:var(--text-secondary);cursor:not-allowed}.file-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--slate-input-bg);border-radius:16px;bottom:0;color:#fff;display:flex;flex-direction:column;gap:1rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.analyst-workspace{background:var(--bg-primary);display:flex;flex-direction:column;height:100vh}.analyst-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.analyst-header-left{align-items:center;display:flex;gap:.75rem}.analyst-header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--accent-primary),#a78bfa);-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.analyst-header-left .role-badge{background:#1e40af26;border:1px solid #1e40af4d;border-radius:999px;color:var(--accent-primary);font-size:.75rem;font-weight:600;padding:.25rem .625rem}.analyst-header-right{align-items:center;display:flex;gap:.75rem}.logout-btn{border:1px solid #ef444440;color:#fca5a5;font-family:inherit;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .15s ease}.logout-btn:hover{color:var(--error)}.analyst-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.upload-zone-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.upload-zone{animation:fadeIn .4s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-panel);border:2px dashed var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);cursor:pointer;max-width:560px;padding:3rem 2rem;text-align:center;transition:all var(--transition-base);width:100%}.upload-zone:hover{background:#1e40af0d;border-color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.upload-zone.drag-over{background:#1e40af1a;border-color:var(--accent-primary);box-shadow:var(--shadow-glow-accent);transform:scale(1.02)}.upload-zone-icon{align-items:center;background:#1e40af1a;border-radius:16px;color:var(--accent-primary);display:flex;height:64px;justify-content:center;margin:0 auto 1.25rem;width:64px}.upload-zone h2{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.upload-zone p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.25rem}.upload-zone .file-formats{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.upload-zone .file-format-tag{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:.25rem .5rem}.upload-zone input[type=file]{display:none}.upload-error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#fca5a5;display:flex;font-size:.8125rem;gap:.375rem;margin-top:1rem;padding:.625rem 1rem}.upload-loading{flex:1 1;flex-direction:column;font-size:.875rem;gap:1rem;justify-content:center}.new-file-btn,.upload-loading{align-items:center;color:var(--text-secondary);display:flex}.new-file-btn{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .15s ease}.new-file-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.spreadsheet-panel-toolbar{display:flex;justify-content:flex-end;margin-bottom:.75rem}.analyst-tabs{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;flex-wrap:wrap;gap:.5rem;padding:.25rem}.analyst-tabs,.tab-btn{align-items:center;display:flex}.tab-btn{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--bg-panel);box-shadow:var(--shadow-sm);color:var(--accent-primary)}.tab-divider{background:var(--border-color);flex-shrink:0;height:24px;margin:0 .5rem;width:1px}@media (max-width:768px){.analyst-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.analyst-tabs::-webkit-scrollbar{display:none}.tab-btn{min-height:var(--tap-min)}.upload-zone-container{padding:1rem}.upload-zone{padding:2rem 1rem}.analyst-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.analyst-header-right{justify-content:space-between;width:100%}}.analyst-plans-container{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px;padding:1.5rem;width:100%}.plans-header{flex-wrap:wrap;justify-content:center}.plans-header,.year-selector{align-items:center;display:flex;gap:1.5rem}.year-selector{background:var(--slate-panel-bg);border:1px solid var(--slate-panel-border);border-radius:999px;box-shadow:var(--slate-panel-shadow);padding:.75rem 2rem}.year-selector h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0;min-width:100px;text-align:center}.year-btn{align-items:center;background:var(--slate-input-bg);border:1px solid var(--slate-input-border);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-weight:700;height:32px;justify-content:center;transition:all .2s;width:32px}.year-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.loading-state{padding:4rem 0}.plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.plan-card{background:var(--slate-panel-bg);border:1px solid var(--slate-panel-border);border-radius:12px;box-shadow:var(--slate-panel-shadow);display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.plan-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.plan-card-header{align-items:center;display:flex;justify-content:space-between}.plan-card-header h3{color:var(--text-primary);font-size:1.1rem;margin:0}.icon-btn{background:var(--bg-input);border:1px solid var(--border-color);height:32px;width:32px}.icon-btn:hover{background:var(--accent-primary);color:#fff}.plan-card-content{align-items:center;display:flex;min-height:50px}.plan-value{align-items:baseline;display:flex;gap:.5rem}.plan-value .amount{color:var(--accent-primary);font-size:1.5rem;font-weight:700}.plan-value .currency{color:var(--text-secondary);font-size:.9rem}.no-plan{color:var(--text-muted);font-size:.9rem;font-style:italic}.plan-edit-form{align-items:center;display:flex;gap:.5rem;width:100%}.input-with-suffix{align-items:center;display:flex;flex:1 1;position:relative}.plan-input{background:var(--slate-input-bg);border:1px solid var(--slate-input-border);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.5rem 2.5rem .5rem .75rem;width:100%}.plan-input:focus{border-color:var(--accent-primary);box-shadow:var(--slate-input-focus-shadow);outline:none}.suffix{color:var(--text-secondary);font-size:.8rem;pointer-events:none;position:absolute;right:.75rem}.plan-actions{display:flex;gap:.25rem}.btn-cancel,.btn-save{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-save{background:#10b9811a;color:#10b981}.btn-save:hover:not(:disabled){background:#10b981;color:#fff}.btn-cancel{background:#ef44441a;color:#ef4444}.btn-cancel:hover:not(:disabled){background:#ef4444;color:#fff}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.analyst-plans-container{padding:1rem}}.containers-page{display:flex;flex-direction:column;gap:24px;height:100%;overflow-y:auto;padding:24px}.containers-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.containers-title{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.containers-subtitle{color:var(--text-secondary);font-size:14px;margin:0}.containers-actions{display:flex;gap:12px}.btn-primary{background-color:#0f172a;background-color:var(--accent-primary,#0f172a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s}.btn-primary:hover{background-color:#334155;background-color:var(--accent-hover,#334155)}.btn-primary>svg:not(:only-child){margin-right:6px;vertical-align:-3px}.containers-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-input,.filter-select{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;font-size:14px;min-width:150px;padding:8px 12px}.filter-input{width:250px}.view-toggle{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;display:flex;margin-left:auto;overflow:hidden}.view-toggle-btn{background:#fff;background:var(--bg-primary,#fff);border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 12px}.view-toggle-btn.active{background:#0f172a;background:var(--accent-primary,#0f172a);color:#fff}.containers-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.containers-table-container{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;overflow-x:auto}.containers-table{border-collapse:collapse;font-size:14px;width:100%}.containers-table th{color:var(--text-secondary);font-size:12px;letter-spacing:.05em;text-align:left;text-transform:uppercase}.containers-table td,.containers-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);padding:12px 16px}.containers-table td{color:var(--text-primary)}.containers-table tr:last-child td{border-bottom:none}.containers-table tr:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.empty-state{background:#fff;background:var(--bg-primary,#fff);border:1px dashed #cbd5e1;border:1px dashed var(--border-color,#cbd5e1);border-radius:16px;gap:12px;padding:48px}.empty-state-icon{font-size:40px}.empty-state h3{color:var(--text-primary);font-size:18px;margin:0}.empty-state p{max-width:400px}.modal-overlay{align-items:center;background:var(--slate-table-cell);bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;background:var(--bg-primary,#fff);border-radius:16px;box-shadow:0 10px 25px -5px #0000001a;display:flex;flex-direction:column;gap:16px;max-height:90vh;max-width:450px;overflow-y:auto;padding:24px;width:100%}.modal-title{font-size:18px;font-weight:600;margin:0}.modal-tabs{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;gap:8px}.modal-tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-1px;padding:8px 12px}.modal-tab-btn.active{border-bottom-color:var(--text-primary);color:var(--text-primary)}.form-field{display:flex;flex-direction:column;gap:4px}.form-label{color:var(--text-secondary);font-size:12px;font-weight:500}.form-input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;color:var(--text-primary)}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.file-drop-zone{align-items:center;border:2px dashed #cbd5e1;border:2px dashed var(--border-color,#cbd5e1);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:24px;text-align:center;transition:all .2s}.file-drop-zone.drag-over,.file-drop-zone:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-color:var(--text-secondary)}.error-text{font-size:14px;margin:0}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.btn-secondary{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px}.btn-secondary:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.status-badge.slate{background:#f1f5f9;color:#475569}.status-badge.amber{background:#fef3c7;color:#d97706}.status-badge.blue{background:#dbeafe;color:#2563eb}.status-badge.indigo{background:#e0e7ff;color:#4f46e5}.status-badge.violet{background:#ede9fe;color:#7c3aed}.status-badge.fuchsia{background:#fae8ff;color:#c026d3}.status-badge.emerald{background:#d1fae5;color:#059669}.status-dot{background-color:currentColor;border-radius:50%;height:6px;width:6px}.container-card{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:16px;text-decoration:none;transition:box-shadow .2s,transform .2s}.container-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{align-items:flex-start;display:flex;justify-content:space-between}.card-title{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.card-subtitle{font-size:12px}.card-route,.card-subtitle{color:var(--text-secondary)}.card-route{align-items:center;display:flex;gap:8px}.card-route,.empty-state p{font-size:14px}.composite-detail-item:hover{background-color:var(--bg-hover);border-radius:4px}.card-stats{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:16px;padding-top:12px}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-value{color:var(--text-primary);font-size:16px;font-weight:600}.stat-label{color:var(--text-secondary);font-size:12px}.progress-bg{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.modal-input{background:#1c1c33;background:var(--bg-tertiary,#1c1c33);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:8px;color:#f8fafc;color:var(--text-primary,#f8fafc);font-family:inherit;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.modal-input:focus{border-color:var(--accent-primary,var(--accent-primary));box-shadow:0 0 0 2px #1e40af33}.form-input{background:#1c1c33;background:var(--bg-tertiary,#1c1c33);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:8px;color:#f8fafc;color:var(--text-primary,#f8fafc);font-family:inherit;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:var(--accent-primary,var(--accent-primary));box-shadow:0 0 0 2px #1e40af33}.progress-fill{background:#0f172a;background:var(--accent-primary,#0f172a);border-radius:2px;height:100%}.progress-fill.delayed{background:#ef4444}.skeleton-card{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:16px;height:176px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.timeline-stepper{display:flex;flex-direction:column;padding-left:8px;position:relative}.timeline-stepper:before{background-color:#334155;background-color:var(--border-color,#334155);bottom:0;content:"";left:15px;position:absolute;top:0;width:2px;z-index:0}.timeline-item{align-items:center;display:flex;gap:16px;padding-bottom:12px;position:relative;z-index:1}.timeline-item:last-child{padding-bottom:0}.timeline-item:last-child:after{background-color:#1e293b;background-color:var(--bg-primary,#1e293b);bottom:0;content:"";left:7px;position:absolute;top:24px;width:4px;z-index:-1}.timeline-icon{align-items:center;background-color:#cbd5e1;background-color:var(--bg-secondary,#cbd5e1);border:2px solid #fff;border:2px solid var(--bg-primary,#fff);border-radius:50%;box-shadow:0 0 0 2px #e2e8f0;box-shadow:0 0 0 2px var(--border-color,#e2e8f0);display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px;z-index:2}.timeline-icon.completed{background-color:#0f172a;background-color:var(--accent-primary,#0f172a)}.timeline-icon.current{background-color:var(--accent-primary);background-color:var(--accent-primary,var(--accent-primary));box-shadow:0 0 0 4px #1e40af33}.timeline-content{align-items:center;background:#0000;border-radius:8px;display:flex;flex:1 1;gap:16px;justify-content:flex-start;padding:8px 12px;transition:background .2s}.timeline-content:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.timeline-content.current{background:#1e40af0d}.timeline-content.current .timeline-edit-btn,.timeline-content:hover .timeline-edit-btn{opacity:1}.timeline-edit-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;gap:4px;opacity:.55;padding:4px 10px;transition:opacity .2s,color .2s,border-color .2s;white-space:nowrap}.timeline-edit-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}@media (max-width:768px){.timeline-content{align-items:flex-start;flex-direction:column;gap:4px}.timeline-content>div{flex-wrap:wrap;min-width:0!important}.containers-page{gap:1rem;padding:1rem}}.acceptance{display:flex;flex-direction:column;gap:12px}.acceptance-bar{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-wrap:wrap;gap:16px;padding:14px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.acceptance-search{align-items:center;display:flex;flex:1 1 320px;position:relative}.acceptance-search-icon{color:var(--text-secondary);left:12px;pointer-events:none;position:absolute}.acceptance-search-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-family:var(--font-heading,inherit);font-size:17px;height:48px;letter-spacing:.02em;outline:none;padding:0 40px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.acceptance-search-input:focus{border-color:#f68c2c;border-color:var(--color-primary,#f68c2c);box-shadow:0 0 0 3px #f68c2c26}.acceptance-search-clear{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;padding:4px;position:absolute;right:10px}.acceptance-progress{display:flex;flex:1 1 260px;flex-direction:column;gap:6px}.acceptance-progress-head{align-items:baseline;color:var(--text-secondary);display:flex;font-size:14px;justify-content:space-between}.acceptance-progress-head strong{color:var(--text-primary);font-size:18px}.acceptance-progress-percent{color:var(--text-primary);font-weight:700}.acceptance-progress-track{background:var(--bg-secondary);border-radius:999px;height:8px;overflow:hidden}.acceptance-progress-fill{background:#f68c2c;background:var(--color-primary,#f68c2c);border-radius:999px;height:100%;transition:width .25s ease}.acceptance-progress-fill.complete{background:#10b981}.acceptance-progress-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.acceptance-warn{align-items:center;color:#d97706;display:inline-flex;font-weight:600;gap:4px}.acceptance-flash{align-items:center;border-radius:10px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 14px}.acceptance-flash.ok{background:#d1fae5;color:#047857}.acceptance-flash.warn{background:#fef3c7;color:#b45309}.acceptance-flash.err{background:#fee2e2;color:#b91c1c}.acceptance-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.acceptance-filters{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;overflow:hidden}.acceptance-filter-btn{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px;transition:all .15s ease}.acceptance-filter-btn.active{background:var(--text-primary);color:var(--bg-primary)}.acceptance-filter-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.65}.acceptance-actions{display:flex;gap:8px}.acceptance-action-btn{align-items:center;display:inline-flex;gap:6px;padding:8px 14px}.acceptance-list{display:flex;flex-direction:column;gap:8px}.acceptance-row{grid-gap:12px;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-left:4px solid #0000;border-radius:10px;display:grid;gap:12px;grid-template-columns:40px minmax(0,1fr) 96px 110px minmax(140px,auto);padding:12px 16px;transition:border-color .15s ease,background .15s ease}.acceptance-row.checked{background:var(--bg-secondary);border-left-color:#10b981}.acceptance-row.has-diff{border-left-color:#f59e0b}.acceptance-check{align-items:center;cursor:pointer;display:flex;justify-content:center}.acceptance-check input{accent-color:#10b981;cursor:pointer;height:26px;width:26px}.acceptance-info{display:flex;flex-direction:column;gap:2px;min-width:0}.acceptance-sku{color:var(--text-primary);font-family:monospace;font-family:var(--font-heading,monospace);font-size:16px;font-weight:700;letter-spacing:.03em;overflow-wrap:anywhere}.acceptance-name{color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acceptance-tag{align-self:flex-start;font-size:10px;margin-top:4px}.acceptance-qty,.acceptance-received{text-align:center}.acceptance-qty-value{font-feature-settings:"tnum";color:var(--text-primary);font-family:inherit;font-family:var(--font-heading,inherit);font-size:22px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.acceptance-qty-label{color:var(--text-secondary);font-size:11px;letter-spacing:.03em;text-transform:uppercase}.acceptance-muted{opacity:.7}.acceptance-received-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-family:var(--font-heading,inherit);font-size:20px;font-weight:700;height:40px;outline:none;padding:0 8px;text-align:center;width:84px}.acceptance-received-input:focus{border-color:#f68c2c;border-color:var(--color-primary,#f68c2c)}.acceptance-status{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.acceptance-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px;white-space:nowrap}.acceptance-badge.ok{background:#d1fae5;color:#047857}.acceptance-badge.warn{background:#fef3c7;color:#b45309}.acceptance-badge.bad{background:#fee2e2;color:#b91c1c}.acceptance-checker{color:var(--text-secondary);font-size:11px}@media (max-width:900px){.acceptance-row{grid-template-areas:"check info qty" "check received status";grid-template-columns:40px minmax(0,1fr) auto;row-gap:10px}.acceptance-check{align-self:start;grid-area:check}.acceptance-info{grid-area:info}.acceptance-qty{grid-area:qty;text-align:right}.acceptance-received{grid-area:received;text-align:left}.acceptance-status{align-items:flex-end;grid-area:status}.acceptance-name{white-space:normal}.acceptance-toolbar{align-items:stretch}.acceptance-filters{overflow-x:auto}}.acceptance-scan-btn{align-items:center;background:#f68c2c;background:var(--color-primary,#f68c2c);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;height:48px;padding:0 18px;transition:background .15s ease;white-space:nowrap}.acceptance-scan-btn:hover{background:#e67a16;background:var(--color-primary-hover,#e67a16)}@media (max-width:900px){.acceptance-scan-btn{flex:1 1 100%;justify-content:center}}.import-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000bf;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:50}.import-modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:16px;max-height:90vh;max-width:42rem;overflow-y:auto;padding:24px;width:100%}.import-modal-header{align-items:center;display:flex;justify-content:space-between}.import-modal-header h2{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.import-modal-download-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.875rem;text-decoration:underline}.import-modal-download-link:hover{color:var(--text-primary)}.import-dropzone{align-items:center;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:32px;text-align:center;transition:all .2s ease}.import-dropzone.drag-over{background:var(--bg-hover);border-color:var(--accent-primary)}.import-dropzone-icon{font-size:1.875rem}.import-dropzone-text{color:var(--text-secondary);font-size:.875rem}.import-preview-stats{display:flex;flex-wrap:wrap;font-size:.75rem;gap:8px}.stat-badge{border-radius:6px;font-weight:500;padding:4px 8px}.stat-badge.success{background:var(--success-light);color:var(--success)}.stat-badge.error{background:var(--error-light);color:var(--error)}.stat-badge.neutral{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.import-preview-table-wrapper{border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.import-preview-table{border-collapse:collapse;font-size:.75rem;min-width:100%}.import-preview-table th{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:500;padding:8px;text-align:left}.import-preview-table td{border-top:1px solid var(--border-color);color:var(--text-primary);padding:8px}.import-preview-note{color:var(--text-muted);font-size:11px;padding:4px 8px}.import-errors-box{background:#ef44440d;border:1px solid var(--error-light);border-radius:12px;color:var(--error);font-size:.75rem;max-height:8rem;overflow-y:auto;padding:8px}.import-success-box{background:#10b9810d;border:1px solid var(--success-light);border-radius:12px;color:var(--success);font-size:.875rem;padding:16px}.import-modal-actions{display:flex;gap:8px;justify-content:flex-end}.import-review-title{color:var(--text-primary);font-size:14px;font-weight:600;margin:4px 0}.import-review-table td{vertical-align:middle}.review-product{display:flex;flex-direction:column;line-height:1.2}.review-product span{color:var(--text-secondary);font-size:12px}.review-input,.review-select{background:var(--bg-secondary);background:var(--bg-input,var(--bg-secondary));border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;min-width:140px;padding:5px 8px;width:100%}.review-input:focus,.review-select:focus{border-color:var(--accent-primary);outline:none}.review-client-linked{color:var(--text-primary);font-size:13px}.review-badge{border-radius:999px;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;white-space:nowrap}.review-badge.ok{background:#10b98126;color:#10b981}.review-badge.warn{background:#f59e0b26;color:#f59e0b}.review-badge.bad{background:#ef444426;color:#ef4444}.import-review-wrapper{overflow:visible}.review-autocomplete{position:relative}.review-suggestions{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #00000059;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 2px);z-index:40}.review-suggestion{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:space-between;padding:8px 10px;text-align:left;width:100%}.review-suggestion:hover{background:#ffffff0f;background:var(--bg-hover,#ffffff0f)}.review-suggestion-phone{color:var(--text-secondary);font-size:12px;white-space:nowrap}.oc-page{margin:0 auto;max-width:1280px;padding:16px;padding:var(--space-md,16px)}.oc-banner{align-items:center;background:#f3f4f699;background:var(--bg-panel-hover,#f3f4f699);border:1px solid var(--border-color);border-left:3px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-md,8px);color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;gap:var(--space-sm,8px);margin-bottom:16px;margin-bottom:var(--space-md,16px);padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px)}.oc-banner svg{color:var(--color-primary);flex-shrink:0}.oc-banner__reset{flex-shrink:0;margin-left:auto}.oc-grid{grid-gap:16px;grid-gap:var(--space-md,16px);align-items:start;display:grid;grid-template-columns:minmax(0,1fr) 340px}.oc-col-main,.oc-grid{gap:16px;gap:var(--space-md,16px)}.oc-col-main{display:flex;flex-direction:column;min-width:0}.oc-card{margin:0}.oc-card--sticky{position:-webkit-sticky;position:sticky;top:16px;top:var(--space-md,16px)}.oc-card-title{align-items:center;display:inline-flex;gap:6px;gap:var(--space-xs,6px)}.oc-card-title svg{color:var(--color-primary)}.oc-form-grid{grid-gap:12px;grid-gap:var(--space-sm,12px);display:grid;gap:12px;gap:var(--space-sm,12px);grid-template-columns:1fr 1fr}.oc-span-2{grid-column:1/-1}.oc-search-field{align-items:center;display:flex;position:relative}.oc-search-field__icon{color:var(--text-muted);left:10px;pointer-events:none;position:absolute}.oc-search-field__input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md,8px);color:var(--text-primary);font-size:.9rem;padding:8px 32px;width:100%}.oc-search-field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #f68c2c2e;box-shadow:0 0 0 3px var(--ring,#f68c2c2e);outline:none}.oc-search-field__spinner{color:var(--text-muted);position:absolute;right:10px}.oc-client-picker,.oc-product-picker{position:relative}.oc-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:var(--shadow-md);left:0;max-height:300px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:30}.oc-dropdown__list{list-style:none;margin:0;padding:4px}.oc-dropdown__item{align-items:flex-start;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:8px 10px;text-align:left;width:100%}.oc-dropdown__item:hover{background:#f3f4f6e6;background:var(--bg-panel-hover,#f3f4f6e6)}.oc-dropdown__primary{color:var(--text-primary);font-size:.88rem;font-weight:600}.oc-dropdown__secondary{color:var(--text-secondary);font-size:.8rem}.oc-dropdown__empty{align-items:center;color:var(--text-secondary);display:flex;font-size:.88rem;gap:8px;gap:var(--space-sm,8px);justify-content:space-between;padding:12px}.oc-client-picker__hint{margin-top:6px}.oc-client-selected{background:var(--success-light);border:1px solid var(--success);border-radius:8px;border-radius:var(--radius-md,8px);justify-content:space-between;padding:10px 12px}.oc-client-selected,.oc-client-selected__info{align-items:center;display:flex;gap:8px;gap:var(--space-sm,8px)}.oc-client-selected__check{color:var(--success);flex-shrink:0}.oc-client-selected__name{color:var(--text-primary);font-weight:600}.oc-client-selected__phone{color:var(--text-secondary);font-size:.82rem}.oc-item-row,.oc-items{display:flex;flex-direction:column;gap:10px;gap:var(--space-sm,10px)}.oc-item-row{background:#fff9;background:var(--bg-panel,#fff9);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md,8px);padding:10px}.oc-item-row__head{align-items:center}.oc-item-row__fields,.oc-item-row__head{display:flex;gap:10px;gap:var(--space-sm,10px)}.oc-item-row__fields{align-items:flex-end;flex-wrap:wrap}.oc-item-row .ui-input:disabled{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);color:var(--text-secondary);cursor:not-allowed}.oc-item-row__num{color:var(--text-muted);flex:0 0 auto;font-size:.85rem;font-weight:600;text-align:center;width:18px}.oc-item-row__product{flex:1 1 auto;min-width:0}.oc-item-row__name{color:var(--text-secondary);font-size:.8rem;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-item-row__field{display:flex;flex-direction:column;gap:4px;width:104px}.oc-item-row__field--narrow{width:74px}.oc-item-row__field--pt{width:132px}.oc-item-row__field--action{width:168px}.oc-item-row__label{color:var(--text-muted);font-size:.72rem;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.oc-item-row__total{align-items:flex-end;display:flex;flex-direction:column;gap:4px;margin-left:auto;min-width:96px}.oc-item-row__total-value{color:var(--text-primary);font-weight:700}.oc-item-row__remove-label{display:none}.oc-item-row__remove:hover{color:var(--error)}.oc-totals{display:flex;flex-direction:column;gap:8px;gap:var(--space-xs,8px);margin-top:16px;margin-top:var(--space-md,16px)}.oc-totals__row{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between}.oc-totals__discount{color:var(--success)}.oc-totals__row--net{border-top:1px dashed var(--border-color);color:var(--text-primary);font-size:1.05rem;font-weight:700;margin-top:4px;padding-top:10px}.oc-stock{align-items:center;display:inline-flex;font-size:.78rem;font-weight:600;gap:4px;margin-top:6px}.oc-stock--ok{color:var(--success)}.oc-stock--zero{color:var(--error)}.oc-stock--muted,.oc-stock__wh{color:var(--text-muted);font-weight:500}.oc-delivery-types{display:flex;flex-wrap:wrap;gap:6px;gap:var(--space-xs,6px);margin-bottom:12px;margin-bottom:var(--space-sm,12px)}.oc-chip{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:6px 14px;transition:all .15s ease}.oc-chip:hover{color:var(--text-primary)}.oc-chip--active,.oc-chip:hover{border-color:var(--color-primary)}.oc-chip--active{background:var(--color-primary);color:#fff}.oc-payment{border-top:1px solid var(--border-color);margin-top:16px;margin-top:var(--space-md,16px);padding-top:16px;padding-top:var(--space-md,16px)}.oc-payment__title{font-size:.9rem;margin-bottom:10px;margin-bottom:var(--space-sm,10px)}.oc-stages{border-top:1px solid var(--border-color);margin-top:16px;margin-top:var(--space-md,16px);padding-top:16px;padding-top:var(--space-md,16px)}.oc-stages__empty{color:var(--text-secondary);font-size:.82rem;margin:0 0 10px;margin:0 0 var(--space-sm,10px)}.oc-stages__list{gap:8px;gap:var(--space-xs,8px);margin-bottom:10px;margin-bottom:var(--space-sm,10px)}.oc-stage-row,.oc-stages__list{display:flex;flex-direction:column}.oc-stage-row{border:1px solid var(--border-color);border-radius:8px;gap:6px;padding:8px}.oc-stage-row__variant{width:100%}.oc-stage-row__line{align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px}.oc-stage-field{display:flex;flex-direction:column;gap:2px}.oc-stage-field--date{flex:1 1 130px;min-width:120px}.oc-stage-field--pct{flex:0 0 64px;width:64px}.oc-stage-field__label{color:var(--text-muted);font-size:.68rem;letter-spacing:.03em;text-transform:uppercase}.oc-stage-row__amount{align-items:flex-end;display:flex;flex-direction:column;gap:2px;margin-left:auto}.oc-stage-row__amount b{color:var(--text-primary);font-size:.9rem;white-space:nowrap}.oc-stage-row__remove{align-items:center;align-self:flex-end;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:34px;justify-content:center;width:34px}.oc-stage-row__remove:hover{background:var(--bg-tertiary);color:#dc2626;color:var(--color-danger,#dc2626)}.oc-stages__total{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;padding-top:4px}.oc-stages__total--bad{color:#dc2626;color:var(--color-danger,#dc2626);font-weight:600}.oc-stages__add{margin-top:2px}.oc-summary{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;gap:var(--space-xs,8px);margin-top:16px;margin-top:var(--space-md,16px);padding-top:16px;padding-top:var(--space-md,16px)}.oc-summary__row{align-items:center;color:var(--text-secondary);display:flex;font-size:.88rem;justify-content:space-between}.oc-summary__row--total{border-top:1px dashed var(--border-color);color:var(--text-primary);font-size:1.05rem;font-weight:700;margin-top:4px;padding-top:8px}.oc-submit{margin-top:16px;margin-top:var(--space-md,16px)}.oc-submit-note{color:var(--text-muted);font-size:.76rem;margin:6px 0 0;text-align:center}.oc-items-actions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-xs,8px)}.oc-scanner{display:flex;flex-direction:column;gap:16px;gap:var(--space-md,16px)}.oc-scanner__viewport{aspect-ratio:4/3;background:#000;border-radius:8px;border-radius:var(--radius-md,8px);overflow:hidden;position:relative;width:100%}.oc-scanner__video{display:block;height:100%;object-fit:cover;width:100%}.oc-scanner__frame{border:2px solid #ffffffd9;border-radius:6px;border-radius:var(--radius-sm,6px);box-shadow:0 0 0 100vmax #00000040;inset:20% 6%;position:absolute}.oc-scanner__overlay{align-items:center;background:#00000059;color:#fff;display:flex;font-size:.9rem;gap:8px;inset:0;justify-content:center;position:absolute}.oc-scanner__error{background:#f3f4f699;background:var(--bg-panel-hover,#f3f4f699);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md,8px);color:var(--text-secondary);display:flex;font-size:.85rem;gap:8px;gap:var(--space-sm,8px);padding:14px}.oc-scanner__error svg{color:#d97706;color:var(--warning,#d97706);flex-shrink:0}.oc-scanner__msg{align-items:center;border-radius:8px;border-radius:var(--radius-md,8px);display:flex;font-size:.88rem;gap:8px;padding:8px 12px}.oc-scanner__msg--info{background:#f3f4f699;background:var(--bg-panel-hover,#f3f4f699);color:var(--text-secondary)}.oc-scanner__msg--ok{background:var(--success-light);color:var(--success)}.oc-scanner__msg--warn{background:var(--error-light);color:var(--error)}.oc-scanner__manual-row{display:flex;gap:8px;gap:var(--space-xs,8px)}.oc-scanner__manual-row .ui-input{flex:1 1}.oc-scanner__hint{color:var(--text-muted);font-size:.78rem;margin:0;text-align:center}.oc-modal-form{display:flex;flex-direction:column;gap:16px;gap:var(--space-md,16px)}.oc-modal-footer{display:flex;gap:8px;gap:var(--space-sm,8px);justify-content:flex-end}.oc-note{background:#f3f4f699;background:var(--bg-panel-hover,#f3f4f699);border-radius:8px;border-radius:var(--radius-md,8px);color:var(--text-secondary);display:flex;font-size:.82rem;gap:8px;gap:var(--space-xs,8px);padding:10px 12px}.oc-note svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.oc-modal-error{align-items:center;background:var(--error-light);border:1px solid var(--error);border-radius:8px;border-radius:var(--radius-md,8px);color:var(--error);display:flex;font-size:.85rem;gap:8px;gap:var(--space-xs,8px);padding:10px 12px}.oc-modal-error svg{flex-shrink:0}@media (max-width:960px){.oc-grid{grid-template-columns:1fr}.oc-card--sticky{position:static}.oc-card .ui-card__header{flex-wrap:wrap}.oc-card .ui-card__header-actions{flex-basis:100%}.oc-items-actions{width:100%}.oc-items-actions .ui-btn{flex:1 1;min-width:0}.oc-item-row__num{display:none}.oc-item-row__field,.oc-item-row__field--action,.oc-item-row__field--narrow,.oc-item-row__field--pt{flex-basis:calc(50% - 5px);flex-grow:1;flex-shrink:1;width:auto}.oc-item-row__total{align-items:center;border-top:1px dashed var(--border-color);flex-basis:100%;flex-direction:row;justify-content:space-between;margin-left:0;padding-top:10px}.oc-item-row__total .oc-item-row__label{font-size:.8rem;text-transform:none}.oc-item-row__total-value{font-size:1.1rem}.oc-item-row__remove{aspect-ratio:auto;border:1px solid var(--border-color);color:var(--error);flex-basis:100%;gap:8px;height:44px;height:var(--tap-min,44px);width:100%}.oc-item-row__remove-label{display:inline;font-size:.9rem;font-weight:600}}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:inherit;position:absolute;z-index:-1}.core-styles-module_content__BRKdB{position:relative;z-index:1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:.9;opacity:var(--rt-opacity);transition:opacity .15s ease-out;transition:opacity var(--rt-transition-show-delay) ease-out;will-change:opacity}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity .15s ease-in;transition:opacity var(--rt-transition-closing-delay) ease-in;will-change:opacity}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;width:-webkit-max-content;width:max-content}.styles-module_content__ydYdI{background:inherit;border-radius:inherit;padding:8px 16px}.styles-module_arrow__K0L3T{height:8px;height:var(--rt-arrow-size);width:8px;width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:#222;background:var(--rt-color-dark);color:#fff;color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:#fff;background-color:var(--rt-color-white);color:#222;color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:#8dc572;background-color:var(--rt-color-success);color:#fff;color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:#f0ad4e;background-color:var(--rt-color-warning);color:#fff;color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:#be6464;background-color:var(--rt-color-error);color:#fff;color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:#337ab7;background-color:var(--rt-color-info);color:#fff;color:var(--rt-color-white)}.dashboard-page{box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1400px;padding:1.5rem;width:100%}.dashboard-header{align-items:center;display:flex;justify-content:space-between}.dashboard-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.dashboard-controls{align-items:center;display:flex;gap:2rem}.calc-toggle{align-items:center;background:var(--slate-input-bg);border:1px solid var(--slate-input-border);border-radius:8px;display:flex;padding:4px}.calc-toggle button{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.calc-toggle button:hover{color:var(--text-primary)}.calc-toggle button.active{background:var(--accent-primary);box-shadow:var(--shadow-sm);color:#fff}.icon-btn{align-items:center;background:var(--slate-input-bg);border:1px solid var(--slate-input-border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.icon-btn:hover{background:var(--slate-input-border);color:var(--text-primary)}.dashboard-page .kpi-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.analytics-card{background:var(--slate-panel-bg);border:1px solid var(--slate-panel-border);border-radius:12px;box-shadow:var(--slate-panel-shadow);display:flex;flex-direction:column;padding:20px}.card-header-with-note{align-items:baseline;display:flex;gap:8px;margin-bottom:16px}.card-header-with-note h3{color:var(--text-primary);font-size:16px;margin:0}.calc-note{color:var(--text-tertiary);font-size:12px;font-weight:400}.analytics-card h3{color:var(--text-primary);font-size:16px;margin-bottom:16px;margin-top:0}.kpi-card{background:var(--slate-panel-bg);border:1px solid var(--slate-panel-border);box-shadow:var(--slate-panel-shadow);flex-direction:column;justify-content:center;min-width:0;padding:16px;transition:transform .2s,box-shadow .2s,z-index 0s}.kpi-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px);z-index:10}.kpi-title{color:var(--text-secondary);font-size:13px;font-weight:500;gap:6px;margin-bottom:6px;overflow:visible;text-overflow:ellipsis;white-space:nowrap}.info-badge-wrapper,.kpi-title{align-items:center;display:flex}.info-badge-wrapper{cursor:help;outline:none}.info-badge-icon{color:var(--text-tertiary);transition:color .2s}.info-badge-wrapper:hover .info-badge-icon{color:var(--text-primary)}.custom-react-tooltip{background-color:var(--slate-input-bg)!important;border:1px solid var(--border-color)!important;border-radius:6px!important;box-shadow:var(--shadow-lg)!important;color:var(--text-primary)!important;font-size:12px!important;font-weight:500!important;opacity:1!important;padding:10px 14px!important;z-index:9999!important}.kpi-value{font-feature-settings:"tnum";font-family:var(--font-heading);font-size:clamp(1rem,1.4vw,1.35rem);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.02em;line-height:1.2}.kpi-subtitle,.kpi-value{overflow-wrap:anywhere;white-space:normal}.kpi-subtitle{color:var(--text-secondary);font-size:12px;margin-top:4px}.text-blue{color:var(--color-primary)}.text-green{color:var(--success)}.dashboard-chart-container{background:var(--slate-panel-bg);border:1px solid var(--slate-panel-border);border-radius:12px;padding:24px}.dashboard-chart-container h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:24px;margin-top:0}.chart-wrapper{height:400px}.custom-tooltip{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--slate-input-bg);border:1px solid var(--slate-panel-border);border-radius:8px;box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #0000004d;min-width:250px;padding:16px}.tooltip-header{border-bottom:1px solid var(--slate-panel-border);margin-bottom:12px;padding-bottom:8px}.tooltip-date{color:var(--text-primary);font-size:14px;font-weight:700;margin:0}.tooltip-body{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.tooltip-item{display:flex;font-size:14px;justify-content:space-between;margin:0}.tooltip-label{color:var(--text-secondary)}.tooltip-value{font-weight:600}.tooltip-footer{border-top:1px dashed var(--slate-panel-border);padding-top:12px}.tooltip-footer-title{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.tooltip-managers{display:flex;flex-direction:column;gap:8px}.tooltip-manager-item{align-items:center;display:flex;font-size:13px;justify-content:space-between}.manager-name{color:var(--text-secondary)}.manager-revenue{color:var(--text-primary);font-weight:500}.traffic-section{background:var(--slate-panel-bg);border:1px solid var(--slate-panel-border);border-radius:12px;margin-top:32px;padding:24px}.traffic-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px;margin-top:0}.traffic-header p{color:var(--text-secondary);font-size:14px;margin-bottom:24px;margin-top:0}.traffic-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:2fr 1fr;margin-bottom:32px}.traffic-col h4{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:16px;margin-top:0}.traffic-chart-wrapper{background:var(--slate-input-bg);border:1px solid var(--slate-panel-border);border-radius:8px;padding:16px 16px 16px 0}.branches-list{gap:12px}.branch-card,.branches-list{display:flex;flex-direction:column}.branch-card{background:var(--slate-input-bg);border:1px solid var(--slate-panel-border);border-radius:8px;gap:6px;padding:16px}.branch-name{color:var(--text-secondary);font-size:14px;font-weight:500}.branch-amount{color:var(--text-primary);font-size:18px;font-weight:700}.branch-orders{color:var(--text-secondary);font-size:12px}.traffic-table-wrapper{border:1px solid var(--slate-panel-border);border-radius:8px;overflow:hidden}.traffic-table-wrapper h4{background:var(--slate-input-bg);border-bottom:1px solid var(--slate-panel-border);color:var(--text-primary);font-size:15px;font-weight:600;margin:0;padding:16px}.traffic-table{border-collapse:collapse;width:100%}.traffic-table th{background:var(--bg-hover);color:var(--text-secondary);font-size:13px;font-weight:600;text-align:left}.traffic-table td,.traffic-table th{border-bottom:1px solid var(--slate-panel-border);padding:12px 16px}.traffic-table td{color:var(--text-primary);font-size:14px}.traffic-table tr:last-child td{border-bottom:none}.traffic-table tr:hover td{background:var(--slate-table-cell-hover)}@media (max-width:1024px){.traffic-grid{grid-template-columns:1fr}}.popular-stats-section{background:var(--slate-panel-bg);border:1px solid var(--slate-panel-border);border-radius:12px;box-shadow:var(--slate-panel-shadow);margin-top:24px;padding:24px}.popular-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.popular-col h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.popular-chart-wrapper{background:var(--slate-input-bg);border:1px solid var(--slate-panel-border);border-radius:8px;margin-bottom:24px;padding:16px}.popular-products-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:4px}.popular-scrollable-container{border:1px solid var(--slate-panel-border);border-radius:8px;max-height:400px;overflow-y:auto}.popular-scrollable-container .traffic-table th{position:-webkit-sticky;position:sticky;top:0;z-index:1}.popular-products-list::-webkit-scrollbar,.popular-scrollable-container::-webkit-scrollbar{width:6px}.popular-products-list::-webkit-scrollbar-track,.popular-scrollable-container::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.popular-products-list::-webkit-scrollbar-thumb,.popular-scrollable-container::-webkit-scrollbar-thumb{background:var(--slate-panel-border);border-radius:4px}.popular-products-list::-webkit-scrollbar-thumb:hover,.popular-scrollable-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.popular-product-card{align-items:center;background:var(--slate-input-bg);border:1px solid var(--slate-panel-border);border-radius:8px;display:flex;gap:16px;padding:12px;transition:background-color .2s}.popular-product-card:hover{background:var(--slate-table-cell-hover)}.product-image{align-items:center;background:var(--bg-input);border-radius:6px;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.product-image img{height:100%;object-fit:cover;width:100%}.no-image{color:var(--text-tertiary);font-size:10px;text-align:center}.product-info{flex:1 1;gap:4px}.product-sku{font-size:14px}.product-name{font-size:13px}.product-category{color:var(--text-tertiary);font-size:12px}.product-stats{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.product-qty{color:var(--accent-primary);font-size:14px;font-weight:600}.product-sum{color:var(--text-secondary);font-size:13px;font-weight:500}@media (max-width:1024px){.popular-grid{grid-template-columns:1fr}}.charts-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:24px}.chart-panel{background:var(--slate-panel-bg);border:1px solid var(--slate-panel-border);border-radius:12px;box-shadow:var(--slate-panel-shadow);min-width:0;padding:24px}.chart-panel h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 20px}.donut-layout{align-items:center;display:flex;gap:20px}.donut-chart{flex:1 1 55%;height:100%;min-width:0;position:relative}.donut-center{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;pointer-events:none;position:absolute}.donut-center-label{color:var(--text-secondary);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.donut-center-value{color:var(--text-primary);font-family:inherit;font-family:var(--font-heading,inherit);font-size:22px;font-weight:700}.donut-legend{display:flex;flex:1 1 45%;flex-direction:column;gap:10px;list-style:none;margin:0;min-width:0;padding:0}.donut-legend li{align-items:center;color:var(--text-primary);display:flex;font-size:13px;gap:8px}.donut-legend-dot{border-radius:3px;flex-shrink:0;height:10px;width:10px}.donut-legend-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-legend-pct{font-feature-settings:"tnum";color:var(--text-secondary);flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:600}@media (max-width:1024px){.charts-row{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-page{gap:var(--space-md);padding:var(--space-md)}.dashboard-header{align-items:stretch;flex-direction:column;gap:var(--space-md)}.dashboard-header h2{font-size:var(--text-xl)}.dashboard-controls{align-items:stretch;flex-direction:column;gap:var(--space-sm)}.calc-toggle{width:100%}.calc-toggle button{flex:1 1;min-height:var(--tap-min)}.month-selector{justify-content:space-between}.month-selector h2{min-width:0}.icon-btn{height:var(--tap-min);width:var(--tap-min)}}.director-workspace{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1400px;min-height:100vh;padding:1.5rem}.workspace-header{align-items:flex-end;margin-bottom:.5rem}.workspace-header h1{color:var(--text-primary);font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.workspace-header p{color:var(--text-secondary);font-size:.9375rem;margin:0}.user-info{align-items:center;gap:1rem}.username{color:var(--text-secondary);font-weight:500}.role-badge{background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:9999px;color:#a78bfa;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.logout-btn{margin-left:.5rem;transition:all .2s}.logout-btn:hover{background:#ef444433;color:#f87171}.glass{box-shadow:var(--slate-panel-shadow)}.filters-glass-panel,.glass{border:1px solid var(--slate-panel-border)}.filters-glass-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--slate-panel-bg);border-radius:12px;padding:1.25rem}.filters-grid{display:flex}.filter-group label{align-items:center;display:flex;font-size:.8125rem;gap:.375rem}.input-with-icon input{background:var(--slate-input-bg);border:1px solid var(--slate-input-border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.9375rem;padding:.625rem 1rem;transition:all .2s;width:180px}.input-with-icon input:focus{border-color:var(--accent-primary);box-shadow:var(--slate-input-focus-shadow);outline:none}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.summary-card{align-items:center;display:flex;gap:1.25rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.summary-card:hover{box-shadow:0 10px 30px -5px #0000004d;transform:translateY(-2px)}.card-icon{align-items:center;border-radius:14px;display:flex;height:56px;justify-content:center;width:56px}.card-icon.blue{background:#1e40af1a;color:#3b82f6}.card-icon.green{background:#10b9811a;color:#34d399}.card-icon.purple{background:#8b5cf61a;color:#a78bfa}.card-info{display:flex;flex-direction:column;gap:.25rem}.card-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.card-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.charts-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr 1fr}.chart-container,.table-container{padding:1.5rem}.chart-container h3,.table-container h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1.5rem}.chart-wrapper{margin-top:1rem}.modern-table{border-collapse:initial;border-spacing:0 8px;width:100%}.modern-table th{border-bottom:1px solid var(--slate-table-border);color:var(--text-secondary);font-weight:500;text-align:left}.modern-table td,.modern-table th{font-size:.875rem;padding:.5rem 1rem}.modern-table td{background:var(--slate-table-cell);color:var(--text-primary);font-weight:400}.modern-table td:first-child{border-radius:8px 0 0 8px}.modern-table td:last-child{border-radius:0 8px 8px 0}.modern-table tr{animation:fadeIn .5s ease-out forwards;opacity:0;transition:transform .15s,background .15s}.modern-table tr:hover td{background:var(--slate-table-cell-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.manager-cell{gap:.875rem}.avatar,.manager-cell{align-items:center;display:flex}.avatar{border-radius:50%;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}.manager-name{display:flex;flex-direction:column}.manager-name span:first-child{font-weight:500}.manager-username{color:var(--text-secondary);font-size:.75rem}.font-medium{font-weight:500}.highlight-cell{color:var(--accent-primary);font-weight:600}.paid-cell{color:#34d399;font-weight:500}.discount-badge{border-radius:999px;font-size:.75rem;padding:.25rem .625rem}.discount-badge.low{background:#10b98126;color:#34d399}.discount-badge.medium{background:#f59e0b26;color:#fbbf24}.discount-badge.high{background:#ef444426;color:#f87171}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem;text-align:center}.empty-icon{color:var(--text-secondary);margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.25rem;margin:0 0 .5rem}.empty-state p{color:var(--text-secondary);margin:0}.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.spinner-lg{animation:spin 1s linear infinite;border:3px solid #1e40af33;border-radius:50%;border-top:3px solid var(--accent-primary);height:40px;width:40px}@media (max-width:1024px){.summary-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.director-workspace{padding:1rem}.filters-grid{flex-direction:column;gap:1rem}.input-with-icon input{width:100%}.workspace-header{align-items:flex-start;flex-direction:column;gap:1rem}}.kpi-dashboard{flex-direction:column;gap:1.5rem}.kpi-dashboard,.kpi-header{display:flex;padding:1rem 1.5rem}.kpi-header{align-items:center;border-radius:12px;justify-content:space-between}.month-selector{align-items:center;display:flex;gap:1rem}.month-selector h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0;min-width:150px;text-align:center}.global-kpi-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.kpi-card{border-radius:12px;gap:1rem;overflow:hidden;padding:1.5rem;position:relative}.kpi-card.success:before{background-color:var(--success-color)}.kpi-card.success:before,.kpi-card.warning:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.kpi-card.warning:before{background-color:var(--warning-color)}.kpi-card-icon{background:var(--bg-input);border-radius:12px;color:var(--text-secondary);padding:1rem}.kpi-card.success .kpi-card-icon{background:#22c55e1a;color:var(--success-color)}.kpi-card.warning .kpi-card-icon{background:#f59e0b1a;color:var(--warning-color)}.kpi-card-content{flex:1 1}.kpi-card-title{color:var(--text-secondary);font-size:.875rem;margin:0 0 .5rem}.kpi-card-values{align-items:baseline;display:flex;gap:.5rem;margin-bottom:.75rem}.kpi-card-values .current{color:var(--text-primary);font-size:1.5rem;font-weight:700}.kpi-card-values .target{color:var(--text-muted);font-size:.875rem}.kpi-progress-bar{background:var(--bg-input);border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden}.kpi-progress-fill{border-radius:3px;height:100%;transition:width .5s ease-in-out}.kpi-card-percent{font-size:.875rem;font-weight:600;margin:0;text-align:right}.kpi-table-container{border-radius:12px;padding:1.5rem}.kpi-table-container h3{font-size:1.1rem;margin:0 0 1.5rem}.kpi-table th{white-space:nowrap}.kpi-table td{vertical-align:middle}.conditions-cell{display:flex;flex-direction:column;font-size:.875rem;gap:.25rem}.conditions-cell span{align-items:center;display:flex;gap:.25rem}.plan-cell{display:flex;flex-direction:column;gap:.1rem}.total-bonus-cell{background:#22c55e0d}.discount-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;padding:.25rem .5rem}.discount-badge.low{background:#22c55e1a;color:var(--success-color)}.discount-badge.medium{background:#f59e0b1a;color:var(--warning-color)}.discount-badge.high{background:#ef44441a;color:var(--danger-color)}.kpi-table td.bg-light-green,.kpi-table th.bg-light-green{background-color:#22c55e26!important}.kpi-table td.bg-light-blue,.kpi-table th.bg-light-blue{background-color:#1e40af26!important}.kpi-table tr.row-warning{background-color:#ef44440a}.max-w-xs{max-width:200px}.text-wrap{white-space:normal!important;word-break:break-word}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content.manager-detail-modal{max-height:90vh;max-width:900px;overflow-y:auto;padding:0;width:100%}.modal-header{align-items:center;background:var(--bg-panel);border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{font-size:1.25rem;margin:0 0 .25rem}.modal-body{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;background:var(--bg-input);border-radius:8px;display:flex;gap:1rem;padding:1rem}.stat-card.primary{background:#1e40af1a;border:1px solid #1e40af33}.stat-icon{background:var(--bg-panel);border-radius:8px;color:var(--primary-color);padding:.5rem}.stat-card.primary .stat-icon{color:var(--success-color)}.stat-info{display:flex;flex-direction:column}.stat-label{color:var(--text-muted);font-size:.75rem}.stat-value{font-size:1.1rem;font-weight:700}.details-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.details-row{grid-template-columns:1fr}}.detail-section{border-radius:12px;padding:1.25rem}.detail-section h3{color:var(--text-secondary);font-size:1rem;margin:0 0 1rem}.bonus-breakdown{display:flex;flex-direction:column;gap:.75rem}.breakdown-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;font-size:.875rem;justify-content:space-between;padding-bottom:.5rem}.breakdown-item:last-child{border-bottom:none}.breakdown-item.highlight{background:#22c55e0d;border:none;border-radius:6px;padding:.5rem}.breakdown-total{align-items:center;border-top:1px dashed var(--border-color);display:flex;font-size:1rem;justify-content:space-between;margin-top:.5rem;padding-top:1rem}.orders-tags{display:flex;flex-wrap:wrap;gap:.5rem}.order-tag{background:var(--bg-input);border-radius:4px;font-family:monospace;font-size:.75rem;padding:.25rem .5rem}.chart-section{border-radius:12px;padding:1.25rem}.chart-section h3{color:var(--text-secondary);font-size:1rem;margin:0 0 1rem}.hover-highlight:hover td{background:var(--bg-hover)}.cursor-pointer{cursor:pointer}@media (max-width:768px){.kpi-dashboard{padding:1rem}}.kpi-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.kpi-subtabs .tab-btn{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 18px;transition:all .15s ease}.kpi-subtabs .tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.kpi-subtabs .tab-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.kpi-detail-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:14px 18px}.kpi-detail-filter{align-items:center;display:flex;gap:8px}.kpi-detail-filter label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.kpi-detail-filter select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;min-width:200px;padding:7px 12px}.kpi-detail-export{display:inline-flex;gap:8px;margin-left:auto}.kpi-detail-export .btn-secondary{align-items:center;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .15s ease}.kpi-detail-export .btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-primary)}.kpi-detail-export .btn-secondary:disabled{cursor:default;opacity:.6}.kpi-detail-table td,.kpi-detail-table th{vertical-align:middle}.kpi-detail-table .text-right,.kpi-detail-table td.text-right{text-align:right}.kpi-detail-table td.bg-light-green{background-color:#22c55e1f!important}.kpi-detail-table td.bg-light-blue{background-color:#1e40af1f!important}.kpi-orders-cell{color:var(--text-secondary);font-size:.8rem;max-width:220px;vertical-align:top;white-space:normal;word-break:break-word}.kpi-orders-list{line-height:1.35;max-height:76px;overflow-y:auto}.kpi-comment-cell{max-width:360px;min-width:260px}.kpi-comment-view{align-items:flex-start;display:flex;font-size:.84rem;gap:6px;white-space:normal}.kpi-comment-view span{flex:1 1}.kpi-comment-edit-btn{flex-shrink:0;opacity:.5}.kpi-comment-view:hover .kpi-comment-edit-btn{opacity:1}.kpi-comment-edit textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.84rem;padding:6px 8px;resize:vertical;width:100%}.kpi-comment-actions{display:flex;gap:6px;margin-top:4px}.kpi-detail-scroll{max-height:calc(100dvh - 190px);overflow:auto}.kpi-detail-scroll .table-responsive{overflow:visible}.kpi-detail-scroll .kpi-table-container{margin-bottom:16px}.kpi-detail-table thead th{background-color:var(--bg-secondary)!important;box-shadow:inset 0 -1px 0 var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:4}.kpi-detail-table tbody tr{animation:none;opacity:1;transform:none}.table-empty{text-align:left}.table-empty>span{display:inline-block;left:0;padding-left:12px;position:-webkit-sticky;position:sticky}.client-stats-page{box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1400px;padding:1.5rem;width:100%}.client-stats-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px}.client-stats-header p{color:var(--text-secondary);font-size:14px;margin:0}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--slate-panel-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #0003}.client-tops-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.col-span-2{grid-column:span 2}.client-top-card{display:flex;flex-direction:column;padding:20px;transition:transform .2s,box-shadow .2s}.client-top-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.top-card-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.top-card-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.bg-gold{background:linear-gradient(135deg,#f59e0b,#d97706)}.bg-blue{background:linear-gradient(135deg,#3b82f6,#1e40af)}.bg-green{background:linear-gradient(135deg,#10b981,#059669)}.bg-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.top-card-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.top-chart-wrapper{flex:1 1;min-height:300px}.top-list{display:flex;flex-direction:column;gap:12px}.top-list-item{align-items:center;border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;padding:10px;transition:background .2s}.top-list-item,.top-list-item:hover,.top-rank{background:var(--bg-hover)}.top-rank{align-items:center;border-radius:50%;color:var(--text-secondary);display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.top-list-item:first-child .top-rank{background:#f59e0b;color:#fff}.top-list-item:nth-child(2) .top-rank{background:#94a3b8;color:#fff}.top-list-item:nth-child(3) .top-rank{background:#b45309;color:#fff}.top-info{display:flex;flex-direction:column;gap:4px;overflow:hidden}.top-name{color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-value{font-size:13px;font-weight:600}.text-gold{color:#f59e0b}.text-blue{color:#3b82f6}.text-green{color:#34d399}.text-purple{color:#a78bfa}.text-slate{color:#94a3b8}.font-semibold{font-weight:600}.client-list-section{padding:24px}.client-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.client-list-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.client-list-header p{color:var(--text-secondary);font-size:14px;margin:0}.client-list-header p strong{color:var(--text-primary)}.client-table-wrapper{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;overflow-x:auto}.client-table{border-collapse:collapse;width:100%}.client-table th{background:var(--bg-hover);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:13px;font-weight:600;padding:14px 16px;text-align:left;white-space:nowrap}.client-table th.sortable{cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.client-table th.sortable:hover{background:var(--bg-hover);color:var(--text-primary)}.th-content{align-items:center;display:flex;gap:6px}.client-tr{transition:background .2s}.client-tr:hover{background:var(--bg-hover)}.client-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:14px;padding:14px 16px}.client-table tr:last-child td{border-bottom:none}.client-name-td{font-weight:500}.empty-state{color:var(--text-tertiary)!important;padding:40px!important;text-align:center!important}@media (max-width:1024px){.client-tops-grid{grid-template-columns:1fr}.col-span-2{grid-column:span 1}}.client-pagination{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.client-pagination,.pagination-btn{align-items:center;justify-content:center}.pagination-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:36px;padding:0;transition:all .2s;width:36px}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-secondary);font-size:14px}.pagination-pages{gap:8px}.pagination-page-btn{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;transition:all .2s;width:36px}.pagination-page-btn.active{border-color:var(--accent-primary)}.pagination-dots{padding:0 4px}.client-search-bar{align-items:center;display:flex;margin-bottom:1rem;position:relative}.client-search-icon{color:var(--text-secondary);left:12px;pointer-events:none;position:absolute}.client-search-input{background:#ffffff0a;background:var(--slate-input-bg,#ffffff0a);border:1px solid #ffffff1a;border-radius:10px;color:var(--text-primary);font-size:.95rem;outline:none;padding:.7rem 2.25rem .7rem 2.5rem;transition:border-color .15s ease;width:100%}.client-search-input:focus{border-color:var(--accent-primary)}.client-search-clear{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px}.client-search-clear:hover{background:#ffffff14;color:var(--text-primary)}@media (max-width:768px){.client-stats-page{padding:1rem}}.client-detail-page{box-sizing:border-box;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1400px;padding:1.5rem;width:100%}.client-back-btn{align-items:center!important;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex!important;flex-direction:row!important;font-size:14px;font-weight:500;gap:8px;margin-left:-12px;min-width:-webkit-max-content;min-width:max-content;padding:8px 12px;transition:all .2s;width:auto!important}.client-back-btn:hover{background:var(--bg-hover);color:var(--accent-primary)}.client-back-btn span{display:inline-block;white-space:nowrap!important}.client-header{border-radius:16px;gap:20px;padding:24px}.client-avatar,.client-header{align-items:center;display:flex}.client-avatar{border-radius:50%;color:#fff;height:64px;justify-content:center;width:64px}.client-info h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 4px}.client-info p{font-size:14px;margin:0}.client-detail-page .kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.client-detail-page .kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.client-detail-page .kpi-grid{grid-template-columns:1fr}}.kpi-card{align-items:flex-start;border-radius:16px;display:flex;gap:16px;padding:20px}.kpi-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.kpi-data{display:flex;flex-direction:column;gap:4px}.kpi-label{color:var(--text-secondary);font-size:13px;font-weight:500}.kpi-value{color:var(--text-primary);font-size:20px;font-weight:700}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr}.chart-card.col-span-2{grid-column:span 1}}.chart-card{border-radius:16px;display:flex;flex-direction:column;padding:24px}.chart-card h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 20px}.chart-wrapper{flex:1 1;min-height:300px}.chart-wrapper.flex-center{align-items:center;display:flex;justify-content:center}.pie-legend{display:flex;flex-direction:column;gap:12px;margin-top:20px}.legend-item{align-items:center;display:flex;gap:12px}.legend-color{border-radius:50%;flex-shrink:0;height:12px;width:12px}.legend-text{display:flex;font-size:14px;justify-content:space-between;width:100%}.legend-name{color:var(--text-secondary)}.legend-value{color:var(--text-primary);font-weight:600}.purchase-list-section{border-radius:16px;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.purchase-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.purchase-list-header h3{color:var(--text-primary);margin:0}.purchase-table-wrapper{overflow-x:auto}.purchase-table{border-collapse:collapse;font-size:.9rem;width:100%}.purchase-table thead th{border-bottom:1px solid #ffffff1a;color:var(--text-secondary);font-size:.82rem;font-weight:600;letter-spacing:.03em;padding:.6rem .75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.purchase-table tbody td{border-bottom:1px solid #ffffff0d;color:var(--text-primary);padding:.7rem .75rem;vertical-align:top}.purchase-table tbody tr:hover{background:#ffffff08}.purchase-items{display:flex;flex-direction:column;gap:2px}.purchase-item{color:var(--text-primary)}.purchase-item-qty{color:var(--text-secondary);font-size:.82rem}.purchase-empty{color:var(--text-secondary);padding:1.5rem!important;text-align:center}.pay-badge{border-radius:999px;display:inline-block;font-size:.78rem;font-weight:600;padding:.2rem .6rem;white-space:nowrap}.pay-badge.paid{background:#10b98126;color:#10b981}.pay-badge.partial{background:#f59e0b26;color:#f59e0b}.pay-badge.unpaid{background:#ef444426;color:#ef4444}.purchase-row{cursor:pointer;transition:background .12s ease}.purchase-row:hover{background:#1e40af14!important}@media (max-width:768px){.client-detail-page{padding:1rem}}.encashments-tab .enc-chip{background:var(--bg-secondary);border-radius:4px;display:inline-block;font-size:.85rem;margin-right:4px;padding:2px 6px}.enc-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;padding:4px}.enc-icon-btn:hover{background:var(--bg-secondary);color:#e5484d;color:var(--danger,#e5484d)}.enc-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.enc-modal{background:var(--bg-primary);background:var(--bg-panel,var(--bg-primary));border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:1.5rem;width:100%}.enc-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.enc-modal-header h3{color:var(--text-primary);margin:0}.enc-modal-sub{color:var(--text-secondary);font-size:.9rem;margin:0 0 1rem}.enc-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.enc-field span{color:var(--text-secondary);font-size:.85rem}.enc-field input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.6rem .75rem}.enc-error{color:#e5484d;color:var(--danger,#e5484d);font-size:.85rem;margin-bottom:.75rem}.enc-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.enc-btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;padding:.6rem 1.1rem}.enc-btn-secondary:hover{background:var(--bg-primary)}.encashments-tab .pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.375rem;justify-content:center;margin-top:1rem}.encashments-tab .pagination-page-info{font-feature-settings:"tnum";color:var(--text-secondary);font-size:.9rem;font-variant-numeric:tabular-nums;min-width:64px;text-align:center}.encashments-tab .pagination-nav-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);width:34px}.encashments-tab .pagination-nav-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.encashments-tab .pagination-nav-btn:disabled{cursor:not-allowed;opacity:.45}.clients-list-page{display:flex;flex-direction:column;gap:1rem;width:100%}.clients-list-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.clients-search-box{align-items:center;display:flex;flex:1 1 320px;min-width:240px;position:relative}.clients-search-icon{color:var(--text-secondary);left:12px;pointer-events:none;position:absolute}.clients-search-input{background:#ffffff0a;background:var(--slate-input-bg,#ffffff0a);border:1px solid #ffffff1a;border-radius:10px;color:var(--text-primary);font-size:.95rem;outline:none;padding:.7rem 2.25rem .7rem 2.5rem;transition:border-color .15s ease;width:100%}.clients-search-input:focus{border-color:var(--accent-primary)}.clients-search-clear{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px}.clients-search-clear:hover{background:#ffffff14;color:var(--text-primary)}.clients-filter-toggle{align-items:center;background:#ffffff0a;background:var(--slate-input-bg,#ffffff0a);border:1px solid #ffffff1a;border-radius:10px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.7rem 1rem;transition:all .15s ease}.clients-filter-toggle.active,.clients-filter-toggle:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.clients-filter-badge{align-items:center;background:var(--accent-primary);border-radius:9px;color:#fff;display:inline-flex;font-size:.72rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px}.clients-filters-panel{align-items:flex-end;border-radius:12px;display:flex;flex-wrap:wrap;gap:1.25rem;padding:1.1rem 1.25rem}.clients-filter-group{display:flex;flex-direction:column;gap:.4rem}.clients-filter-group label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.clients-filter-range{align-items:center;color:var(--text-secondary);display:flex;gap:.5rem}.clients-filter-range input{background:#ffffff0a;background:var(--slate-input-bg,#ffffff0a);border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);font-size:.9rem;outline:none;padding:.5rem .6rem;width:110px}.clients-filter-range input:focus{border-color:var(--accent-primary)}.clients-filter-actions{display:flex;gap:.5rem;margin-left:auto}.clients-filter-apply,.clients-filter-reset{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.55rem 1.1rem;transition:all .15s ease}.clients-filter-apply{background:var(--accent-primary);color:#fff}.clients-filter-apply:hover{background:var(--accent-hover)}.clients-filter-reset{background:#0000;border-color:#ffffff26;color:var(--text-secondary)}.clients-filter-reset:hover{border-color:#ffffff4d;color:var(--text-primary)}@media (max-width:640px){.clients-filter-actions{margin-left:0;width:100%}.clients-filter-range input{width:90px}}.manager-progress{display:flex;flex-direction:column;gap:1.25rem;overflow-x:hidden;padding:1.5rem 2rem;width:100%}.mp-header{display:flex;justify-content:center;padding:.75rem 1rem}.manager-progress .month-selector{align-items:center;display:flex;gap:1rem}.manager-progress .month-selector h2{color:var(--text-primary);font-size:1.15rem;margin:0;min-width:180px;text-align:center}.manager-progress .icon-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.manager-progress .icon-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.mp-loading{align-items:center;display:flex;justify-content:center;min-height:260px}.mp-empty{color:var(--text-muted);padding:2rem;text-align:center}.mp-plan-card{display:flex;flex-direction:column;gap:.7rem;padding:1.1rem 1.25rem}.mp-plan-head{gap:1rem;justify-content:space-between}.mp-plan-head,.mp-plan-title{align-items:center;display:flex}.mp-plan-title{color:var(--text-secondary);font-size:.95rem;font-weight:600;gap:.5rem}.mp-plan-pct{font-size:1.4rem;font-weight:700;white-space:nowrap}.mp-bar{background:var(--border-color);border-radius:6px;height:10px;overflow:hidden;width:100%}.mp-bar-lg{border-radius:8px;height:16px}.mp-bar-fill{border-radius:inherit;height:100%;transition:width .5s ease}.mp-noplan-note{color:var(--text-secondary);font-size:.9rem;margin:0}.mp-plan-values{align-items:baseline;display:flex;gap:.5rem}.mp-current{color:var(--text-primary);font-size:1.05rem;font-weight:700}.mp-target{color:var(--text-muted);font-size:.9rem}.mp-section-title{color:var(--text-secondary);font-size:1rem;margin:.25rem 0 -.25rem}.mp-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.mp-card{align-items:flex-start;display:flex;gap:.85rem;padding:1rem 1.1rem}.mp-card-icon{align-items:center;background:#1e40af1f;border-radius:10px;color:var(--accent-primary);display:inline-flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.mp-card-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.mp-card-label{color:var(--text-muted);font-size:.82rem;margin:0}.mp-card-value{color:var(--text-primary);font-size:1.15rem;font-weight:700;margin:0}.mp-card-sub{color:var(--text-secondary);font-size:.78rem;margin:0}@media (max-width:640px){.manager-progress{padding:1rem}.mp-cards{grid-template-columns:1fr}.manager-progress .month-selector h2{font-size:1rem;min-width:130px}}.manager-workspace{background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;height:100vh}.workspace-header{background-color:var(--bg-secondary)}.header-brand{gap:.75rem}.header-brand h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.header-actions{align-items:center;display:flex;gap:1.5rem}.user-info{align-items:flex-end;display:flex;flex-direction:column}.user-role{color:var(--accent-primary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.user-name{font-size:.875rem;font-weight:500}.logout-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.logout-btn:hover{background:#ef4444;color:#fff}.workspace-content{flex:1 1;overflow-y:auto;padding:1rem}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.content-header h3{font-size:1.5rem;font-weight:600;margin:0}.create-sale-btn{align-items:center;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border:none;border-radius:8px;box-shadow:var(--shadow-glow);color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all var(--transition-base)}.create-sale-btn:hover{background:linear-gradient(135deg,var(--accent-hover),#7c3aed);box-shadow:var(--shadow-glow-accent);transform:translateY(-2px)}.error-banner{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;margin-bottom:1.5rem;padding:1rem}.filters-section{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:var(--text-secondary);font-size:.8rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.search-input-wrapper{align-items:center;display:flex}.search-input-wrapper input{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.6rem 1rem .6rem 2.5rem;transition:all .2s;width:100%}.filter-group input[type=date]:focus,.filter-group select:focus,.search-input-wrapper input:focus{background:var(--bg-hover);border-color:var(--accent-primary);outline:none}.filter-group input[type=date],.filter-group select{-webkit-appearance:none;appearance:none;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.6rem 1rem;transition:all .2s}.filter-group input[type=date],.filter-group select,.search-input-wrapper input{height:40px;height:var(--control-h,40px);padding-bottom:0;padding-top:0}.filter-group select option{background:var(--bg-primary);color:var(--text-primary)}.filters-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.clear-filters-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem 1.25rem;transition:all .2s}.clear-filters-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.apply-filters-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.25rem;transition:all .2s}.apply-filters-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.table-container{margin-top:1rem}.workspace-content .table-container{padding:0}.sales-table{border-collapse:initial;border-spacing:0 .75rem;width:100%}.sales-table th{background:#0000;color:var(--text-secondary);font-weight:500}.sales-table td,.sales-table th{border:none;font-size:.875rem;padding:.5rem 1rem;text-align:left}.sales-table td{background:var(--bg-panel);border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);font-weight:400;transition:all var(--transition-base)}.sales-table td:first-child{border-bottom-left-radius:12px;border-left:1px solid var(--border-color);border-top-left-radius:12px}.sales-table td:last-child{border-bottom-right-radius:12px;border-right:1px solid var(--border-color);border-top-right-radius:12px}.sales-table tbody tr{transition:all var(--transition-base)}.sales-table tbody tr:hover{transform:translateY(-2px)}.sales-table tbody tr:hover td{background:var(--bg-panel-hover);border-color:var(--accent-light)}.fw-bold,.status-badge{color:var(--accent-primary);font-weight:600}.status-badge{background:#1e40af1a;border-radius:999px;display:inline-block;font-size:.75rem;padding:.25rem .75rem}.amount-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500}.empty-state,.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.empty-action{margin-top:1.5rem}.status-badge.paid{background-color:var(--success-light);border:1px solid #10b9814d;border-radius:999px;box-shadow:0 0 10px #10b9811a;color:var(--success);padding:.35rem .75rem}.status-badge.unpaid{background-color:var(--warning-light);border:1px solid #f59e0b4d;border-radius:999px;box-shadow:0 0 10px #f59e0b1a;color:var(--warning);padding:.35rem .75rem}.sales-table tbody tr{cursor:pointer}.status-badge.paid{background-color:var(--success-color)}.status-badge.paid,.status-badge.unpaid{border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.status-badge.unpaid{background-color:var(--warning-color)}.status-badge.partial{background-color:var(--info);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem}.pagination-nav-btn{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.875rem;padding:.5rem 1rem;transition:all var(--transition-fast)}.pagination-nav-btn:disabled{background:#0000;color:#ffffff4d;cursor:default}.pagination-pages{align-items:center;display:flex;gap:.375rem}.pagination-dots{color:var(--text-secondary);padding:0 .5rem}.pagination-page-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:400;min-width:36px;padding:.4rem .8rem;transition:all var(--transition-fast)}.pagination-page-btn,.pagination-page-btn:hover{background:var(--bg-hover)}.pagination-page-btn.active{background:var(--accent-primary);border:none;color:#fff;font-weight:600}@media (max-width:768px){.workspace-content{padding:0}.content-header{align-items:flex-start;flex-direction:column;gap:1rem}.tabs-and-totals{min-width:0;width:100%}.tabs-and-totals .hos-tabs{max-width:100%}.create-sale-btn{justify-content:center;width:100%}.table-container{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);overflow-x:auto}.sales-table td,.sales-table th{padding:.75rem 1rem;white-space:nowrap}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.pagination-nav-btn{align-items:center;background:var(--bg-secondary);color:var(--text-secondary);display:inline-flex;height:36px;justify-content:center;padding:0;width:36px}.pagination-nav-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.pagination-nav-btn:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;opacity:.5}.pagination-pages{flex-wrap:wrap;justify-content:center}.client-source-selector{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.source-header{align-items:center;display:flex;justify-content:space-between}.source-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.source-subtitle{color:var(--text-secondary);font-size:.8rem}.btn-toggle-sources{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.4rem .8rem;transition:all .2s ease}.btn-toggle-sources:hover{background:var(--bg-hover)}.selected-sources-pills{display:flex;flex-wrap:wrap;gap:.5rem}.source-pill{background:#1e40af26;border:1px solid #1e40af4d;border-radius:999px;color:var(--accent-primary);color:var(--accent-primary,var(--accent-primary));font-size:.85rem;font-weight:500;gap:.3rem;padding:.2rem .6rem}.remove-pill-btn,.source-pill{align-items:center;display:flex}.remove-pill-btn{background:none;border:none;color:inherit;cursor:pointer;justify-content:center;opacity:.7;padding:0;transition:opacity .2s}.remove-pill-btn:hover{opacity:1}.sources-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-md),0 2px 4px -1px #0000000f;padding:1rem}.source-search-row{display:flex;gap:.5rem;margin-bottom:1rem}.search-input-wrapper{flex:1 1;position:relative}.search-input-wrapper .search-icon{color:var(--text-muted);left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.source-search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;padding:.6rem .75rem .6rem 2.25rem;transition:all .2s ease;width:100%}.source-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #1e40af1a;outline:none}.btn-create-source{align-items:center;background:var(--accent-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.4rem;padding:0 1rem;transition:background-color .2s;white-space:nowrap}.btn-create-source:hover:not(:disabled){background:var(--accent-hover)}.btn-create-source:disabled{cursor:not-allowed;opacity:.7}.sources-grid{display:flex;flex-wrap:wrap;gap:.5rem}.source-grid-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.85rem;padding:.6rem 1rem;text-align:center;transition:all .2s;white-space:nowrap}.source-grid-item:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.source-grid-item.selected{background:#1e40af26;border-color:var(--accent-primary);color:var(--accent-primary);font-weight:500}.sources-empty,.sources-loading{color:var(--text-muted);font-size:.9rem;padding:1rem;text-align:center;width:100%}.client-selector-seamless{position:relative;z-index:900}.client-fields-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.input-group{gap:.5rem}.input-group label{font-size:.85rem}.input-group input{background:var(--bg-primary);border-radius:6px;font-size:.9rem;padding:.6rem .8rem;transition:all .2s}.input-group input:focus{box-shadow:0 0 0 2px #1e40af1a}.search-trigger-group{position:relative}.field-spinner{animation:spin 1s linear infinite;color:var(--accent-primary);position:absolute;right:.8rem;top:2.1rem}.seamless-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 25px #0003;left:0;margin-top:.5rem;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999}.seamless-dropdown-header{align-items:center;background:var(--bg-input);color:var(--text-muted);display:flex;font-size:.85rem;gap:.5rem}.seamless-dropdown-header,.seamless-dropdown-item{border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.seamless-dropdown-item{cursor:pointer;transition:background-color .2s}.seamless-dropdown-item:last-child{border-bottom:none}.seamless-dropdown-item:hover{background:var(--bg-hover)}.seamless-dropdown-item .client-name{color:var(--text-primary);font-weight:500;margin-bottom:.2rem}.seamless-dropdown-item .client-phone{color:var(--text-secondary);font-size:.8rem}.seamless-dropdown-empty{color:var(--text-muted);font-size:.9rem;padding:1rem;text-align:center}.client-selected-badge{background:#10b9811a;border:1px solid #10b98133;border-radius:4px;color:#34d399;display:inline-block;font-size:.8rem;margin-top:.5rem;padding:.3rem .6rem}.client-questionnaire-section{margin-top:1rem}.questionnaire-label{display:inline-block}.questionnaire-status{color:var(--text-secondary);font-size:.9rem;gap:.5rem;transition:all .2s}.questionnaire-status.clickable{cursor:pointer}.questionnaire-status.clickable:hover{color:var(--text-primary)}.icon-filled,.questionnaire-status.filled{color:var(--accent-primary)}.icon-empty{color:var(--text-muted)}.product-selector-wrapper{position:relative;width:100%}.product-input-group{align-items:center;display:flex;position:relative}.search-icon-wrapper{align-items:center;display:flex;justify-content:center;left:.75rem;pointer-events:none;position:absolute}.product-input-group .product-search-input{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;padding:.625rem .875rem .625rem 2.25rem;transition:all var(--transition-fast);width:100%}.product-input-group .product-search-input:focus{background:var(--bg-hover);border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-light);outline:none}.spinner-wrapper{align-items:center;display:flex;justify-content:center;pointer-events:none;position:absolute;right:.75rem}.product-dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:var(--z-dropdown)}.product-results-list{list-style:none;margin:0;padding:0}.product-result-item{border-bottom:1px solid var(--border-color);cursor:pointer;padding:.75rem 1rem;transition:background-color var(--transition-fast)}.product-result-item:last-child{border-bottom:none}.product-result-item:hover{background:var(--bg-hover)}.product-info{display:flex;flex-direction:column;gap:.25rem}.product-sku{color:var(--text-primary);font-size:.95rem;font-weight:600}.product-name{color:var(--text-secondary);font-size:.85rem}.product-no-results{color:var(--text-secondary);font-size:.9rem;padding:1rem;text-align:center}.payment-method-selector{display:flex;flex-direction:column;gap:.5rem;width:100%}.selector-main{width:100%}.payment-method-select{-webkit-appearance:none;appearance:none;background:var(--bg-input);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239CA3AF' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.625rem 2rem .625rem .875rem;transition:all var(--transition-fast);width:100%}.payment-method-select:focus{border-color:var(--accent-primary);outline:none}.payment-method-select.has-error{border-color:var(--error)}.add-method-container{display:flex;gap:.5rem}.new-method-input{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-size:.85rem;padding:.5rem .75rem;transition:border-color var(--transition-fast)}.new-method-input:focus{border-color:var(--accent-primary);outline:none}.add-method-btn{align-items:center;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;justify-content:center;padding:.5rem .75rem;transition:background .2s}.add-method-btn,.add-method-btn:hover:not(:disabled){background:var(--bg-hover)}.add-method-btn:disabled{cursor:not-allowed;opacity:.5}.managers-selector .section-header-flex{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.managers-selector .section-header-flex h4{margin:0}.managers-selector .add-sm-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:4px;padding:.4rem .8rem;transition:all var(--transition-fast)}.managers-selector .add-sm-btn:hover{background:var(--accent-hover)}.managers-list{display:flex;flex-direction:column;gap:.5rem}.manager-row{align-items:center;display:flex;gap:.5rem}.manager-row select{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-size:.875rem;min-width:0;padding:.5rem;transition:border-color var(--transition-fast)}.manager-row select option{background:var(--bg-primary);color:var(--text-primary)}.manager-row select:focus{border-color:var(--accent-primary);outline:none}.manager-weight-group{align-items:center;display:flex;gap:.5rem;width:120px}.manager-weight-group label{color:var(--text-muted);font-size:.8rem}.manager-weight-group input{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);padding:.5rem;width:60px}.manager-weight-group input:focus{border-color:var(--accent-primary);outline:none}.manager-delete-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--error-color);cursor:pointer;padding:.5rem;transition:all var(--transition-fast)}.manager-delete-btn:hover:not(:disabled){background:var(--error-light)}.manager-delete-btn:disabled{cursor:not-allowed;opacity:.3}.managers-weight-total{display:flex;font-size:.85rem;justify-content:space-between;margin-top:.5rem}.managers-weight-total .weight-valid{color:var(--success-color)}.managers-weight-total .weight-invalid{color:var(--error-color)}.managers-selector .error-text{color:var(--error-color);display:block;font-size:.75rem;margin-top:.5rem}.create-sale-workspace{background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;height:100vh;overflow-y:auto}.workspace-header{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-panel);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-brand{align-items:center;display:flex;gap:1rem}.back-btn:hover{color:var(--text-primary)}.form-container{margin:0 auto;max-width:1200px;padding:2rem;width:100%}.sale-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.form-section h3{color:var(--accent-primary);font-size:1.125rem;font-weight:600;margin-bottom:1.25rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.section-header h3{margin-bottom:0}.add-btn{align-items:center;background:#1e40af1a;border:1px solid #1e40af33;border-radius:6px;color:var(--accent-primary);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;transition:all .2s}.add-btn:hover{background:#1e40af33}.form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.input-group{display:flex;flex-direction:column;gap:.375rem}.input-group label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.input-group input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;padding:.625rem .875rem;transition:border-color .2s}.input-group input:focus{border-color:var(--accent-primary);outline:none}.checkbox-group{align-items:center;flex-direction:row;gap:.75rem;padding-top:1.5rem}.checkbox-group input{cursor:pointer;height:1.125rem;width:1.125rem}.error-text{color:#ef4444;font-size:.75rem;margin-top:.25rem}.mb-2{margin-bottom:.5rem}.block{display:block}.items-list{gap:1rem}.items-list,.promo-group{display:flex;flex-direction:column}.promo-group{align-items:center;flex:0 0 auto;gap:.375rem;justify-content:flex-start}.promo-group label{color:var(--text-secondary);font-size:.8125rem;font-weight:500;line-height:1}.promo-checkbox{height:20px;margin-top:.6rem;width:20px}.item-row{align-items:flex-start;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.item-row .input-group{flex:1 1;min-width:120px}.remove-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;margin-top:1.5rem;transition:all .2s;width:38px}.remove-btn:hover:not(:disabled){background:#ef4444;color:#fff}.remove-btn:disabled{cursor:not-allowed;opacity:.5}.empty-text{color:var(--text-secondary);font-size:.875rem;font-style:italic}.checklists-container{display:flex;flex-direction:column;gap:1rem}.checklist-item{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.checklist-type-select{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;min-width:200px;padding:.625rem .875rem}.checklist-type-select:focus{border-color:var(--accent-primary);outline:none}.checklist-file-wrapper{align-items:center;display:flex;flex:1 1;gap:1rem}.checklist-file-wrapper input[type=file]{display:none}.checklist-upload-btn{align-items:center;background:var(--bg-hover);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;gap:.5rem;padding:.625rem 1rem;transition:all .2s;white-space:nowrap}.checklist-upload-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.checklist-file-name{color:var(--accent-primary);font-size:.875rem;word-break:break-all}.checklist-remove-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:all .2s;width:38px}.checklist-remove-btn:hover{background:#ef4444;color:#fff}.form-actions{display:flex;justify-content:flex-end;margin-bottom:3rem;margin-top:1rem}.save-btn{align-items:center;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border:none;border-radius:8px;box-shadow:var(--shadow-glow);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all var(--transition-base)}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-hover),#7c3aed);box-shadow:var(--shadow-glow-accent);transform:translateY(-2px)}.save-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.error-text-block{display:block;margin-top:.5rem}.form-section-managers{position:relative;z-index:11}.form-section-client{position:relative;z-index:10}.form-section-items{position:relative;z-index:5}.input-group-wide{flex:2 1}.report-modal{max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.report-header{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1rem}.report-header h2{font-size:1.25rem;margin:0 0 .5rem}.last-sent-text{color:var(--text-muted);font-size:.85rem;margin:0}.report-textarea{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:monospace;font-size:.95rem;line-height:1.5;padding:1rem;resize:vertical;width:100%}.report-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #08c3;outline:none}.loading-container{align-items:center;color:var(--text-muted);display:flex;gap:10px;justify-content:center;padding:2rem}.report-destination{margin-top:18px}.report-destination-label{color:var(--text-secondary);display:block;font-size:.9rem;margin-bottom:8px}.report-destination-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:inline-flex;gap:6px;padding:4px}.dest-option{align-items:center;background:#0000;border:none;border-radius:7px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;gap:6px;padding:8px 14px}.dest-option.active{background:#08c;color:#fff}.dest-option:disabled{cursor:not-allowed;opacity:.5}.report-destination-hint{color:var(--text-secondary);font-size:.82rem;margin:8px 0 0}.order-details-error,.order-details-loading{align-items:center;background-color:var(--bg-primary);color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center}.order-details-error{color:#ef4444}.order-details-error button{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.order-details-page{background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;height:100vh;overflow-y:auto}.details-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-panel);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.details-header,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.header-left h2{font-size:1.25rem;font-weight:600;margin:0}.edit-btn,.header-right{align-items:center;display:flex}.edit-btn{border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.edit-btn,.edit-btn:hover{background:var(--bg-hover)}.edit-actions{gap:1rem}.cancel-btn,.edit-actions{align-items:center;display:flex}.cancel-btn{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-weight:500;gap:.5rem;padding:.5rem}.cancel-btn:hover{color:var(--text-primary)}.details-content{margin:0 auto;max-width:1200px;padding:2rem;width:100%}.details-form{display:flex;flex-direction:column;gap:2rem}.details-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--slate-panel-bg);border:1px solid var(--slate-panel-border);border-radius:16px;box-shadow:var(--slate-panel-shadow);padding:1.5rem;transition:all var(--transition-base)}.details-card:hover{border-color:#1e40af4d;box-shadow:var(--shadow-lg)}.info-section{background:var(--slate-panel-bg);border:1px solid var(--slate-panel-border);border-radius:12px;padding:1.5rem}.info-section h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1.25rem}.section-header-flex{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.section-header-flex h3{margin-bottom:0}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item label{color:var(--text-secondary);font-size:.8125rem}.info-item p{font-size:1rem;font-weight:500;margin:0;word-break:break-word}.edit-input{background:var(--slate-input-bg);border:1px solid var(--slate-input-border);border-radius:8px;color:var(--text-primary);font-size:.9375rem;padding:.625rem 1rem;transition:all .2s;width:100%}.edit-input:focus{border-color:var(--accent-primary);box-shadow:var(--slate-input-focus-shadow);outline:none}.edit-checkbox{cursor:pointer;height:1.25rem;width:1.25rem}.table-responsive{overflow-x:auto}.details-table{border-collapse:initial;border-spacing:0 .5rem;width:100%}.details-table th{border-bottom:1px solid var(--slate-table-border);color:var(--text-secondary);font-weight:500}.details-table td,.details-table th{font-size:.875rem;padding:.5rem 1rem;text-align:left}.details-table td{background:var(--slate-table-cell);color:var(--text-primary);font-weight:400}.details-table td:first-child{border-radius:8px 0 0 8px}.details-table td:last-child{border-radius:0 8px 8px 0}.details-table tbody tr{transition:transform .15s,background .15s}.details-table tbody tr:hover td{background:var(--slate-table-cell-hover)}.edit-input-sm{background:var(--slate-input-bg);border:1px solid var(--slate-input-border);border-radius:8px;color:var(--text-primary);font-size:.9375rem;padding:.625rem 1rem;transition:all .2s;width:100%}.edit-input-sm:focus{border-color:var(--accent-primary);box-shadow:var(--slate-input-focus-shadow);outline:none}.add-sm-btn{align-items:center;background:#1e40af1a;border:1px solid #1e40af33;border-radius:4px;color:var(--accent-primary);cursor:pointer;display:flex;font-size:.75rem;gap:.375rem;padding:.25rem .625rem}.add-sm-btn:hover{background:#1e40af33}.remove-sm-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.remove-sm-btn:hover{background:#ef4444;color:#fff}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.w-100{width:100%}.checklists-grid{display:flex;flex-wrap:wrap;gap:1.5rem}.checklist-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1rem;width:250px}.checklist-card-header{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;justify-content:space-between}.checklist-images{display:flex;flex-direction:column;gap:.5rem}.checklist-image-placeholder{align-items:center;background:var(--bg-hover);border-radius:6px;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.75rem;padding:.75rem}.new-checklist{border-color:#1e40af4d}.checklist-add-file{display:flex;flex-direction:column}.checklist-upload-btn-sm{align-items:center;background:var(--bg-hover);border:1px dashed var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8125rem;gap:.5rem;justify-content:center;padding:.5rem}.checklist-upload-btn-sm:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.images-gallery{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.secure-image-wrapper{aspect-ratio:1;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;width:100%}.secure-image{height:100%;object-fit:cover;width:100%}.secure-image-placeholder{align-items:center;aspect-ratio:1;background:var(--bg-hover);border-radius:6px;display:flex;justify-content:center;width:100%}.secure-image-placeholder.error{color:#ef4444}.delivery-badge{background:var(--accent-primary);border-radius:999px;color:#fff;display:inline-block;font-size:.8125rem;font-weight:500;padding:.375rem .875rem}.promo-badge{background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:4px;color:#a78bfa;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.promo-checkbox{accent-color:var(--accent-primary);cursor:pointer;height:18px;width:18px}.z-10{z-index:10}.z-10,.z-6{position:relative}.z-6{z-index:6}.z-5{position:relative;z-index:5}.edit-input-select{padding:.625rem}.edit-input-sm-select{background:var(--bg-hover);border-radius:4px;color:#fff;padding:.4rem}.edit-input-sm-select,.form-select{border:1px solid var(--border-color)}.form-select{-webkit-appearance:none;appearance:none;background:var(--bg-input);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239CA3AF' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.875rem;padding:.625rem 2rem .625rem .875rem;transition:border-color var(--transition-fast);width:100%}.form-select:focus{border-color:var(--accent-primary);outline:none}.form-select-sm{-webkit-appearance:none;appearance:none;background:var(--bg-hover);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239CA3AF' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.8125rem;padding:.4rem 2rem .4rem .5rem}.info-item-full{grid-column:1/-1}.info-grid-compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.managers-badges{display:flex;flex-wrap:wrap;gap:.5rem}.manager-badge{align-items:center;display:flex;gap:.5rem}.manager-weight{font-size:.85em;opacity:.7}.client-info-card{background:#1e40af0d;border:1px solid #1e40af33;border-radius:8px;display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem}.client-info-label{color:var(--text-secondary);display:block;font-size:.8rem}.client-info-label.with-mb{margin-bottom:.2rem}.client-info-block{flex:1 1}.sources-list{display:flex;flex-wrap:wrap;gap:.4rem}.source-pill-sm{background:var(--bg-hover);border-radius:999px;font-size:.75rem;padding:.1rem .5rem}.questionnaire-status{align-items:center;color:var(--accent-primary);display:flex;font-size:.8rem;gap:.3rem}.questionnaire-status.missing{color:var(--text-secondary)}.fw-bold{font-weight:700}.text-accent-bold{color:var(--accent-primary);font-weight:700}.text-success-bold{color:var(--success-color);font-weight:700}.text-error-bold{color:var(--error-color);font-weight:700}.flex-col{display:flex;flex-direction:column}.product-name-sm{color:var(--text-secondary);font-size:.85em}.item-comment-text{color:var(--text-secondary);font-size:.8em;font-style:italic;margin-top:2px;max-width:280px;opacity:.9;white-space:normal;word-break:break-word}.item-comment-input{background:#0000;background:var(--bg-input,#0000);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.8em;margin-top:4px;max-width:260px;padding:4px 8px;width:100%}.item-comment-input:focus{border-color:var(--accent-primary);outline:none}.col-min-250{min-width:250px}.table-overflow-visible{overflow:visible}.flex-items-center{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.error-text-sm{font-size:.75rem}.checklist-file-input{display:none}.delivery-type-selector{display:flex;flex-wrap:wrap;gap:.5rem}.delivery-type-btn{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s;white-space:nowrap}.delivery-type-btn:hover{background:var(--bg-hover);border-color:#fff3;color:var(--text-primary)}.delivery-type-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 2px 8px #1e40af4d;color:#fff}.delivery-date-input{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.delivery-date-input input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;max-width:300px;padding:.625rem .875rem;transition:border-color .2s}.delivery-date-input input:focus{border-color:var(--accent-primary);outline:none}.delivery-date-hint{color:var(--text-secondary);font-size:.8rem;font-style:italic}@media (max-width:768px){.details-header{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;padding-top:max(.75rem,var(--safe-top));row-gap:.5rem}.header-left{flex:1 1 auto;flex-wrap:wrap;gap:.5rem;min-width:150px}.header-left h2{font-size:1rem;line-height:1.2;word-break:break-word}.group-order-badges{flex-basis:100%;flex-wrap:wrap;margin-left:0!important;margin-top:.4rem;overflow-x:auto}.group-header-actions{flex-wrap:wrap}.back-btn{flex-shrink:0;height:36px;width:36px}.header-right{flex-wrap:wrap;justify-content:flex-start;max-width:100%}.header-right .theme-toggle-btn{margin-right:.25rem!important}.edit-actions{flex-wrap:wrap;gap:.5rem}.edit-btn{padding:.5rem}.edit-btn__label{display:none}.details-content{padding:1rem}.details-form{gap:1.25rem}.details-card{padding:1rem}.section-header-flex{flex-wrap:wrap;gap:.75rem}.info-grid{gap:1rem;grid-template-columns:minmax(0,1fr)}.edit-input,.edit-input-select,.manager-row select{max-width:100%;min-width:0}.manager-row{flex-wrap:wrap}.table-overflow-visible,.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.details-table{min-width:520px}}.delivery-details-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.25rem}.delivery-details-grid .sub-label{color:var(--text-secondary);display:block;font-size:.75rem;margin-bottom:.25rem}.delivery-details-view{grid-gap:.4rem 1rem;display:grid;gap:.4rem 1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.25rem}.delivery-details-view .dd-k{color:var(--text-secondary)}@media (max-width:640px){.delivery-details-grid,.delivery-details-view{grid-template-columns:1fr}}.hos-tabs{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:.5rem;padding:.25rem}.hos-tab{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.hos-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.hos-tab.active{background:var(--accent-primary);box-shadow:var(--shadow-md);color:#fff}.hos-content{display:flex;flex-direction:column;gap:1.5rem;width:100%}@media (max-width:768px){.hos-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.hos-tabs::-webkit-scrollbar{display:none}.hos-tab{min-height:var(--tap-min)}}.director-orders-page{flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh}.director-orders-page,.page-header{display:flex;gap:1.5rem;padding:1.5rem}.page-header{align-items:center}.page-header h1{color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem}.page-header p{color:var(--text-secondary);font-size:.9375rem;margin:0}.back-btn{align-items:center;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.back-btn,.back-btn:hover{background:var(--bg-hover)}.back-btn:hover{transform:translateX(-4px)}.orders-content{flex:1 1;padding:1.5rem}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#1e40af0d!important}.action-btn{align-items:center;background:#1e40af1a;border:1px solid #1e40af33;border-radius:6px;color:#818cf8;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s;width:32px}.action-btn:hover{background:#1e40af33;color:#a5b4fc;transform:scale(1.05)}.min-h-\[400px\]{min-height:400px}@media (max-width:768px){.director-orders-page{padding:1rem}}.prod-thumb--zoomable{cursor:zoom-in;outline:2px solid #0000;outline-offset:1px;transition:outline-color .15s ease;transition:outline-color var(--transition-fast,.15s ease)}.prod-thumb--zoomable:focus-visible,.prod-thumb--zoomable:hover{outline-color:var(--color-primary)}.prod-lightbox{align-items:center;animation:fadeIn .15s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000d9;cursor:zoom-out;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:3000}.prod-lightbox__img{border-radius:8px;box-shadow:0 20px 60px #00000080;cursor:default;max-height:92vh;max-width:92vw;object-fit:contain;transition:opacity .2s ease}.prod-lightbox__close,.prod-lightbox__spinner{color:#fff;position:absolute}.prod-lightbox__close{align-items:center;background:#ffffff24;border:none;border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;right:16px;top:16px;transition:background .15s ease;width:44px}.prod-lightbox__close:hover{background:#ffffff47}@media (max-width:768px){.prod-lightbox{padding:12px}.prod-lightbox__img{max-height:90vh;max-width:96vw}}.stock-page{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:1400px}.stock-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.stock-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.stock-subtitle{color:var(--text-secondary);font-size:.875rem;margin:.25rem 0 0}.stock-sync-btn{align-items:center;display:inline-flex;gap:.5rem;white-space:nowrap}.spin{animation:stock-spin 1s linear infinite}@keyframes stock-spin{to{transform:rotate(1turn)}}.stock-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.filter-input,.filter-select{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #00000026;border:1px solid var(--border-color,#00000026);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.875rem;padding:.5rem .75rem}.filter-input{flex:1 1 280px;min-width:220px}.stock-checkbox{align-items:center;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;gap:.4rem;-webkit-user-select:none;user-select:none}.stock-table-container{border:1px solid #00000014;border:1px solid var(--border-color,#00000014);border-radius:12px;max-height:calc(100vh - 240px);min-height:260px;overflow:auto}.stock-table{border-collapse:collapse;font-size:.875rem;width:100%}.stock-table thead th{background:#fff;background:var(--bg-secondary,#fff);box-shadow:inset 0 -1px 0 #0000001f;box-shadow:inset 0 -1px 0 var(--border-color,#0000001f);color:var(--text-secondary);font-weight:600;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:2}.stock-table td.num,.stock-table th.num{text-align:right;white-space:nowrap}.stock-table th.sortable{-webkit-user-select:none;user-select:none}.stock-table th.sortable:hover{color:var(--text-primary)}.stock-table th.sorted{color:#2563eb;color:var(--accent-primary,#2563eb)}.stock-table th .sort-arrow{font-size:.75em}.stock-table tbody td{border-top:1px solid #0000000f;border-top:1px solid var(--border-color,#0000000f);color:var(--text-primary);padding:.625rem 1rem}.stock-table tbody tr:hover td{background:#00000005;background:var(--bg-hover,#00000005)}.stock-table td.mono,.stock-table td.muted{color:var(--text-secondary)}.stock-table td.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stock-table td.strong{color:#2563eb;color:var(--accent-primary,#2563eb);font-weight:700}.prod-name{align-items:center;display:flex;gap:.75rem;min-width:300px}.prod-name>span{min-width:0}.prod-thumb{background:#0000000a;background:var(--bg-secondary,#0000000a);border-radius:10px;flex:0 0 auto;height:90px;object-fit:cover;width:90px}.prod-thumb-empty{align-items:center;border:1px solid #00000014;border:1px solid var(--border-color,#00000014);color:var(--text-secondary);display:inline-flex;justify-content:center}.stock-table td.num.zero{color:#78787873;color:var(--text-tertiary,#78787873);font-weight:400}.stock-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-color,#0000001a);display:flex;flex-wrap:nowrap;gap:.25rem;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.stock-tabs::-webkit-scrollbar{display:none}.stock-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.9rem;font-weight:500;margin-bottom:-1px;padding:.5rem 1rem;white-space:nowrap}.stock-tab:hover{color:var(--text-primary)}.stock-tab.active{border-bottom-color:#2563eb;border-bottom-color:var(--accent-primary,#2563eb);color:#2563eb;color:var(--accent-primary,#2563eb)}.stock-hint{align-self:center;color:var(--text-secondary);font-size:.8125rem}.stock-summary-bar{align-items:center;background:#fff;background:var(--bg-secondary,#fff);border:1px solid #0000001a;border:1px solid var(--border-color,#0000001a);border-radius:8px;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;gap:1.25rem;margin:.75rem 0;padding:.6rem .9rem}.stock-summary-bar strong{color:var(--text-primary)}.filter-daterange{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.8rem;gap:6px}.filter-daterange>input[type=date]{max-width:150px}.row-clickable{cursor:pointer}.row-clickable:hover td{background:#2563eb0f;background:var(--bg-hover,#2563eb0f)}.cell-sub{color:var(--text-secondary);font-size:.72rem;margin-top:2px}.batch-detail-row>td{background:#00000005;background:var(--bg-secondary,#00000005);padding:.5rem 1rem}.batch-note{color:var(--text-secondary);font-size:.85rem;padding:.4rem 0}.batch-table{border-collapse:collapse;font-size:.82rem;width:100%}.batch-table td,.batch-table th{border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-color,#00000014);padding:.35rem .6rem;text-align:left}.batch-table td.num,.batch-table th.num{text-align:right}.batch-table th{color:var(--text-secondary);cursor:help;font-weight:600}.batch-table tr.batch-zero td{color:var(--text-secondary);opacity:.7}.batch-badge{background:#0000001f;background:var(--border-color,#0000001f);border-radius:6px;color:var(--text-secondary);display:inline-block;font-size:.68rem;line-height:1.5;margin-left:6px;padding:0 6px;white-space:nowrap}.stock-table th.sortable{cursor:pointer}.stock-summary-bar span[title]{cursor:help}.abc-summary{display:flex;flex-wrap:wrap;gap:.75rem}.abc-summary-chip{align-items:center;border:1px solid #0000001a;border:1px solid var(--border-color,#0000001a);border-radius:10px;color:var(--text-secondary);display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem}.seg{border:1px solid #00000026;border:1px solid var(--border-color,#00000026);border-radius:8px;display:inline-flex;overflow:hidden}.seg-btn{background:#fff;background:var(--bg-secondary,#fff);border:none;border-left:1px solid #0000001a;border-left:1px solid var(--border-color,#0000001a);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:500;padding:.45rem .85rem;white-space:nowrap}.seg-btn:first-child{border-left:none}.seg-btn:hover:not(:disabled):not(.active){color:var(--text-primary)}.seg-btn.active{background:#2563eb;background:var(--accent-primary,#2563eb);color:#fff}.seg-btn:disabled{cursor:not-allowed;opacity:.45}.stock-alert-info{background:#2563eb14;border:1px solid #2563eb40;color:#2563eb;color:var(--accent-primary,#2563eb)}.stock-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.stock-page-info{color:var(--text-secondary);font-size:.875rem;white-space:nowrap}.pager{display:flex;flex-wrap:wrap;gap:.25rem}.pager,.pager-btn{align-items:center;justify-content:center}.pager-btn{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #00000026;border:1px solid var(--border-color,#00000026);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;height:32px;min-width:32px;padding:0 .375rem}.pager-btn:hover:not(:disabled):not(.active){background:#0000000a;background:var(--bg-hover,#0000000a)}.pager-btn.active{background:#2563eb;background:var(--accent-primary,#2563eb);border-color:#2563eb;border-color:var(--accent-primary,#2563eb);color:#fff;cursor:default}.pager-btn:disabled{cursor:not-allowed;opacity:.4}.pager-ellipsis{color:var(--text-secondary);padding:0 .25rem}.stock-page-size{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.875rem;gap:.4rem;white-space:nowrap}.stock-page-size select{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #00000026;border:1px solid var(--border-color,#00000026);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.875rem;padding:.35rem .5rem}.stock-skeleton{animation:stock-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#0000000a 25%,#00000014 37%,#0000000a 63%);background-size:400% 100%;border-radius:12px;height:320px}@keyframes stock-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.stock-empty{color:var(--text-secondary);padding:3rem 1rem;text-align:center}.stock-empty-icon{font-size:2.5rem;margin-bottom:.5rem}.stock-empty h3{color:var(--text-primary);margin:0 0 .5rem}.stock-alert{border-radius:10px;font-size:.875rem;padding:.875rem 1rem}.stock-alert-error{background:#ef44441a;border:1px solid #ef444440;color:#b91c1c}.inv-cards{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.inv-card{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #0000001a;border:1px solid var(--border-color,#0000001a);border-radius:12px;flex:1 1 320px;min-width:280px;padding:18px 20px}.inv-card-head{align-items:center;display:flex;gap:8px}.inv-card-title{color:var(--text-secondary);font-size:14px;font-weight:600;margin:0}.inv-card-hint{align-items:center;border:1px solid #0003;border:1px solid var(--border-color,#0003);border-radius:50%;color:var(--text-secondary);cursor:help;display:inline-flex;font-size:11px;height:16px;justify-content:center;width:16px}.inv-card-total{font-feature-settings:"tnum";color:#2563eb;color:var(--accent-primary,#2563eb);font-size:28px;font-variant-numeric:tabular-nums;font-weight:700;margin:10px 0 14px}.inv-card-cur{color:var(--text-secondary);font-size:15px;font-weight:500}.inv-branch-list{border-top:1px solid #0000000f;border-top:1px solid var(--border-color,#0000000f);list-style:none;margin:0;padding:0}.inv-branch-row{border-bottom:1px solid #0000000f;border-bottom:1px solid var(--border-color,#0000000f);display:flex;gap:12px;justify-content:space-between;padding:8px 0}.inv-branch-row:last-child{border-bottom:none}.inv-branch-label{color:var(--text-secondary)}.inv-branch-value{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.inv-note{font-size:12px}.filter-reset,.inv-note{color:var(--text-secondary)}.filter-reset{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #00000026;border:1px solid var(--border-color,#00000026);border-radius:8px;cursor:pointer;padding:8px 12px}.filter-reset:hover{color:var(--text-primary)}.wf-kpis{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.wf-kpi{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #0000001a;border:1px solid var(--border-color,#0000001a);border-radius:12px;flex:1 1 170px;min-width:150px;padding:14px 16px}.wf-kpi-title{color:var(--text-secondary);font-size:12px;margin-bottom:6px}.wf-kpi-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:20px;font-variant-numeric:tabular-nums;font-weight:700}.wf-kpi-value.accent{color:#2563eb;color:var(--accent-primary,#2563eb)}.wf-kpi-unit{color:var(--text-secondary);font-size:12px;font-weight:500}.wf-panels{display:flex;flex-wrap:wrap;gap:16px}.wf-panel{flex:1 1 380px;margin-top:8px;min-width:300px}.wf-panel-title{color:var(--text-secondary);font-size:14px;font-weight:600;margin:8px 0}.wf-table{width:100%}.wf-bar-wrap{background:#0000000f;background:var(--bg-hover,#0000000f);border-radius:4px;height:8px;min-width:60px;overflow:hidden}.wf-bar{background:#2563eb;background:var(--accent-primary,#2563eb);border-radius:4px;height:100%}.set-badge{background:color-mix(in srgb,#2563eb 14%,#0000);background:color-mix(in srgb,var(--accent-primary,#2563eb) 14%,#0000);border-radius:6px;color:#2563eb;color:var(--accent-primary,#2563eb);display:inline-block;font-size:.68rem;font-weight:600;line-height:1.6;margin-left:8px;padding:1px 7px;white-space:nowrap}.rd-grid{display:flex;flex-wrap:wrap;gap:14px;padding:6px 2px}.rd-block{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #00000014;border:1px solid var(--border-color,#00000014);border-radius:10px;flex:1 1 220px;min-width:200px;padding:10px 12px}.rd-block.rd-wide{flex-basis:100%}.rd-block.rd-set{border-color:color-mix(in srgb,#2563eb 30%,#00000014);border-color:color-mix(in srgb,var(--accent-primary,#2563eb) 30%,var(--border-color,#00000014))}.rd-title{font-size:.8rem;font-weight:600;margin-bottom:8px}.rd-row,.rd-title{color:var(--text-secondary)}.rd-row{display:flex;font-size:.82rem;gap:10px;justify-content:space-between;padding:3px 0}.rd-row b{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums}.rd-row b.rd-accent{color:#2563eb;color:var(--accent-primary,#2563eb)}.rd-bars{align-items:flex-end;display:flex;gap:6px;height:90px;overflow-x:auto;padding-top:6px}.rd-bar-col{align-items:center;display:flex;flex-direction:column;gap:4px;height:100%;justify-content:flex-end;min-width:34px}.rd-bar{background:#2563eb;background:var(--accent-primary,#2563eb);border-radius:4px 4px 0 0;min-height:2px;width:22px}.rd-bar-x{color:var(--text-secondary);font-size:.66rem;white-space:nowrap}.rd-cosold{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.rd-cosold li{align-items:center;display:flex;font-size:.85rem;gap:10px}.rd-cosold .prod-thumb{border-radius:6px;height:36px;width:36px}.rd-cosold-name{color:var(--text-primary);flex:1 1 auto;min-width:0}.cat-charts-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:16px}.cat-chart-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;min-width:0;padding:16px}.cat-chart-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:12px}.cat-donut-layout{align-items:center;display:flex;gap:16px}.cat-donut-chart{flex:1 1 55%;height:100%;min-width:0;position:relative}.cat-donut-center{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;pointer-events:none;position:absolute}.cat-donut-center-label{color:var(--text-secondary);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.cat-donut-center-value{color:var(--text-primary);font-family:inherit;font-family:var(--font-heading,inherit);font-size:20px;font-weight:700}.cat-donut-legend{display:flex;flex:1 1 45%;flex-direction:column;gap:8px;list-style:none;margin:0;min-width:0;padding:0}.cat-donut-legend li{align-items:center;color:var(--text-primary);display:flex;font-size:12.5px;gap:8px}.cat-donut-dot{border-radius:3px;flex-shrink:0;height:10px;width:10px}.cat-donut-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-donut-pct{font-feature-settings:"tnum";color:var(--text-secondary);flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:600}.po-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:8px 0 16px}.po-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s ease,transform .15s ease}.po-card:hover{border-color:var(--border-focus,var(--border-color));box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.po-card-img{align-items:center;aspect-ratio:4/3;background:var(--bg-tertiary);display:flex;justify-content:center;overflow:hidden}.po-card-img img{height:100%;object-fit:contain;width:100%}.po-card-noimg{font-size:40px;opacity:.35}.po-card-body{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:10px 12px 12px}.po-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:14px;font-weight:600;line-height:1.25;overflow:hidden}.po-card-sku{font-feature-settings:"tnum";color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums}.po-card-series{color:var(--text-muted);font-size:12px}.po-card-foot{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;margin-top:auto;padding-top:8px}.po-card-price{color:var(--text-primary);font-size:14px;font-weight:700}.po-badge{border-radius:999px;font-size:11px;font-weight:600;padding:3px 8px;white-space:nowrap}.po-badge-avail{background:#10b98129;color:#10b981}.po-badge-out{background:#94a3b829;color:var(--text-secondary)}.po-card-clickable{cursor:pointer}.po-card-clickable:focus-visible{outline:2px solid #f97316;outline:2px solid var(--border-focus,#f97316);outline-offset:2px}.po-set-ribbon{align-items:center;background:#f97316eb;border-radius:8px;box-shadow:0 1px 4px #00000040;color:#fff;display:inline-flex;font-size:11px;font-weight:700;gap:4px;left:8px;padding:3px 8px;position:absolute;top:8px;z-index:1}.po-card-img{position:relative}.po-set-badge{align-items:center;align-self:flex-start;background:#f9731624;border-radius:999px;color:#f97316;display:inline-flex;font-size:12px;font-weight:700;gap:4px;padding:3px 10px}.po-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:16px;position:fixed;z-index:1000}.po-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0006;max-height:90vh;overflow-y:auto;padding:20px;position:relative;width:min(720px,100%)}.po-modal-close{align-items:center;background:var(--bg-tertiary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;width:32px}.po-modal-close:hover{color:var(--text-primary)}.po-modal-loading{color:var(--text-muted);padding:40px;text-align:center}.po-modal-head{display:flex;gap:16px;padding-right:32px}.po-modal-img{align-items:center;aspect-ratio:4/3;background:var(--bg-tertiary);border-radius:12px;display:flex;flex:0 0 200px;justify-content:center;overflow:hidden}.po-modal-img img{height:100%;object-fit:contain;width:100%}.po-modal-info{display:flex;flex-direction:column;gap:8px;min-width:0}.po-modal-title{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.po-modal-sku{color:var(--text-muted);font-size:13px}.po-modal-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.po-components{border-top:1px solid var(--border-color);margin-top:20px;padding-top:14px}.po-components-title{color:var(--text-primary);font-size:14px;font-weight:700;margin:0 0 10px}.po-components-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.po-comp{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;gap:12px;padding:8px}.po-comp,.po-comp-img{align-items:center;display:flex}.po-comp-img{background:var(--bg-primary);border-radius:8px;flex:0 0 56px;height:56px;justify-content:center;overflow:hidden;width:56px}.po-comp-img img{height:100%;object-fit:contain;width:100%}.po-comp-info{flex:1 1;min-width:0}.po-comp-name{color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-comp-sku{font-feature-settings:"tnum";color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums}.po-comp-right{align-items:flex-end;display:flex;flex-direction:column;gap:4px;text-align:right}.po-comp-price{color:var(--text-primary);font-size:13px;font-weight:700}@media (max-width:560px){.po-modal-head{flex-direction:column}.po-modal-img{flex-basis:auto;width:100%}}.po-copy-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:inline-flex;justify-content:center;margin-left:6px;padding:2px;transition:color .15s ease,background .15s ease;vertical-align:middle}.po-copy-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.po-copy-btn:active{transform:scale(.92)}.catalog-page{display:flex;flex-direction:column;gap:var(--space-md);height:100%}.catalog-tab-body{flex:1 1;min-height:0}.ct-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:var(--space-md)}.ct-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.ct-card:focus-visible,.ct-card:hover{box-shadow:var(--shadow-md);outline:none;transform:translateY(-2px)}.ct-card-img{align-items:center;aspect-ratio:4/3;background:#fff;display:flex;justify-content:center;position:relative}.ct-card-img img{height:100%;object-fit:contain;width:100%}.ct-card-noimg{font-size:var(--text-3xl);opacity:.4}.ct-avail-badge{border-radius:var(--radius-full);bottom:8px;font-size:var(--text-2xs);font-weight:var(--weight-semibold);left:8px;padding:2px 8px;position:absolute}.ct-avail-yes{background:var(--success-light);color:var(--success)}.ct-avail-no{background:var(--error-light);color:var(--error)}.ct-assembled-badge{background:var(--accent-light);border-radius:var(--radius-full);bottom:8px;color:var(--color-primary);font-size:var(--text-2xs);font-weight:var(--weight-semibold);padding:2px 8px;position:absolute;right:8px}.ct-card-body{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px}.ct-card-name{color:var(--text-primary);font-weight:var(--weight-bold)}.ct-card-name,.ct-card-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct-card-type{font-size:var(--text-sm);min-height:1.2em}.ct-card-sku,.ct-card-type{color:var(--text-secondary)}.ct-card-sku{font-family:var(--font-mono);font-size:var(--text-xs)}.ct-card-foot{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:6px}.ct-card-price{color:var(--text-primary);font-weight:var(--weight-bold);white-space:nowrap}.ct-add-btn{align-items:center;background:#0000;border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:var(--text-xs);font-weight:var(--weight-semibold);gap:4px;padding:4px 8px;white-space:nowrap}.ct-add-btn:hover{background:var(--accent-light)}.ct-add-btn-done{border-color:var(--success);color:var(--success)}.ct-add-btn-hover{display:none}.ct-add-btn-done:hover{background:var(--error-light);border-color:var(--error);color:var(--error)}.ct-add-btn-done:hover .ct-add-btn-label{display:none}.ct-add-btn-done:hover .ct-add-btn-hover{display:inline}.ct-modal-loading{display:flex;justify-content:center;padding:var(--space-2xl) 0}.ct-modal-footer{display:flex;gap:8px;justify-content:flex-end}.ct-detail{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:280px 1fr}.ct-detail-media{align-items:center;display:flex;flex-direction:column;gap:8px}.ct-detail-media img{aspect-ratio:1;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);object-fit:contain;width:100%}.ct-detail-price{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--weight-bold)}.ct-props{grid-gap:4px 14px;display:grid;gap:4px 14px;grid-template-columns:auto 1fr;margin:0 0 10px}.ct-props dt{color:var(--text-secondary);font-size:var(--text-sm)}.ct-props dd{color:var(--text-primary);font-size:var(--text-sm);margin:0}.ct-detail-desc{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 10px}.ct-wh-table{border-collapse:collapse;color:var(--text-primary);font-size:var(--text-sm);width:100%}.ct-wh-table td,.ct-wh-table th{border-bottom:1px solid var(--border-color);padding:5px 8px;text-align:left}.ct-wh-table th{color:var(--text-secondary);font-weight:var(--weight-semibold)}.ct-wh-excluded td{color:var(--text-muted)}.ct-edit-form{display:flex;flex-direction:column;gap:10px}.ct-dims-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}.ct-edit-hint{color:var(--text-muted);font-size:var(--text-xs);margin:0}.ct-set-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.ct-set-row{grid-gap:12px;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:grid;gap:12px;grid-template-columns:96px 1fr auto;padding:10px}.ct-set-img img{border-radius:var(--radius-sm);height:72px;object-fit:cover;width:96px}.ct-set-name{color:var(--text-primary);font-weight:var(--weight-bold)}.ct-set-type{font-weight:var(--weight-normal)}.ct-set-meta,.ct-set-type{color:var(--text-secondary)}.ct-set-meta{font-size:var(--text-xs)}.ct-set-single{color:var(--color-primary);font-weight:var(--weight-semibold)}.ct-set-comps{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.ct-set-comp{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);padding:1px 6px}.ct-set-comp-kit{border:1px solid var(--color-primary);color:var(--color-primary)}.ct-set-comp-missing{color:var(--error);text-decoration:line-through}.ct-set-side{align-items:flex-end;gap:6px}.ct-builder,.ct-set-side{display:flex;flex-direction:column}.ct-builder{gap:var(--space-md)}.ct-builder-bar{flex-wrap:wrap}.ct-builder-actions,.ct-builder-bar{align-items:center;display:flex;gap:10px}.ct-builder-actions{margin-left:auto}.ct-title-input{max-width:260px}.ct-select-label{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--text-sm);gap:var(--space-xs);white-space:nowrap}.ct-select{background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font:inherit;font-size:var(--text-sm);padding:7px 10px}.ct-format-switch,.ct-select{border:1px solid var(--border-color);border-radius:var(--radius-md)}.ct-format-switch{display:inline-flex;overflow:hidden}.ct-format-switch label{background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);padding:7px 12px;-webkit-user-select:none;user-select:none}.ct-format-switch label:hover{background:var(--bg-hover)}.ct-format-switch input{display:none}.ct-format-switch .ct-format-active,.ct-format-switch .ct-format-active:hover{background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--weight-semibold)}.ct-pages{display:flex;flex-direction:column;gap:10px}.ct-page{grid-gap:12px;align-items:start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:grid;gap:12px;grid-template-columns:auto 96px 1fr auto;padding:10px 12px}.ct-page-skipped{opacity:.45}.ct-page-num{align-self:center;color:var(--text-muted);font-weight:var(--weight-bold);min-width:24px;text-align:center}.ct-page-img img{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);height:72px;object-fit:contain;width:96px}.ct-page-main{display:flex;flex-direction:column;gap:6px;min-width:0}.ct-page-head{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ct-page-title{color:var(--text-primary);font-weight:var(--weight-bold)}.ct-page-sku{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs)}.ct-page-fields{display:flex;flex-wrap:wrap;gap:8px}.ct-inline-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-family:inherit;font-size:var(--text-sm);min-width:0;padding:5px 8px}.ct-inline-input::placeholder{color:var(--text-muted)}.ct-inline-input:focus{border-color:var(--border-focus);outline:none}.ct-inline-title{font-weight:var(--weight-bold);max-width:220px}.ct-inline-code{flex:0 1 auto;max-width:110px}.ct-desc-input{resize:vertical}.ct-comp-list{display:flex;flex-direction:column;gap:4px}.ct-comp-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 76px auto auto auto}.ct-comp-qty{text-align:center}.ct-comp-sku{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs)}.ct-comp-price{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap}.ct-page-actions{display:flex;flex-direction:column;gap:4px}.ct-icon-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;width:28px}.ct-icon-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.ct-icon-btn:disabled{cursor:default;opacity:.35}.ct-icon-danger:hover:not(:disabled){border-color:var(--error);color:var(--error)}@media (max-width:768px){.ct-detail{grid-template-columns:1fr}.ct-page{grid-template-columns:auto 72px 1fr}.ct-page-actions{flex-direction:row;grid-column:1/-1;justify-content:flex-end}.ct-set-row{grid-template-columns:72px 1fr}.ct-set-side{align-items:center;flex-direction:row;grid-column:1/-1;justify-content:space-between}}.ct-desc-field{display:flex;flex-direction:column;gap:6px}.ct-desc-preview{background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--radius-sm);padding:6px 8px}.ct-desc-preview-over{border-color:var(--warning)}.ct-desc-preview-head{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}.ct-desc-ok{color:var(--success);font-size:var(--text-2xs)}.ct-desc-warn{color:var(--warning);font-size:var(--text-2xs);font-weight:var(--weight-semibold)}.ct-desc-cut{align-items:center;background:#0000;border:none;color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:var(--text-2xs);gap:4px;padding:0}.ct-desc-cut:hover{text-decoration:underline}.ct-desc-text{color:var(--text-primary);font-size:var(--text-xs);line-height:var(--leading-normal);margin:0}.ct-desc-cutoff{color:var(--text-muted);text-decoration:line-through}.ct-page-img{position:relative}.ct-page-img-btn{align-items:center;background:var(--bg-panel);border:none;border-radius:var(--radius-sm);bottom:0;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-2xs);gap:3px;left:0;padding:1px 5px;position:absolute}.ct-page-img-btn:hover{color:var(--color-primary)}.ct-imgpick-bar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.ct-imgpick-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.ct-imgpick-item{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;padding:0;position:relative}.ct-imgpick-item:hover{border-color:var(--color-primary)}.ct-imgpick-active{border-color:var(--success)}.ct-imgpick-item img{aspect-ratio:1;display:block;object-fit:contain;width:100%}.ct-imgpick-src{align-items:center;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;font-size:var(--text-2xs);gap:3px;justify-content:center;padding:2px}.ct-custom-head{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}.ct-custom-picked{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding-bottom:12px}.ct-custom-qty{align-items:center;color:var(--text-primary);display:inline-flex;gap:4px;justify-content:center}.ct-custom-qty .ct-icon-btn{flex:none}.ct-custom-qty span{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:18px;text-align:center}.ct-custom-hint{color:var(--text-muted);font-size:var(--text-sm);margin:0;padding:14px 4px;text-align:center}.ct-custom-results{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.ct-custom-result{grid-gap:10px;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:grid;gap:10px;grid-template-columns:48px 1fr auto auto;padding:6px 8px;text-align:left;width:100%}.ct-custom-result:hover{border-color:var(--color-primary)}.ct-custom-result-img img{background:#fff;border-radius:var(--radius-sm);height:40px;object-fit:contain;width:48px}.ct-custom-result-main{min-width:0}.ct-custom-result-main,.ss-page{display:flex;flex-direction:column}.ss-page{color:var(--text-primary);gap:1rem}.ss-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.ss-title{font-size:1.25rem;font-weight:700;margin:0}.ss-subtitle{margin:.25rem 0 0;max-width:56ch}.ss-subtitle,.ss-summary{color:var(--text-secondary);font-size:.85rem}.ss-summary{display:flex;flex-wrap:wrap;gap:1.25rem}.ss-summary b{color:var(--text-primary)}.ss-actions{display:inline-flex;flex-wrap:wrap;gap:.5rem}.ss-loading{align-items:center;background:#3b82f61a;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);display:flex;font-size:.88rem;gap:.5rem;padding:.6rem .8rem}.ss-dim{opacity:.5;pointer-events:none;transition:opacity .2s}.ss-alert{border:1px solid var(--border-color);border-radius:8px;font-size:.85rem;padding:.6rem .8rem}.ss-alert-ok{background:#22c55e1f}.ss-alert-info{background:var(--bg-tertiary)}.ss-alert-warn{background:#f59e0b1f}.ss-alert-error{background:#ef44441f}.ss-c-remove b{color:#ef4444}.ss-c-preorder b{color:#64748b}.ss-c-add b{color:#22c55e}.ss-c-unknown b{color:#f59e0b}.ss-controls{flex-wrap:wrap;gap:.75rem}.ss-controls,.ss-search{align-items:center;display:flex}.ss-search{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);gap:.4rem;padding:.35rem .6rem}.ss-search input{background:#0000;border:none;color:var(--text-primary);min-width:220px;outline:none}.ss-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:.35rem;margin-bottom:.8rem}.ss-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.5rem .9rem}.ss-tab.active,.ss-tab:hover{color:var(--text-primary)}.ss-tab.active{border-bottom-color:#3b82f6;border-bottom-color:var(--accent-color,#3b82f6);font-weight:600}.ss-kind-tabs{border-bottom:1px solid var(--border-color);display:inline-flex;gap:.15rem}.ss-kind-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;gap:.35rem;padding:.45rem .8rem}.ss-kind-tab.active,.ss-kind-tab:hover{color:var(--text-primary)}.ss-kind-tab.active{border-bottom-color:#3b82f6;border-bottom-color:var(--accent-color,#3b82f6);font-weight:600}.ss-kind-cnt{background:var(--bg-tertiary);border-radius:999px;font-size:.72rem;padding:0 .35rem}.ss-kinds{display:inline-flex;gap:.25rem}.ss-kind{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.82rem;padding:.35rem .7rem}.ss-kind.active{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.ss-bulk{display:inline-flex;gap:.4rem;margin-left:auto}.ss-table-wrap{border:1px solid var(--border-color);border-radius:10px;overflow-x:auto}.ss-table{border-collapse:collapse;font-size:.85rem;width:100%}.ss-table thead th{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;padding:.6rem .7rem;text-align:left;white-space:nowrap}.ss-table tbody td,.ss-table thead th{border-bottom:1px solid var(--border-color)}.ss-table tbody td{padding:.55rem .7rem;vertical-align:middle}.ss-table tbody tr:hover{background:var(--bg-secondary)}.ss-row-excluded{opacity:.5}.ss-cb-col{text-align:center;width:40px}.ss-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.ss-badge{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.12rem .5rem;white-space:nowrap}.ss-badge-remove{background:#ef444426;color:#ef4444}.ss-badge-noprice{background:#f59e0b2e;color:#d97706}.ss-badge-preorder{background:#64748b2e;color:#64748b}.ss-badge-add{background:#22c55e26;color:#22c55e}.ss-badge-change{background:#3b82f626;color:#3b82f6}.ss-badge-qty{background:#94a3b82e;color:#94a3b8}.ss-badge-unknown{background:#f59e0b26;color:#f59e0b}.ss-badge-off{background:#ef444426;color:#ef4444}.ss-activate{align-items:center;cursor:pointer;display:inline-flex;font-size:.78rem;gap:.3rem;margin-left:.5rem;-webkit-user-select:none;user-select:none}.ss-activate,.ss-empty{color:var(--text-secondary)}.ss-empty{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:2rem;text-align:center}.ss-row-click{cursor:pointer}.ss-r{white-space:nowrap}.ss-r,.ss-table thead th.ss-r{text-align:right}.ss-muted{font-size:.8rem}.ss-muted,.ss-wh-note{color:var(--text-muted)}.ss-wh-note{font-size:.78rem}.ss-modal-backdrop{align-items:flex-start;background:#00000080;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:4vh 1rem;position:fixed;z-index:1000}.ss-modal{background:var(--bg-secondary);background:var(--bg-primary,var(--bg-secondary));border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 60px #00000059;color:var(--text-primary);max-width:760px;padding:1.25rem;position:relative;width:100%}.ss-modal-close{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:.25rem;position:absolute;right:.75rem;top:.75rem}.ss-modal-close:hover{background:var(--bg-tertiary)}.ss-modal-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem;padding-right:1.5rem}.ss-modal-sku{color:var(--text-secondary);font-size:.8rem}.ss-modal-title{font-size:1.1rem;font-weight:700;margin:.1rem 0 0}.ss-modal-avail{font-size:.95rem;margin-bottom:.75rem}.ss-modal-avail b{font-size:1.2rem}.ss-modal-grid{grid-gap:.5rem .9rem;display:grid;gap:.5rem .9rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.ss-modal-grid>div{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;padding:.5rem .6rem}.ss-modal-grid span{color:var(--text-secondary);font-size:.72rem}.ss-modal-table tfoot td{border-top:2px solid var(--border-color);font-weight:600;padding:.55rem .7rem}.spin{animation:ss-spin 1s linear infinite}@keyframes ss-spin{to{transform:rotate(1turn)}}.st-page{color:var(--text-primary);display:flex;flex-direction:column;gap:1rem;max-width:900px}.st-title{font-size:1.25rem;font-weight:700;margin:0}.st-subtitle{color:var(--text-secondary);font-size:.85rem;margin:.25rem 0 0;max-width:64ch}.st-builder{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;gap:.6rem;padding:1rem}.st-c{text-align:center;width:70px}.st-find{align-items:center;color:var(--text-muted);display:flex;gap:.5rem}.st-find .st-in{max-width:320px}.st-group-h{color:var(--text-secondary);font-size:.82rem;font-weight:700;margin-top:.2rem}.st-found{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.st-sets{grid-gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.st-scard,.st-sets{display:grid;gap:.5rem}.st-scard{grid-gap:.5rem;background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:10px;grid-template-columns:64px 1fr;padding:.55rem}.st-scard-comp{font-size:.75rem}.st-fcard{background:var(--bg-tertiary);background:var(--bg-primary,var(--bg-tertiary));border:1px solid var(--border-color);border-radius:10px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.st-fcard.picked{border-color:#3b82f6;border-color:var(--accent-color,#3b82f6);box-shadow:inset 0 0 0 1px #3b82f6;box-shadow:0 0 0 1px var(--accent-color,#3b82f6) inset}.st-fcard-pick{grid-gap:.5rem;align-items:start;cursor:pointer;display:grid;gap:.5rem;grid-template-columns:auto 64px 1fr;padding:.55rem}.st-fcard-img{align-items:center;background:var(--bg-tertiary);border-radius:8px;display:flex;height:64px;justify-content:center;overflow:hidden;width:64px}.st-fcard-img img{height:100%;object-fit:cover;width:100%}.st-fcard-noimg{font-size:1.4rem;opacity:.5}.st-fcard-body{display:flex;flex-direction:column;gap:.12rem;min-width:0}.st-fcard-name{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-fcard-meta{display:flex;flex-wrap:wrap;font-size:.78rem;gap:.3rem}.st-fcard-ctl{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:.8rem;padding:.45rem .55rem}.st-fcard-ctl .st-qty{width:72px}.st-site{align-self:flex-start;border-radius:999px;font-size:.72rem;font-weight:600;padding:.05rem .4rem}.st-site-on{background:#22c55e26;color:#22c55e}.st-site-warn{background:#f59e0b26;color:#f59e0b}.st-site-off{background:#ef444426;color:#ef4444}.st-picked{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem}.st-picked-h{color:var(--text-secondary);font-size:.82rem;font-weight:600}.st-chip{align-items:center;background:var(--bg-tertiary);border-radius:999px;color:var(--text-primary);display:inline-flex;font-size:.78rem;gap:.25rem;padding:.15rem .5rem}.st-chip.main{background:#3b82f626;color:#3b82f6;font-weight:600}.st-chip-x{background:#0000;border:none;color:inherit;cursor:pointer;display:inline-flex;opacity:.7;padding:0}.st-chip-x:hover{opacity:1}.st-in{background:var(--bg-tertiary);background:var(--bg-primary,var(--bg-tertiary));border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:.4rem .55rem;width:100%}.st-qty{width:90px}.st-icon{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:.3rem}.st-icon:hover{background:var(--bg-tertiary);color:#ef4444}.st-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.st-hint,.st-muted{color:var(--text-muted);font-size:.8rem}.st-hint{margin-top:.5rem}.st-alert{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;font-size:.85rem;padding:.6rem .8rem}.st-alert-err{background:#ef44441f}.st-alert-warn{background:#f59e0b1f}.st-preview{border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;gap:.8rem;padding:1rem}.st-pv-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.st-pv-name{font-size:1.05rem;font-weight:700;margin:.1rem 0 0}.st-pv-price{font-size:1.15rem;font-weight:700;white-space:nowrap}.st-mono{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.st-comp{border-collapse:collapse;font-size:.85rem;width:100%}.st-comp th{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;text-align:left}.st-comp td,.st-comp th{border-bottom:1px solid var(--border-color);padding:.45rem .6rem}.st-detail{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;font-size:.85rem;gap:.15rem;padding:.7rem .8rem}.st-detail-h{font-weight:600;margin-bottom:.2rem}.st-badge-exists{background:#f59e0b26;color:#f59e0b;margin-top:.35rem;padding:.1rem .5rem}.st-badge,.st-badge-exists{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600}.st-badge{padding:.1rem .55rem;white-space:nowrap}.st-badge-on{background:#22c55e26;color:#22c55e}.st-badge-warn{background:#f59e0b26;color:#f59e0b}.st-badge-info{background:#3b82f626;color:#3b82f6}.st-badge-off{background:#ef444426;color:#ef4444}.st-badge-pre{background:#64748b2e;color:#64748b}.st-badge-no1c{background:#ef44441f;color:#ef4444;cursor:help;font-family:inherit;font-family:var(--font-family,inherit);margin-left:.4rem}.st-legend{color:var(--text-secondary);font-size:.82rem}.st-legend>summary{color:#3b82f6;color:var(--accent-color,#3b82f6);cursor:pointer;font-weight:600}.st-legend p{line-height:1.45;margin:.5rem 0;max-width:90ch}.st-legend dl{grid-gap:.3rem .7rem;align-items:baseline;display:grid;gap:.3rem .7rem;grid-template-columns:minmax(120px,-webkit-max-content) 1fr;grid-template-columns:minmax(120px,max-content) 1fr;margin:.5rem 0}.st-legend dt{color:var(--text-primary);font-weight:600}.st-legend dd{margin:0}.st-action-off,.st-action-on,.st-action-pre{border:none;border-radius:8px;box-shadow:0 1px 2px #0003;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .8rem;transition:background .15s;white-space:nowrap}.st-action-on{background:#22c55e}.st-action-on:hover{background:#16a34a}.st-action-off{background:#ef4444}.st-action-off:hover{background:#dc2626}.st-action-pre{background:#64748b}.st-action-pre:hover{background:#475569}.st-action-off:disabled,.st-action-on:disabled,.st-action-pre:disabled{box-shadow:none;cursor:default;opacity:.55}.st-row-dup td:first-child{box-shadow:inset 3px 0 0 #3b82f6;box-shadow:inset 3px 0 0 var(--accent-color,#3b82f6)}.st-dup-mark{color:var(--text-muted);font-size:.8rem;font-style:italic}.st-check{align-items:center;cursor:pointer;display:inline-flex;font-size:.82rem;gap:.4rem;-webkit-user-select:none;user-select:none}.st-check,.st-summary{color:var(--text-secondary)}.st-summary{display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem}.st-c-remove{color:#ef4444}.st-c-add{color:#22c55e}.st-c-skip{color:var(--text-muted)}.st-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem}.st-kind-tabs{border-bottom:1px solid var(--border-color);display:inline-flex;gap:.15rem}.st-kind-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;gap:.35rem;padding:.45rem .8rem}.st-kind-tab.active,.st-kind-tab:hover{color:var(--text-primary)}.st-kind-tab.active{border-bottom-color:#3b82f6;border-bottom-color:var(--accent-color,#3b82f6);font-weight:600}.st-bulk{display:flex;gap:.4rem;margin-left:auto}.st-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem}.st-row-skip td{opacity:.6}.st-badge-off-card{background:#ef444426;color:#ef4444}.st-activate{align-items:center;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.78rem;gap:.3rem;margin-left:.5rem;-webkit-user-select:none;user-select:none}.st-row-limit td{background:#f59e0b1a}.st-limit-note{color:#f59e0b;font-size:.78rem}.st-skip-why{font-size:.75rem}.st-existing{border-top:1px solid var(--border-color);margin-top:.5rem;padding-top:1rem}.st-existing-head{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.6rem}.st-existing-title{font-size:1rem;font-weight:700;margin:0}.st-search{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);display:flex;gap:.4rem;padding:.35rem .6rem}.st-search input{background:#0000;border:none;color:var(--text-primary);min-width:220px;outline:none}.st-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem}.st-filter{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.82rem;padding:.35rem .7rem}.st-filter.active{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.st-filter-cnt{background:var(--bg-tertiary);border-radius:999px;color:var(--text-secondary);display:inline-block;font-size:.72rem;margin-left:.25rem;padding:0 .35rem}.st-filter.active .st-filter-cnt{background:var(--bg-secondary)}.st-existing .stock-pagination{margin-top:.7rem}.st-diag{font-size:.8rem;margin-top:.5rem}.st-diag summary{color:var(--text-secondary);cursor:pointer}.st-diag>div{margin-top:.3rem}.lg-page{display:flex;flex-direction:column;gap:1rem;height:100%}.lg-toolbar{flex-wrap:wrap;gap:.75rem;justify-content:space-between}.lg-search,.lg-toolbar{align-items:center;display:flex}.lg-search{background:#94a3b80f;background:var(--surface-1,#94a3b80f);border:1px solid #94a3b84d;border:1px solid var(--border-color,#94a3b84d);border-radius:10px;color:var(--text-secondary);flex:1 1 260px;gap:.5rem;max-width:420px;min-width:260px;padding:.45rem .7rem}.lg-search input{background:#0000;border:none;color:var(--text-primary);font:inherit;outline:none;width:100%}.lg-muted{color:var(--text-secondary);font-size:.8125rem}.lg-order-num{font-weight:600}.lg-client>div:first-child{font-weight:500}.lg-details,.lg-products{display:flex;flex-direction:column;gap:.15rem}.lg-details{color:var(--text-secondary);font-size:.8125rem}.lg-photo-count{align-items:center;display:inline-flex;gap:.25rem}.lg-overdue{color:#ef4444;font-weight:600}.lg-datefilter{align-items:center;background:#94a3b80f;background:var(--surface-1,#94a3b80f);border:1px solid #94a3b84d;border:1px solid var(--border-color,#94a3b84d);border-radius:10px;display:flex;flex-wrap:wrap;gap:.75rem;padding:.6rem .8rem}.lg-datefilter__label{font-size:.875rem;font-weight:600}.lg-datefilter label{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.8125rem;gap:.4rem}.lg-datefilter input[type=date]{background:#0000;background:var(--bg-primary,#0000);color:var(--text-primary);padding:.35rem .5rem}.lg-datefilter input[type=date],.lg-datefilter__reset{border:1px solid #94a3b84d;border:1px solid var(--border-color,#94a3b84d);border-radius:8px;font:inherit;font-size:.8125rem}.lg-datefilter__reset{align-items:center;background:#0000;color:var(--text-secondary);cursor:pointer;display:inline-flex;gap:.3rem;padding:.3rem .6rem}.lg-datefilter__reset:hover{color:var(--text-primary)}.lg-datefilter__hint{color:var(--text-secondary);font-size:.75rem}.lg-error{background:#ef44441a;border:1px solid #ef444440;border-radius:8px;color:#ef4444;font-size:.875rem;padding:.6rem .8rem}.lg-modal{display:flex;flex-direction:column;gap:1rem}.lg-modal__grid{grid-gap:.75rem 1.25rem;display:grid;gap:.75rem 1.25rem;grid-template-columns:1fr 1fr}.lg-modal__grid>div{display:flex;flex-direction:column;gap:.15rem}.lg-span2{grid-column:1/-1}.lg-k{color:var(--text-secondary);font-size:.75rem;letter-spacing:.03em;text-transform:uppercase}.lg-delivered-note{align-items:center;background:#22c55e1f;border:1px solid #22c55e47;border-radius:8px;color:#16a34a;display:flex;font-size:.875rem;gap:.4rem;padding:.5rem .75rem}.lg-section-title{font-size:.875rem;font-weight:600;margin-bottom:.5rem}.lg-field{display:flex;flex-direction:column;gap:.3rem}.lg-field textarea{background:#94a3b80f;background:var(--surface-1,#94a3b80f);border:1px solid #94a3b84d;border:1px solid var(--border-color,#94a3b84d);border-radius:8px;color:var(--text-primary);font:inherit;padding:.5rem .65rem;resize:vertical}.lg-upload-actions{display:flex;flex-wrap:wrap;gap:.5rem}.lg-photos{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));margin-top:.5rem}.lg-photo{aspect-ratio:1;border:1px solid #94a3b84d;border:1px solid var(--border-color,#94a3b84d);border-radius:8px;display:block;overflow:hidden;position:relative}.lg-photo img{display:block;height:100%;object-fit:cover;width:100%}.lg-photo-remove{align-items:center;background:#0f172ab3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:4px;top:4px;width:22px}.lg-modal__footer{border-top:1px solid #94a3b833;border-top:1px solid var(--border-color,#94a3b833);display:flex;gap:.5rem;justify-content:flex-end;padding-top:.5rem}@media (max-width:640px){.lg-modal__grid{grid-template-columns:1fr}.lg-toolbar{align-items:stretch;flex-direction:column}.lg-search{flex:0 0 auto;max-width:none}}.stock-alert-warn{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}@media (prefers-color-scheme:dark){.stock-alert-warn{background:#fcd34d1f;color:#fcd34d}}.leads-period-btn{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px}.leads-period-btn:hover{color:#111827;color:var(--text-primary,#111827)}.leads-period-btn.active{background:#2563eb;background:var(--accent-primary,#2563eb);border-color:#2563eb;border-color:var(--accent-primary,#2563eb);color:#fff}.leads-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:20px}.leads-card{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:14px 16px}.leads-card--bad{border-color:#fca5a5}.leads-card-label{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:12px;gap:6px;margin-bottom:6px}.leads-card-value{font-feature-settings:"tnum";color:#111827;color:var(--text-primary,#111827);font-size:22px;font-variant-numeric:tabular-nums;font-weight:700}.leads-card--bad .leads-card-value{color:#dc2626}.leads-card-hint{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;margin-top:6px}.leads-chart{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;margin-bottom:20px;padding:16px}.leads-chart-title{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:600;margin-bottom:12px}.leads-headline{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px 14px;margin-bottom:16px}.leads-headline-value{font-feature-settings:"tnum";color:#2563eb;color:var(--accent-primary,#2563eb);font-size:26px;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.leads-headline-note{color:#6b7280;color:var(--text-secondary,#6b7280);flex:1 1 260px;font-size:13px;line-height:1.5}.leads-bad{color:#dc2626;font-weight:600}.leads-heatmap-scroll{overflow-x:auto}.leads-heatmap{font-feature-settings:"tnum";border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums}.leads-heatmap th{color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:600;padding:4px 6px;text-align:center}.leads-heatmap tbody th{padding-right:10px;text-align:right}.leads-heatmap td{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);height:26px;min-width:26px;text-align:center}.leads-bar{background:#f3f4f6;background:var(--bg-tertiary,#f3f4f6);border-radius:4px;height:10px;overflow:hidden}.leads-bar-fill{background:#2563eb;height:100%}.tablet-workspace{margin:0 auto;max-width:1200px;padding:20px}.tablet-search-bar{align-items:center;display:flex;margin-bottom:24px}.tablet-search-bar,.tablet-select{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:15px 20px}.tablet-select{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:var(--text-primary);cursor:pointer;font-size:1.1rem;outline:none}.tablet-search-icon{color:var(--text-secondary);margin-right:15px}.tablet-search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:1.2rem;outline:none}.tablet-orders-grid{display:flex;flex-direction:column;gap:16px}.tablet-order-card{align-items:center;background:var(--bg-secondary);border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:24px}.tablet-order-info h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 8px}.tablet-order-number{color:var(--text-secondary);font-size:1.1rem}.tablet-btn{background:var(--primary);border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.tablet-sign-btn{background:var(--color-accent);border:none;color:var(--color-on-accent);cursor:pointer}.tablet-sign-btn:hover:not(:disabled){background:var(--color-accent-hover);filter:brightness(1.03)}.tablet-sign-btn:disabled{cursor:not-allowed;opacity:.6}.tablet-btn:hover:not(:disabled){box-shadow:0 6px 16px #0003;filter:brightness(1.05);transform:translateY(-2px)}.tablet-btn:active:not(:disabled){box-shadow:var(--shadow-md);filter:brightness(.95);transform:translateY(1px)}.tablet-btn:disabled{cursor:not-allowed;opacity:.6!important}.tablet-btn-contract-filled{background:var(--accent-primary);background:var(--accent-primary,var(--accent-primary));border:none;color:#fff}.tablet-btn-checklist-filled{background:#f59e0b;background:var(--warning,#f59e0b);border:none;color:#fff}.tablet-btn-anketa-filled{background:#10b981;background:var(--success,#10b981);border:none;color:#fff}.tablet-btn-unfilled{background:#0000;border:1px solid var(--border-color);color:var(--text-primary)}.tablet-btn-unfilled:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-primary)}.tablet-empty{color:var(--text-secondary);font-size:1.5rem;padding:40px;text-align:center}.tablet-pagination{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.tablet-page-btn,.tablet-pagination{align-items:center;justify-content:center}.tablet-page-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:48px;padding:0;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);width:48px}.tablet-page-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.tablet-page-btn:disabled{cursor:not-allowed;opacity:.5}.tablet-header{align-items:center;display:flex;margin-bottom:20px}.tablet-back-btn{align-items:center;background:#f0f0f0;background:var(--bg-secondary,#f0f0f0);border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:12px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;gap:10px;padding:12px 24px;transition:all .2s ease}.tablet-back-btn:active{transform:scale(.98)}.tablet-order-view{display:flex;flex-direction:column;height:calc(100vh - 100px);padding:20px}.tablet-order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.tablet-order-header h2{font-size:1.8rem;margin:0 0 10px}.tablet-order-meta{color:var(--text-secondary);font-size:1.3rem;margin:0}.sign-main-btn{background:#28a745;background:var(--success,#28a745);font-size:1.5rem;padding:20px 40px}.tablet-pdf-container{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px 0}.tablet-loading-pdf{color:#666;font-size:1.5rem}.signature-pad-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.signature-pad-container{background:#fff;border-radius:20px;display:flex;flex-direction:column;gap:20px;max-width:800px;padding:30px;width:90%}.signature-pad-container h3{color:#333;font-size:1.8rem;margin:0;text-align:center}.signature-canvas-wrapper{background:#f9f9f9;border:2px dashed #ccc;border-radius:12px}.signature-canvas{height:400px;width:100%}.signature-pad-actions{display:flex;gap:15px;justify-content:space-between}.signature-pad-actions .tablet-btn{flex:1 1}.cancel-btn{background:#dc3545}.clear-btn{background:#6c757d}.save-btn{background:#28a745}@media (max-width:1024px){.tablet-order-card{align-items:flex-start;flex-direction:column;gap:20px}.tablet-order-action{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;width:100%}.tablet-order-action button{flex:1 1;min-width:140px}}@media (max-width:850px){.tablet-search-bar{align-items:stretch;flex-direction:column;gap:15px}.tablet-btn{font-size:.95rem;padding:8px 16px}.tablet-order-header{align-items:flex-start;flex-direction:column;gap:15px}.sign-main-btn{width:100%}.signature-pad-container{padding:20px;width:95%}.signature-canvas{height:300px}.tablet-questionnaire-card{padding:25px!important}.tablet-questionnaire-title{font-size:28px!important}.tablet-questionnaire-subtitle{font-size:18px!important}.tablet-questionnaire-desc{font-size:14px!important}.tablet-questionnaire-info-box{padding:15px 20px!important}.tablet-questionnaire-info-row{align-items:flex-start!important;flex-direction:column!important;gap:5px!important}.tablet-questionnaire-info-row span{width:100%!important}.tablet-questionnaire-option{padding:15px!important}}@media (max-width:600px){.tablet-order-action{flex-direction:column}.tablet-order-action button{width:100%}}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:#0000;--input-disabled-border-color:#0000;--input-hover-border-color:#000;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translateX(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{height:100%;position:absolute;width:100%}.annotationLayer section{box-sizing:border-box;margin:0;pointer-events:auto;position:absolute;text-align:left;text-align:initial;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:none;outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{background:#ff0;box-shadow:0 2px 10px #ff0;opacity:.2}.annotationLayer .textAnnotation img{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation :is(input,textarea){background-image:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');background-image:var(--annotation-unfocused-field-background);border:2px solid #0000;border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px*var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled]{background:none;border:2px solid #0000;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border:2px solid #000;border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:none;border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:initial;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px*var(--total-scale-factor));min-width:calc(180px*var(--total-scale-factor));pointer-events:none;position:absolute;width:100%}.annotationLayer .popup{word-wrap:break-word;background-color:#ff9;border-radius:calc(2px*var(--total-scale-factor));box-shadow:0 calc(2px*var(--total-scale-factor)) calc(5px*var(--total-scale-factor)) #888;cursor:pointer;font:message-box;margin-left:calc(5px*var(--total-scale-factor));max-width:calc(180px*var(--total-scale-factor));padding:calc(6px*var(--total-scale-factor));pointer-events:auto;position:absolute;white-space:normal}.annotationLayer .popup>*{font-size:calc(9px*var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px*var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid #333;margin-top:calc(2px*var(--total-scale-factor));padding-top:calc(2px*var(--total-scale-factor))}.annotationLayer .richText>*{font-size:calc(9px*var(--total-scale-factor));white-space:pre-wrap}.annotationLayer .caretAnnotation,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .fileAttachmentAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .highlightAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .lineAnnotation svg line,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .squareAnnotation svg rect,.annotationLayer .squigglyAnnotation,.annotationLayer .stampAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .underlineAnnotation{cursor:pointer}.annotationLayer section svg{height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .annotationTextContent{color:#0000;height:100%;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.annotationLayer .annotationTextContent span{display:inline-block;width:100%}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}.textLayer{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;inset:0;line-height:1;overflow:hidden;position:absolute;text-align:left;text-align:initial;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:#0000;cursor:text;margin:0;position:absolute;transform-origin:0 0;white-space:pre}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:#b400aa;background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:static}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:#006400;background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:#0000}.textLayer .endOfContent{cursor:default;display:block;inset:100% 0 0;position:absolute;-webkit-user-select:none;user-select:none;z-index:-1}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{display:none;height:0;left:0;position:absolute;top:0;width:0}.pwa-update{align-items:center;animation:slideUp var(--transition-base) forwards;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);bottom:max(16px,var(--safe-bottom));box-shadow:var(--shadow-lg);color:var(--text-primary);display:flex;gap:var(--space-md);left:0;margin:0 auto;max-width:calc(100vw - 24px);padding:10px 12px 10px 16px;position:fixed;right:0;width:-webkit-fit-content;width:fit-content;z-index:var(--z-toast)}.pwa-update__text{font-size:var(--text-sm)}.pwa-update .ui-btn{flex-shrink:0}