@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-\[calc\(100\%\+4px\)\]{top:calc(100% + 4px)}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.left-0{left:calc(var(--spacing)*0)}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.m-0{margin:calc(var(--spacing)*0)}.-mt-2{margin-top:calc(var(--spacing)*-2)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-3{margin-top:calc(var(--spacing)*3)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-60{height:calc(var(--spacing)*60)}.max-h-80{max-height:calc(var(--spacing)*80)}.max-h-\[70vh\]{max-height:70vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[200px\]{min-height:200px}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-16{width:calc(var(--spacing)*16)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-full{width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[180px\]{min-width:180px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.rounded{border-radius:.25rem}.rounded-\[var\(--radius\)\]{border-radius:var(--radius)}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.border-\[var\(--button-border\)\]{border-color:var(--button-border)}.border-\[var\(--error\)\],.border-\[var\(--error\)\]\/30{border-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--error\)\]\/30{border-color:color-mix(in oklab,var(--error)30%,transparent)}}.border-\[var\(--info\)\]\/30{border-color:var(--info)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--info\)\]\/30{border-color:color-mix(in oklab,var(--info)30%,transparent)}}.border-\[var\(--success\)\]\/30{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--success\)\]\/30{border-color:color-mix(in oklab,var(--success)30%,transparent)}}.border-\[var\(--warning\)\]\/30{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--warning\)\]\/30{border-color:color-mix(in oklab,var(--warning)30%,transparent)}}.border-transparent{border-color:#0000}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--bg-card\)\]{background-color:var(--bg-card)}.bg-\[var\(--bg-hover\)\]{background-color:var(--bg-hover)}.bg-\[var\(--bg-primary\)\]{background-color:var(--bg-primary)}.bg-\[var\(--bg-secondary\)\]{background-color:var(--bg-secondary)}.bg-\[var\(--bg-tertiary\)\]{background-color:var(--bg-tertiary)}.bg-\[var\(--error\)\]{background-color:var(--error)}.bg-\[var\(--error-bg\)\]{background-color:var(--error-bg)}.bg-\[var\(--info-bg\)\]{background-color:var(--info-bg)}.bg-\[var\(--success-bg\)\]{background-color:var(--success-bg)}.bg-\[var\(--warning-bg\)\]{background-color:var(--warning-bg)}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-transparent{background-color:#0000}.p-0{padding:calc(var(--spacing)*0)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-12{padding-block:calc(var(--spacing)*12)}.pr-9{padding-right:calc(var(--spacing)*9)}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--error\)\]{color:var(--error)}.text-\[var\(--info\)\]{color:var(--info)}.text-\[var\(--success\)\]{color:var(--success)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--warning\)\]{color:var(--warning)}.text-white{color:var(--color-white)}.shadow-\[var\(--button-shadow\)\]{--tw-shadow:var(--button-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--shadow\)\]{--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--shadow-md\)\]{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-all{-webkit-user-select:all;user-select:all}.placeholder\:text-\[var\(--text-muted\)\]::placeholder{color:var(--text-muted)}@media (hover:hover){.hover\:border-\[var\(--accent\)\]:hover{border-color:var(--accent)}.hover\:bg-\[var\(--accent-hover\)\]:hover{background-color:var(--accent-hover)}.hover\:bg-\[var\(--bg-hover\)\]:hover{background-color:var(--bg-hover)}.hover\:bg-\[var\(--bg-secondary\)\]:hover{background-color:var(--bg-secondary)}.hover\:bg-\[var\(--bg-tertiary\)\]:hover{background-color:var(--bg-tertiary)}.hover\:opacity-90:hover{opacity:.9}}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[var\(--accent\)\]:focus{--tw-ring-color:var(--accent)}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[var\(--accent\)\]:focus-visible{--tw-ring-color:var(--accent)}.focus-visible\:ring-\[var\(--error\)\]:focus-visible{--tw-ring-color:var(--error)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-\[var\(--bg-primary\)\]:focus-visible{--tw-ring-offset-color:var(--bg-primary)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:opacity-90:active{opacity:.9}.active\:transition-none:active{transition-property:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:size-5>svg{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.\[\&\>svg\]\:size-6>svg{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
:root{--bg-primary:#0a0f1c;--bg-secondary:#111827;--bg-tertiary:#1a2234;--bg-card:#1e293b;--bg-hover:#2d3a4f;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#334155;--accent:#38bdf8;--accent-hover:#7dd3fc;--accent-glow:#38bdf833;--focus-ring:var(--accent);--input-bg:var(--bg-tertiary);--input-border:var(--border-color);--success:#22c55e;--success-bg:#22c55e26;--warning:#f59e0b;--warning-bg:#f59e0b26;--error:#ef4444;--error-bg:#ef444426;--info:#3b82f6;--info-bg:#3b82f626;--purple:#a855f7;--purple-bg:#a855f726;--jumpseller:#4ade80;--warecloud:#818cf8;--radius:12px;--radius-sm:8px;--shadow:0 4px 24px #0006;--shadow-md:0 8px 32px #00000059;--button-shadow:0 1px 3px #00000059;--button-border:#475569;--menu-bg:var(--bg-secondary);--menu-border:var(--border-color);--menu-radius:var(--radius-sm);--menu-shadow:var(--shadow-md);--menu-padding-y:6px;--menu-padding-x:4px;--menu-item-padding:8px 12px;--menu-item-font-size:13px;--menu-item-radius:6px;--nav-item-gap:12px;--nav-item-padding:12px 16px;--tab-padding:6px 12px;--tab-radius:6px}html[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-hover:#e2e8f0;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border-color:#e2e8f0;--accent:#0ea5e9;--accent-hover:#38bdf8;--accent-glow:#0ea5e926;--shadow:0 8px 24px #0f172a14;--shadow-md:0 8px 24px #0f172a1f;--button-shadow:0 1px 3px #00000014;--button-border:#cbd5e1}
.login-page{background:radial-gradient(circle at top,#38bdf826,transparent 45%),var(--bg-primary);justify-content:center;align-items:center;height:100vh;min-height:100vh;padding:24px;display:flex;overflow-y:auto}.login-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);width:min(420px,100%);box-shadow:var(--shadow);padding:28px}.login-header h1{margin-bottom:6px;font-size:22px}.login-header p{color:var(--text-muted);font-size:13px}.login-form{flex-direction:column;gap:14px;margin-top:20px;display:flex}.login-label{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:13px;display:flex}.login-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:10px 12px}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf833}.login-button{background:var(--accent);color:#06121f;border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:6px;padding:10px 12px;font-weight:600;transition:all .2s}.login-button:hover{background:var(--accent-hover)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-error{background:var(--error-bg);color:var(--error);border-radius:var(--radius-sm);padding:8px 10px;font-size:12px}.btn-logout{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:8px 12px;transition:all .2s}.btn-logout:hover{border-color:var(--accent);color:var(--text-primary);background:var(--bg-hover)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow:hidden}
.app-layout{width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--menu-bg);border-right:1px solid var(--menu-border);z-index:40;flex-direction:column;width:260px;min-width:260px;height:100vh;transition:all .3s;display:flex;position:sticky;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:72px;min-width:72px}.sidebar-header{border-bottom:1px solid var(--menu-border);justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:16px;display:flex}.sidebar-brand{flex-direction:column;display:flex;overflow:hidden}.sidebar-brand h2{color:var(--text-primary);white-space:nowrap;margin:0;font-size:16px;font-weight:700}.sidebar-brand span{color:var(--text-muted);white-space:nowrap;font-size:11px}.sidebar.collapsed .sidebar-brand{display:none}.sidebar-toggle{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:12px;display:flex;overflow-y:auto}.sidebar-item{align-items:center;gap:var(--nav-item-gap);padding:var(--nav-item-padding);color:var(--text-secondary);text-align:left;border-radius:var(--menu-item-radius);cursor:pointer;white-space:nowrap;background:0 0;border:none;width:100%;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sidebar.collapsed .sidebar-item{justify-content:center;padding:12px}.sidebar.collapsed .sidebar-item span{display:none}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{background:var(--accent-glow);color:var(--accent)}.sidebar-item svg{flex-shrink:0}.sidebar-footer{border-top:1px solid var(--menu-border);padding:16px}.sidebar-user{align-items:center;gap:12px;display:flex}.user-avatar{background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex;overflow:hidden}.sidebar.collapsed .user-info{display:none}.user-name{color:var(--text-primary);white-space:nowrap;font-size:14px;font-weight:600}.user-role{color:var(--text-muted);font-size:12px}.menu-panel,.menu-dropdown{background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--menu-radius);box-shadow:var(--menu-shadow)}.menu-item{width:100%;padding:var(--menu-item-padding);color:var(--text-secondary);font-size:var(--menu-item-font-size);cursor:pointer;text-align:left;border-radius:var(--menu-item-radius);background:0 0;border:none;align-items:center;gap:10px;transition:background .15s,color .15s;display:flex}.menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-item-primary{color:var(--info)}.menu-item-primary:hover{background:var(--bg-hover);color:var(--accent)}@keyframes menu-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.main-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:20;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.header-left h1{margin:0;font-size:20px;font-weight:700}.header-right{align-items:center;gap:12px;display:flex}.header-right .header-properties-btn,.header-right .header-theme-btn,.header-right .header-exit-btn{justify-content:center;align-items:center;min-width:32px;height:32px;padding-left:12px;padding-right:12px;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.header-theme-btn{padding-left:10px;padding-right:10px;font-size:1.1rem}.view-selector-group{align-items:center;gap:4px;display:flex}.days-select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:8px 16px;font-size:14px}.btn-delete-view{background:var(--error-bg);width:28px;height:28px;color:var(--error);border:1px solid var(--error);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .2s;display:flex}.btn-delete-view:hover{background:var(--error);color:#fff}.btn-refresh{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-refresh:hover:not(:disabled){background:var(--accent-hover)}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.btn-sync-global{color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-sync-global:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#5b21b6);transform:translateY(-1px)}.btn-sync-global:disabled{cursor:not-allowed}.btn-sync-global.syncing{background:linear-gradient(135deg,#7c3aed,#5b21b6);justify-content:center;min-width:40px;padding:8px 12px}.btn-sync-global.syncing svg{animation:1s linear infinite spin}.sync-progress-bar{background:var(--bg-secondary,#1e1e2e);border-bottom:1px solid var(--border,#ffffff14);padding:10px 24px 8px}.sync-progress-inner{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sync-progress-left{color:#a78bfa;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.sync-progress-left svg{width:16px;height:16px;animation:1s linear infinite spin}.sync-progress-right{align-items:center;gap:12px;font-size:13px;display:flex}.sync-progress-count{color:var(--text-secondary,#9ca3af);align-items:center;gap:4px;display:flex}.sync-progress-count svg{width:14px;height:14px}.sync-progress-new{color:#22c55e;font-weight:700;animation:.3s fadeInUp}.sync-progress-count.done{color:#22c55e}.sync-progress-track{background:#8b5cf626;border-radius:2px;height:3px;overflow:hidden}.sync-progress-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa,#8b5cf6) 0 0/200% 100%;border-radius:2px;height:100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0;width:30%}50%{width:70%}to{background-position:-200% 0;width:30%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.main-body{flex-direction:column;flex:1;min-height:0;padding:24px;display:flex;overflow:hidden auto}.facturacion-view{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.facturacion-view .facturacion-table-area,.facturacion-view .facturacion-table-area .data-table-with-toolbar{flex-direction:column;flex:1;min-height:0;display:flex}.facturacion-tabs{border-bottom:1px solid var(--border-color,#e5e7eb);gap:4px;display:flex}.facturacion-tab{cursor:pointer;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:14px}.facturacion-tab:hover{color:var(--text-primary,#111)}.facturacion-tab.active{color:var(--text-primary,#111);border-bottom-color:var(--accent,#6366f1);font-weight:600}.facturacion-view .link-external{color:var(--accent,#6366f1);text-decoration:none}.facturacion-view .link-external:hover{text-decoration:underline}.btn-link-inline{color:var(--accent,#6366f1);cursor:pointer;background:0 0;border:none;margin-left:8px;padding:0 4px;font-size:13px;text-decoration:none}.btn-link-inline:hover:not(:disabled){text-decoration:underline}.btn-link-inline:disabled{opacity:.7;cursor:not-allowed}.invoice-cell{align-items:center;gap:4px;display:inline-flex}
.dashboard-view{flex-direction:column;gap:16px;width:100%;display:flex}.dash-kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.kpi-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);flex-direction:column;gap:4px;padding:18px 20px;transition:transform .15s;display:flex}.kpi-card:hover{transform:translateY(-2px)}.kpi-value{font-size:32px;font-weight:800;line-height:1.1}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.kpi-delta{margin-top:2px;font-size:12px;font-weight:600}.kpi-delta.positive{color:#22c55e}.kpi-delta.negative{color:#ef4444}.kpi-blue{border-left:4px solid var(--info)}.kpi-blue .kpi-value{color:var(--info)}.kpi-gray{border-left:4px solid var(--text-muted)}.kpi-gray .kpi-value{color:var(--text-secondary)}.kpi-purple{border-left:4px solid var(--purple)}.kpi-purple .kpi-value{color:var(--purple)}.kpi-accent{border-left:4px solid var(--accent)}.kpi-accent .kpi-value{color:var(--accent)}.kpi-bsale{border-left:4px solid #0d9488}.kpi-bsale .kpi-value{color:#0d9488;font-size:22px}.kpi-sublabel{color:var(--text-muted);margin-top:2px;font-size:11px}.dash-today-process{flex-wrap:wrap;gap:10px;display:flex}.today-pill{border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600}.today-pill.pending{background:var(--warning-bg);color:var(--warning)}.today-pill.in-process{background:var(--info-bg);color:var(--info)}.today-pill.completed{background:var(--success-bg);color:var(--success)}.dash-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px}.dash-card-title{color:var(--text-primary);margin:0 0 12px;font-size:15px;font-weight:700}.dash-distributions{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:900px){.dash-kpis{grid-template-columns:repeat(2,1fr)}.dash-distributions{grid-template-columns:1fr}}
.products-view{flex-direction:column;flex:1;gap:24px;width:100%;min-height:0;display:flex}.products-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.products-header-left{flex:1;min-width:0}.products-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 4px;font-size:1.5rem;font-weight:700}.products-subtitle{color:var(--text-muted);margin:0;font-size:.875rem}.products-reload-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.products-reload-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.products-reload-btn:disabled{opacity:.6;cursor:not-allowed}.products-view-error{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}.products-error-icon{opacity:.8;font-size:48px;line-height:1}.products-error-text{margin:0;font-size:15px}.products-view-error .products-reload-btn{margin-top:4px}.products-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;display:grid}.product-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);flex-direction:column;gap:6px;padding:18px 16px;transition:transform .15s,box-shadow .15s;display:flex}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.product-card-value{color:var(--text-primary);letter-spacing:-.03em;font-size:1.75rem;font-weight:800;line-height:1.1}.product-card-label{color:var(--text-muted);font-size:12px;font-weight:500}.product-card-total{border-left:4px solid var(--accent)}.product-card-total .product-card-value{color:var(--accent)}.product-card-success{border-left:4px solid var(--success)}.product-card-success .product-card-value{color:var(--success)}.product-card-warning{border-left:4px solid var(--warning)}.product-card-warning .product-card-value{color:var(--warning)}.product-card-muted{border-left:4px solid var(--text-muted)}.product-card-muted .product-card-value{color:var(--text-muted)}.product-card-info{border-left:4px solid var(--info)}.product-card-info .product-card-value{color:var(--info)}.products-filters-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);flex-direction:column;gap:14px;padding:18px 20px;display:flex}.products-search-wrap{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-muted);align-items:center;gap:12px;padding:10px 14px;display:flex}.products-search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.products-search-wrap svg{flex-shrink:0}.products-search-input{min-width:0;color:var(--text-primary);background:0 0;border:none;flex:1;font-size:14px}.products-search-input::placeholder{color:var(--text-muted)}.products-search-input:focus{outline:none}.products-filters-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.products-select{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);min-width:160px;padding:10px 14px;font-size:14px}.products-select:focus{border-color:var(--accent);outline:none}.products-check{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.products-check input[type=checkbox]{cursor:pointer}.products-threshold-input{border:1px solid var(--border-color);background:var(--bg-secondary);width:44px;color:var(--text-primary);text-align:center;border-radius:6px;padding:6px 8px;font-size:14px}.products-table-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);overflow-x:auto;box-shadow:0 1px 3px #0000001a}.products-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:14px;padding:64px 24px;font-size:15px;display:flex}.products-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:1020px;font-size:14px}.products-table th,.products-table td{text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle;padding:14px 16px}.products-table thead{background:var(--bg-tertiary)}.products-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:11px;font-weight:600}.products-th-num{text-align:right}.products-table tbody tr{transition:background .1s}.products-table tbody tr:hover{background:var(--bg-hover)}.products-table tbody tr:last-child td{border-bottom:none}.product-cell-img{vertical-align:middle}.product-thumb{object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-tertiary);width:52px;height:52px}.product-no-img{background:var(--bg-tertiary);border-radius:var(--radius-sm);width:52px;height:52px;color:var(--text-muted);justify-content:center;align-items:center;font-size:13px;display:inline-flex}.product-cell-name{max-width:320px;color:var(--text-primary);font-weight:500}.product-cell-sku{color:var(--text-secondary);font-family:ui-monospace,monospace;font-size:13px}.product-cell-price,.product-cell-compare,.product-cell-stock{text-align:right;white-space:nowrap}.product-cell-price{color:var(--text-primary);font-weight:600}.price-compare{color:var(--text-muted);font-size:13px;text-decoration:line-through}.product-stock-unlimited{color:var(--info);font-weight:600}.product-badge{border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.product-status-available{background:var(--success-bg);color:var(--success)}.product-status-not-available{background:var(--warning-bg);color:var(--warning)}.product-status-disabled{background:var(--bg-tertiary);color:var(--text-muted)}.product-cell-cat,.product-cell-brand{color:var(--text-secondary);max-width:180px;font-size:13px}.products-empty{text-align:center;color:var(--text-muted);padding:32px}.products-empty-icon{opacity:.6;margin-bottom:12px;font-size:48px;display:block}.products-empty p{color:var(--text-muted);max-width:360px;margin:0 auto;font-size:15px}.products-footer{color:var(--text-muted);margin:0;padding:8px 0;font-size:13px}.products-footer strong{color:var(--text-primary)}.inventario-view{flex-direction:column;flex:1;gap:24px;width:100%;min-height:0;display:flex}.inventario-summary{flex-shrink:0}.inventario-view-error{text-align:center;align-items:center;padding:48px 24px}.inventario-error-text{color:var(--text-secondary);margin:0 0 16px}.inventario-search{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);min-width:200px;color:var(--text-primary);padding:8px 12px;font-size:14px}.inventario-loading{color:var(--text-muted);align-items:center;gap:10px;padding:24px;display:flex}.inventario-table-wrap{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);overflow-x:auto}.inventario-table{border-collapse:collapse;width:100%;font-size:14px}.inventario-table th,.inventario-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:10px 14px}.inventario-table th{color:var(--text-secondary);background:var(--bg-subtle);font-weight:600}.inventario-table tbody tr:hover{background:var(--bg-hover)}.inventario-badge{border-radius:var(--radius-sm);padding:4px 8px;font-size:12px;font-weight:500;display:inline-block}.inventario-badge-jumpseller{background:var(--accent-subtle);color:var(--accent)}.inventario-badge-bsale{background:var(--bg-subtle);color:var(--text-secondary)}.inventario-cell-name{color:var(--text-primary);font-weight:500}.inventario-btn-sm{padding:6px 12px;font-size:13px}.inventario-empty{text-align:center;color:var(--text-muted);padding:32px 24px;font-size:14px}.inventario-modal-hint{color:var(--text-secondary);margin:0 0 12px;font-size:14px}.inventario-link-list{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.inventario-link-list li{margin:0 0 6px}.inventario-link-option{text-align:left;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);width:100%;color:var(--text-primary);cursor:pointer;padding:10px 14px;font-size:14px;transition:background .15s,border-color .15s;display:block}.inventario-link-option:hover{background:var(--bg-hover);border-color:var(--accent)}
.kanban-view{flex-direction:column;gap:0;height:calc(100vh - 140px);display:flex;overflow:hidden}.kanban-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 0 12px;display:flex}.kanban-search{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:1;align-items:center;gap:8px;max-width:360px;padding:8px 14px;transition:border-color .2s;display:flex}.kanban-search:focus-within{border-color:var(--accent)}.kanban-search svg{color:var(--text-muted);flex-shrink:0}.kanban-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:13px}.kanban-search input::placeholder{color:var(--text-muted)}.kanban-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:13px;line-height:1;transition:color .2s}.kanban-search-clear:hover{color:var(--text-primary)}.kanban-toolbar-actions{align-items:center;gap:10px;display:flex}.kanban-compact-btn{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.kanban-compact-btn:hover{border-color:var(--accent);color:var(--text-primary)}.kanban-compact-btn.active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.kanban-order-count{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:500}.kanban-progress-bar{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;flex-shrink:0;height:22px;margin-bottom:12px;display:flex;overflow:hidden}.kanban-progress-segment{justify-content:center;align-items:center;min-width:0;transition:width .4s;display:flex}.kanban-progress-segment span{color:inherit;opacity:.9;text-shadow:0 1px 2px #0000004d;font-size:10px;font-weight:700}.kanban-progress-segment.column-warning{color:var(--warning);background:#f59e0b80}.kanban-progress-segment.column-info{color:var(--info);background:#3b82f680}.kanban-progress-segment.column-purple{color:var(--purple);background:#a855f780}.kanban-progress-segment.column-success{color:var(--success);background:#22c55e80}.kanban-progress-segment.column-neutral{color:var(--text-muted);background:#6b728080}.kanban-container{flex:1;gap:16px;min-height:0;padding-bottom:8px;display:flex;overflow-x:auto}.kanban-column{flex-direction:column;flex-shrink:0;width:320px;max-height:100%;transition:width .3s;display:flex}.kanban-column-collapsed{width:56px}.kanban-column-collapsed .kanban-column-header{writing-mode:vertical-rl;text-orientation:mixed;justify-content:center;gap:12px;min-height:200px;padding:16px 8px}.kanban-column-collapsed .column-title{gap:8px}.kanban-column-collapsed .column-header-right{flex-direction:column}.kanban-column-header{border-radius:var(--radius)var(--radius)0 0;z-index:2;-webkit-user-select:none;user-select:none;border:1px solid;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex;position:sticky;top:0}.kanban-column-header:hover{filter:brightness(1.1)}.column-title{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.column-header-right{align-items:center;gap:8px;display:flex}.column-count{background:#0003;border-radius:9999px;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.column-collapse-icon{opacity:.6;font-size:11px}.column-warning{background:var(--warning-bg);color:var(--warning);border-color:#f59e0b4d}.column-info{background:var(--info-bg);color:var(--info);border-color:#3b82f64d}.column-purple{background:var(--purple-bg);color:var(--purple);border-color:#a855f74d}.column-success{background:var(--success-bg);color:var(--success);border-color:#22c55e4d}.column-neutral{background:var(--bg-secondary);color:var(--text-muted);border-color:#6b728040}.kanban-column-summary{background:var(--bg-secondary);border:1px solid var(--border-color);border-top:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 14px;font-size:12px;display:flex}.column-total{color:var(--text-primary);font-family:JetBrains Mono,Consolas,monospace;font-size:12px;font-weight:700}.column-sort-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s}.column-sort-btn:hover{border-color:var(--accent);color:var(--accent)}.kanban-column-content{background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:0 0 var(--radius)var(--radius);border-top:none;flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px;display:flex;overflow-y:auto}.kanban-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;display:flex}.kanban-empty svg{opacity:.4}.kanban-load-more{background:var(--bg-hover);border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:center;padding:10px;font-size:12px;font-weight:500;transition:all .2s}.kanban-load-more:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.kanban-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:14px;transition:all .2s;position:relative}.kanban-card:hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);transform:translateY(-2px)}.kanban-card.urgency-medium{border-left:3px solid var(--warning)}.kanban-card.urgency-high{border-left:3px solid var(--error);background:#ef44440a}.kanban-age-badge{border-radius:9999px;padding:2px 7px;font-family:JetBrains Mono,Consolas,monospace;font-size:10px;font-weight:700;line-height:1.2}.kanban-age-badge.age-low{background:var(--success-bg);color:var(--success)}.kanban-age-badge.age-medium{background:var(--warning-bg);color:var(--warning)}.kanban-age-badge.age-high{background:var(--error-bg);color:var(--error)}.kanban-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.order-number{color:var(--accent);font-family:JetBrains Mono,Consolas,monospace;font-size:14px;font-weight:700}.order-total{color:var(--text-primary);font-size:14px;font-weight:700}.kanban-card-customer{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:500;overflow:hidden}.kanban-card-date{color:var(--text-muted);margin-bottom:12px;font-size:12px}.kanban-card-badges{margin-bottom:12px}.kanban-card-actions{gap:8px;display:flex}.btn-mini{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.btn-mini:hover{opacity:.8}.btn-mini.btn-jumpseller{background:var(--jumpseller);color:var(--bg-primary)}.btn-mini.btn-warecloud{background:var(--warecloud);color:var(--bg-primary)}.btn-mini.btn-warecloud-search{background:var(--bg-hover);color:var(--text-secondary)}.btn-mini.btn-warecloud-search:hover{color:var(--warecloud)}
.table-view,.data-table-with-toolbar{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.table-toolbar{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:16px;display:flex}.table-toolbar-extra-right{align-items:center;gap:12px;margin-left:auto;display:flex}.table-toolbar-extra-right .header-date-range{align-items:center;gap:8px;display:flex}.table-toolbar-extra-right .header-date-range input{border-radius:var(--radius-sm);border:1px solid var(--border-color);height:32px;padding:0 8px;font-size:13px}.table-toolbar-btn{border-radius:var(--radius-sm);align-items:center;height:32px;min-height:32px;display:inline-flex}.data-table-with-toolbar .table-toolbar,.data-table-with-toolbar .pagination-container{flex-shrink:0}.search-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);flex:1;align-items:center;gap:8px;max-width:400px;padding:8px 16px;display:flex}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.search-box input::placeholder{color:var(--text-muted)}.table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;min-height:0;position:relative;overflow:auto}.orders-table{border-collapse:separate;border-spacing:0}.orders-table th,.orders-table td{text-align:left;padding:14px 16px}.date-cell{flex-direction:column;gap:2px;line-height:1.2;display:flex}.date-cell-time{color:var(--text-muted);font-size:11px}.process-select{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);padding:6px 8px;font-size:12px}.btn-primary{background:var(--accent);color:#06121f;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 16px;font-weight:600}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;padding:8px 16px;font-weight:500}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.chart-container{width:100%;padding:8px 0}.dashboard-row{align-items:flex-start;gap:20px;display:flex}.chart-half{flex:1;min-width:0}.chart-tooltip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:10px 14px}.chart-tooltip-label{color:var(--text-muted);margin-bottom:4px;font-size:12px}.chart-tooltip-value{color:var(--text-primary);font-size:13px;font-weight:600}@media (max-width:768px){.dashboard-row{flex-direction:column}}.positive{color:#16a34a}.negative{color:#dc2626}.table-container .orders-table thead th{z-index:2;background:var(--bg-tertiary);box-shadow:0 1px 0 var(--border-color);position:sticky;top:0}.table-container .orders-table thead th.th-checkbox{z-index:3}.orders-table th{background:var(--bg-tertiary);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);z-index:10;font-size:12px;font-weight:600;position:sticky;top:0}.orders-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.orders-table th.sortable:hover{color:var(--accent)}.orders-table th.sortable svg{vertical-align:middle;margin-left:4px;display:inline}.orders-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s}.orders-table tbody tr:hover{background:var(--bg-hover)}.orders-table tbody tr:last-child{border-bottom:none}.order-row td{font-size:14px}.clickable-row{cursor:pointer;transition:background-color .15s}.clickable-row:hover{background-color:var(--bg-hover)}.data-table-with-toolbar .simple-data-table-wrap,.data-table-with-toolbar .colegios-table-wrap,.data-table-with-toolbar .personas-table-wrap,.data-table-with-toolbar .promocion-table-wrap,.data-table-with-toolbar .facturacion-table-wrap,.list-view .coupons-table-wrap{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:auto}.simple-data-table,.colegios-table,.personas-table,.promocion-table{border-collapse:separate;border-spacing:0;width:100%}.simple-data-table th,.simple-data-table td,.colegios-table th,.colegios-table td,.personas-table th,.personas-table td,.promocion-table th,.promocion-table td{text-align:left;padding:14px 16px}.simple-data-table th,.colegios-table th,.personas-table th,.promocion-table th{background:var(--bg-tertiary);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);z-index:10;font-size:12px;font-weight:600;position:sticky;top:0}.simple-data-table tbody tr,.colegios-table tbody tr,.personas-table tbody tr,.promocion-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s}.simple-data-table tbody tr:hover,.colegios-table tbody tr:hover,.personas-table tbody tr:hover,.promocion-table tbody tr:hover{background:var(--bg-hover)}.simple-data-table tbody tr:last-child,.colegios-table tbody tr:last-child,.personas-table tbody tr:last-child,.promocion-table tbody tr:last-child{border-bottom:none}.simple-data-table td,.colegios-table td,.personas-table td,.promocion-table td{font-size:14px}.simple-data-table .empty-cell,.colegios-table .empty-cell,.personas-table .empty-cell,.promocion-table .empty-cell{text-align:center;color:var(--text-muted);padding:2rem}.simple-data-table th.sortable,.colegios-table th.sortable,.personas-table th.sortable,.promocion-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.simple-data-table th.sortable:hover,.colegios-table th.sortable:hover,.personas-table th.sortable:hover,.promocion-table th.sortable:hover{color:var(--accent)}.simple-data-table .th-content,.colegios-table .th-content,.personas-table .th-content,.promocion-table .th-content{white-space:nowrap;align-items:center;gap:4px;display:flex}.simple-data-table th,.colegios-table th,.personas-table th,.promocion-table th{position:relative}.simple-data-table .th-resize-handle,.colegios-table .th-resize-handle,.personas-table .th-resize-handle,.promocion-table .th-resize-handle{cursor:col-resize;width:5px;height:100%;position:absolute;top:0;right:-2px}.simple-data-table .th-resize-handle:hover,.simple-data-table .th-resize-handle:active,.colegios-table .th-resize-handle:hover,.personas-table .th-resize-handle:hover,.promocion-table .th-resize-handle:hover{background:var(--accent)}.simple-data-table .th-drag-handle,.colegios-table .th-drag-handle,.personas-table .th-drag-handle,.promocion-table .th-drag-handle{color:var(--text-muted);cursor:grab;opacity:.4;-webkit-user-select:none;user-select:none;font-size:10px;line-height:1}.simple-data-table th:hover .th-drag-handle,.colegios-table th:hover .th-drag-handle,.personas-table th:hover .th-drag-handle,.promocion-table th:hover .th-drag-handle{opacity:1}.simple-data-table th[draggable],.colegios-table th[draggable],.personas-table th[draggable],.promocion-table th[draggable]{cursor:grab}.simple-data-table th.drag-over,.colegios-table th.drag-over,.personas-table th.drag-over,.promocion-table th.drag-over{border-left:2px solid var(--accent);background:var(--accent-glow)!important}.simple-data-table .th-checkbox,.simple-data-table .td-checkbox,.colegios-table .th-checkbox,.colegios-table .td-checkbox,.personas-table .th-checkbox,.personas-table .td-checkbox,.promocion-table .th-checkbox,.promocion-table .td-checkbox{text-align:center;z-index:5;width:40px;min-width:40px;position:sticky;left:0;padding:8px!important}.simple-data-table .th-checkbox,.colegios-table .th-checkbox,.personas-table .th-checkbox,.promocion-table .th-checkbox{z-index:12;background:var(--bg-tertiary)}.simple-data-table .td-checkbox,.colegios-table .td-checkbox,.personas-table .td-checkbox,.promocion-table .td-checkbox{background:var(--bg-secondary)}.simple-data-table tbody tr:hover .td-checkbox,.colegios-table tbody tr:hover .td-checkbox,.personas-table tbody tr:hover .td-checkbox,.promocion-table tbody tr:hover .td-checkbox{background:var(--bg-hover)}.simple-data-table .th-checkbox input,.simple-data-table .td-checkbox input,.colegios-table .th-checkbox input,.colegios-table .td-checkbox input,.personas-table .th-checkbox input,.personas-table .td-checkbox input,.promocion-table .th-checkbox input,.promocion-table .td-checkbox input{accent-color:var(--accent);cursor:pointer;width:16px;height:16px}.th-checkbox,.td-checkbox{text-align:center;z-index:5;width:40px;min-width:40px;position:sticky;left:0;padding:8px!important}.th-checkbox{z-index:12;background:var(--bg-tertiary)}.td-checkbox{background:var(--bg-secondary)}.orders-table tbody tr:hover .td-checkbox{background:var(--bg-hover)}.th-checkbox input,.td-checkbox input{accent-color:var(--accent);cursor:pointer;width:16px;height:16px}.th-content{white-space:nowrap;align-items:center;gap:4px;display:flex}.th-status-label{background:var(--accent);color:#06121f;text-transform:none;letter-spacing:0;border-radius:8px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:600}.th-drag-handle{color:var(--text-muted);cursor:grab;opacity:.4;-webkit-user-select:none;user-select:none;font-size:10px;line-height:1}.orders-table th:hover .th-drag-handle{opacity:1}.orders-table th[draggable]{cursor:grab}.orders-table th.drag-over{border-left:2px solid var(--accent);background:var(--accent-glow)!important}.wc-cell{align-items:center;gap:6px;display:flex}.btn-wc-refresh{border:1px solid var(--border-color);background:var(--bg-tertiary);width:24px;height:24px;color:var(--text-muted);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.btn-wc-refresh:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.btn-wc-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-wc-refresh svg{width:12px;height:12px}.btn-wc-refresh.btn-wc-refresh-loading svg{animation:1s linear infinite spin}.batch-bar{background:var(--accent-glow);border:1px solid var(--accent);border-radius:var(--radius-sm);flex-direction:column;flex-shrink:0;gap:10px;padding:10px 16px;animation:.2s fadeInUp;display:flex}.batch-bar-buttons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.batch-bar-count{color:var(--accent);font-size:13px;font-weight:700}.batch-progress{align-items:center;gap:12px;width:100%;display:flex}.batch-progress-header{flex-shrink:0;align-items:center;gap:8px;display:flex}.batch-progress-header svg{color:#f59e0b;width:16px;height:16px;animation:1s linear infinite spin}.batch-progress-label{color:var(--text-primary);white-space:nowrap;font-size:13px}.batch-progress-label strong{color:#f59e0b}.batch-progress-stats{flex-shrink:0;gap:8px;font-size:12px;display:flex}.batch-stat-ok{color:#22c55e;font-weight:600}.batch-stat-fail{color:#ef4444;font-weight:600}.batch-cancel-btn{border:1px solid var(--text-muted,#888);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;font-size:12px;transition:all .15s;display:flex}.batch-cancel-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.batch-cancel-btn svg{width:12px;height:12px}.batch-progress-track{background:#ffffff1a;border-radius:4px;flex:1;min-width:100px;height:8px;overflow:hidden}.batch-progress-fill{background:linear-gradient(90deg,#f59e0b,#22c55e);border-radius:4px;height:100%;transition:width .3s}.batch-progress-pct{color:#f59e0b;text-align:right;min-width:36px;font-size:13px;font-weight:700}.btn-batch-open-js{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-batch-open-js:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.btn-batch-print{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-batch-print:hover{color:#3b82f6;background:#3b82f61a;border-color:#3b82f6}.btn-batch-scrape{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-batch-scrape:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}.btn-batch-scrape:disabled{opacity:.7;cursor:wait}.btn-batch-scrape svg{width:14px;height:14px}.btn-batch-refresh-js{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-batch-refresh-js:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d)}.btn-batch-refresh-js:disabled{opacity:.7;cursor:wait}.btn-batch-refresh-js svg{width:14px;height:14px}.batch-js-status-wrap{align-items:stretch;display:inline-flex;position:relative}.btn-batch-js-status{color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ea580c,#c2410c);border:none;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-batch-js-status:hover:not(:disabled){background:linear-gradient(135deg,#c2410c,#9a3412)}.btn-batch-js-status:disabled{opacity:.85;cursor:wait}.btn-batch-js-status svg{flex-shrink:0}.batch-js-status-menu{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:var(--radius-sm);z-index:100;min-width:220px;padding:6px 0;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #0000001f}.batch-js-status-item{text-align:left;width:100%;color:var(--text-primary,#111);cursor:pointer;background:0 0;border:none;padding:10px 14px;font-size:13px;font-weight:500;transition:background .1s;display:block}.batch-js-status-item:hover{background:var(--bg-tertiary,#f3f4f6)}.batch-js-status-item-delivered{border-top:1px solid var(--border-color,#e5e7eb);color:#15803d;font-weight:600}.batch-js-status-item-delivered:hover{background:#22c55e1a}.th-actions,.td-actions{text-align:center;width:44px;min-width:44px}.th-actions{font-size:14px}.btn-row-refresh{width:28px;height:28px;color:var(--text-muted);cursor:pointer;opacity:.4;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.order-row:hover .btn-row-refresh{opacity:1;border-color:var(--border-color);background:var(--bg-tertiary)}.btn-row-refresh:hover:not(:disabled){color:#22c55e;background:#22c55e14;border-color:#22c55e}.btn-row-refresh:disabled{opacity:.6;cursor:wait}.btn-row-refresh svg{width:14px;height:14px}.btn-row-refresh.spinning svg{animation:1s linear infinite spin}.btn-refresh-js{align-items:center;gap:6px;font-weight:600;display:inline-flex;color:#fff!important;background:linear-gradient(135deg,#22c55e,#16a34a)!important;border:none!important}.btn-refresh-js:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d)!important}.btn-refresh-js:disabled{opacity:.7;cursor:wait}.btn-refresh-js svg{width:14px;height:14px}.btn-batch-clear{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:7px 14px;font-size:12px;transition:all .15s}.btn-batch-clear:hover{border-color:var(--text-primary);color:var(--text-primary)}.btn-batch-export,.btn-batch-action{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;padding:7px 14px;font-size:12px;transition:all .15s}.btn-batch-export:hover,.btn-batch-action:hover{background:var(--bg-hover);color:var(--text-primary)}.font-mono{font-family:JetBrains Mono,Consolas,monospace}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-accent{color:var(--accent)}.customer-cell{white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.flex{display:flex}.gap-2{gap:8px}.btn-icon{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-view{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-view:hover{background:var(--accent-glow);color:var(--accent)}.btn-link{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-link.btn-jumpseller{background:var(--success-bg);color:var(--jumpseller)}.btn-link.btn-jumpseller:hover{background:var(--jumpseller);color:var(--bg-primary)}.btn-link.btn-warecloud{color:var(--warecloud);background:#818cf826}.btn-link.btn-warecloud:hover{background:var(--warecloud);color:var(--bg-primary)}.btn-link.btn-warecloud:disabled{opacity:.6;cursor:not-allowed}.pagination-container{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.pagination-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.pagination-info{color:var(--text-muted);font-size:14px}.pagination-per-page{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.pagination-per-page-select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:6px 10px;font-size:13px}.pagination-per-page-select:hover,.pagination-per-page-select:focus{border-color:var(--accent);outline:none}.pagination{gap:4px;display:flex}.pagination-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);min-width:36px;height:36px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.pagination-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}
.sync-view{max-width:600px}.sync-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:24px}.sync-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.sync-header svg{color:var(--warecloud)}.sync-header h3{margin:0;font-size:18px;font-weight:700}.sync-stats{gap:32px;margin-bottom:24px;display:flex}.sync-stat{flex-direction:column;display:flex}.sync-stat-value{color:var(--warecloud);font-size:36px;font-weight:700;line-height:1.2}.sync-stat-label{color:var(--text-muted);text-transform:uppercase;margin-top:4px;font-size:12px}.sync-info{margin-bottom:24px}.sync-info p{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.sync-info strong{color:var(--text-primary)}.sync-result{color:var(--success)}.sync-running{color:var(--accent);align-items:center;gap:8px;display:flex}.sync-actions{gap:12px;margin-bottom:16px;display:flex}.btn-sync-primary,.btn-sync-secondary{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-sync-primary{background:var(--warecloud);color:var(--bg-primary)}.btn-sync-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-sync-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-sync-secondary:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-sync-danger{border-radius:var(--radius-sm);cursor:pointer;color:#e74c3c;background:0 0;border:1px solid #e74c3c;align-items:center;gap:8px;padding:12px 20px;font-weight:600;display:flex}.btn-sync-danger:hover:not(:disabled){color:#fff;background:#e74c3c}.btn-sync-primary:disabled,.btn-sync-secondary:disabled,.btn-sync-danger:disabled{opacity:.6;cursor:not-allowed}.sync-note{color:var(--text-muted);font-size:12px;font-style:italic}
.badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-error{background:var(--error-bg);color:var(--error)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-neutral{background:var(--bg-tertiary);color:var(--text-muted)}.badge-pickup{color:#a855f7;white-space:nowrap;background:#a855f71f;border-radius:4px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:600}.shipping-pickup{align-items:center;gap:2px;display:inline-flex}.pill-pickup{color:#a855f7!important;background:#a855f71f!important;border-color:#a855f74d!important}
.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-close{width:36px;height:36px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-detail-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);flex-direction:column;width:100%;max-width:960px;max-height:92vh;animation:.25s modal-slide-up;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-detail-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:20px 28px 16px}.modal-detail-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modal-detail-title{color:var(--text-primary);margin:0;font-size:22px;font-weight:800}.modal-detail-date{color:var(--text-muted);margin-top:2px;font-size:13px}.modal-detail-actions{align-items:center;gap:8px;display:flex}.btn-ext{border-radius:var(--radius-sm);align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-ext-js{background:var(--jumpseller);color:var(--bg-primary)}.btn-ext-wc{background:var(--warecloud);color:var(--bg-primary)}.modal-detail-badges{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.modal-detail-body{flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex;overflow-y:auto}.detail-two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.detail-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:18px}.detail-section.detail-full{width:100%}.detail-section h4{color:var(--text-primary);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin:0 0 14px;padding-bottom:8px;font-size:14px;font-weight:700;display:flex}.detail-section h4 svg{color:var(--accent);width:16px;height:16px}.detail-field{justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;display:flex}.detail-label{color:var(--text-muted);flex-shrink:0;font-size:13px}.detail-value{color:var(--text-primary);text-align:right;word-break:break-word;font-size:14px;font-weight:500}.detail-value-accent{color:var(--accent);font-size:16px;font-weight:700}.text-discount{color:var(--success,#22c55e)}.detail-value-notes{color:var(--text-secondary);text-align:right;max-width:200px;font-size:13px;font-style:italic}.detail-section .products-table{flex-direction:column;display:flex}.detail-section .products-table-head{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;border-bottom:1px solid var(--border-color);grid-template-columns:1fr 100px 60px 100px;gap:12px;padding:8px 0;font-size:11px;display:grid}.detail-section .products-table-row{border-bottom:1px solid #ffffff0a;grid-template-columns:1fr 100px 60px 100px;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:grid}.detail-section .products-table-row:last-child{border-bottom:none}.pt-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pt-sku{color:var(--text-muted);font-size:12px}.pt-qty{text-align:center;font-weight:600}.pt-price{text-align:right;font-weight:600}.detail-section .products-table-total{border-top:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:6px;padding:14px 0 0;font-size:15px;font-weight:700;display:flex}.wc-loading{color:var(--text-muted);align-items:center;gap:8px;padding:8px 0;font-size:13px;display:flex}.wc-loading svg{animation:1s linear infinite spin}.wc-not-found{color:var(--text-muted);padding:8px 0;font-size:13px}.delivery-timeline-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:16px 20px}.delivery-timeline{align-items:center;gap:0;margin:16px 0 12px;display:flex}.timeline-step{flex-shrink:0;align-items:center;gap:8px;display:flex}.timeline-dot{border:2px solid var(--border-color);background:var(--bg-primary);border-radius:50%;flex-shrink:0;width:14px;height:14px;transition:all .2s}.timeline-step.active .timeline-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.timeline-step.current .timeline-dot{animation:2s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 0 3px var(--accent-glow)}50%{box-shadow:0 0 0 6px #0000}}.timeline-info{flex-direction:column;gap:2px;display:flex}.timeline-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px;font-weight:700}.timeline-step.active .timeline-label{color:var(--accent)}.timeline-date{color:var(--text-secondary);font-size:12px}.timeline-connector{background:var(--border-color);flex:1;justify-content:center;align-items:center;min-width:40px;height:2px;margin:0 8px;display:flex;position:relative}.timeline-connector.active{background:var(--accent)}.timeline-days{color:var(--accent);background:var(--bg-secondary);white-space:nowrap;border-radius:8px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;top:-18px}.delivery-summary{background:var(--bg-tertiary);border-radius:var(--radius-sm);align-items:center;gap:16px;padding:10px 14px;font-size:13px;display:flex}.delivery-total{color:var(--text-primary)}.delivery-total strong{color:var(--accent)}.delivery-detail{color:var(--text-muted);border-left:1px solid var(--border-color);padding-left:12px;font-size:12px}.delivery-approx{color:var(--text-muted);margin-left:4px;font-size:11px;font-weight:400}.delivery-type-tag{color:#fff;border-left:none;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600}.delivery-cell{white-space:nowrap;align-items:center;gap:4px;display:flex}.delivery-cell-main{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.delivery-cell-sub{color:var(--text-muted);font-size:10px;font-weight:400}.delivery-cell-type{font-size:12px;line-height:1}.delivery-phase-delivered .delivery-cell-main{color:#4caf50}.delivery-phase-shipped .delivery-cell-main{color:#00bcd4}.delivery-phase-preparing .delivery-cell-main{color:#ff9800}.delivery-phase-pending .delivery-cell-main{color:var(--text-muted)}.tracking-link{color:var(--accent);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.tracking-link:hover{text-decoration:underline}.tracking-link svg{width:12px;height:12px}.order-number-cell{align-items:center;gap:6px;display:flex}.order-number-cell .btn-row-refresh{flex-shrink:0}.btn-row-print{width:24px;height:24px;color:var(--text-muted);opacity:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.order-row:hover .btn-row-print{opacity:.6}.btn-row-print:hover{color:#3b82f6;background:#3b82f61a;opacity:1!important}.id-link{font-family:var(--font-mono,monospace);white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s}.id-link:hover{filter:brightness(1.2);text-decoration:underline}.id-link-js{color:#22c55e;background:#22c55e14}.id-link-js:hover{color:#16a34a;background:#22c55e29}.warecloud-id-cell{flex-direction:column;gap:2px;display:flex}.warecloud-id-cell .wc-last-datetime{color:var(--text-muted);white-space:nowrap;font-size:.7rem}.id-link-wc{color:#a855f7;background:#a855f714}.id-link-wc:hover{color:#9333ea;background:#a855f729}@media (max-width:600px){.delivery-timeline{flex-direction:column;align-items:flex-start;gap:4px}.timeline-connector{width:2px;height:24px;min-width:unset;margin:0 6px}.timeline-days{top:auto;left:16px}.delivery-summary{flex-direction:column;align-items:flex-start;gap:6px}.delivery-detail{border-left:none;padding-left:0}}.wc-last-status{flex-direction:column;gap:2px;display:flex}.wc-last-status .wc-last-status-label{font-weight:500}.wc-last-status .wc-last-status-datetime{color:var(--text-muted);font-size:.85rem}.wc-scrape-area{border-top:1px solid var(--border-color);margin-top:12px;padding-top:12px}@media (max-width:768px){.detail-two-col{grid-template-columns:1fr}.modal-detail-container{max-width:100%;max-height:95vh}.modal-detail-body{padding:16px}.detail-section .products-table-head,.detail-section .products-table-row{grid-template-columns:1fr 60px 80px}.detail-section .pt-sku{display:none}}.btn-scrape-wc{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;font-weight:600}.btn-scrape-wc:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}.btn-scrape-wc:disabled{opacity:.7;cursor:wait}.btn-scrape-wc svg{width:16px;height:16px}.scrape-result-msg{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33;border-radius:6px;margin-top:8px;padding:6px 10px;font-size:13px}.scrape-hint{color:var(--text-muted,#9ca3af);margin-top:6px;font-size:12px;font-style:italic}.wc-status{white-space:nowrap;letter-spacing:.2px;color:#fff;background:#607d8b;border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.wc-status-entregado,.wc-status-completado{color:#fff;background:#4caf50}.wc-status-entregado-con-error{color:#fff;background:#e65100}.wc-status-listo-para-entregar{color:#fff;background:#558b2f}.wc-status-en-camino{color:#fff;background:#00bcd4}.wc-status-en-tránsito,.wc-status-en-transito,.wc-status-en-tránsito{color:#fff;background:#0097a7}.wc-status-despachado{color:#fff;background:#1976d2}.wc-status-en-reparto{color:#fff;background:#0288d1}.wc-status-por-armar{color:#fff;background:#00695c}.wc-status-en-preparación,.wc-status-en-preparacion{color:#fff;background:#00796b}.wc-status-por-despachar{color:#fff;background:#00897b}.wc-status-pausado{color:#fff;background:#ef6c00}.wc-status-pendiente,.wc-status-ingresado,.wc-status-recepcionado{color:#fff;background:#78909c}.wc-status-desarmado{color:#fff;background:#455a64}.wc-status-cancelado{color:#fff;background:#d32f2f}.wc-status-devuelto{color:#fff;background:#c62828}.wc-status-retirado{color:#fff;background:#388e3c}.wc-status-listo-para-retiro{color:#fff;background:#2e7d32}.wc-status-confirmado,.wc-status-pagado{color:#fff;background:#1565c0}.wc-status-en-bodega{color:#fff;background:#5d4037}.wc-status-parcial{color:#fff;background:#f9a825}.wc-status-ver-en-warecloud{color:var(--text-muted);border:1px dashed var(--border-color);background:0 0;font-weight:400}.wc-status-group{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.wc-delivery-type{letter-spacing:.02em;white-space:nowrap;border-radius:4px;align-items:center;gap:2px;padding:2px 6px;font-size:10px;font-weight:600;line-height:1.4;display:inline-flex}.wc-delivery-courier-externo{color:#fff;background:#7c3aed}.wc-delivery-interno{color:#fff;background:#0d9488}.loading-link,.not-found-link{color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:12px 20px;font-size:14px;display:flex}.form-modal{background:var(--menu-bg);border:2px solid var(--button-border);border-radius:var(--radius);width:100%;max-height:88vh;box-shadow:var(--menu-shadow);flex-direction:column;display:flex;overflow:hidden}.form-modal--sm{max-width:400px}.form-modal--md{max-width:560px}.form-modal--lg{max-width:640px}.form-modal--xl{max-width:720px}.form-modal--2xl{max-width:920px}.form-modal-header{border-bottom:2px solid var(--button-border);background:var(--bg-tertiary);border-radius:var(--radius)var(--radius)0 0;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.form-modal-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700}.form-modal-close{width:36px;height:36px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.form-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.form-modal-scroll{flex:1;min-height:0;overflow-y:auto}.form-modal-actions{border-top:2px solid var(--button-border);background:var(--bg-secondary);border-radius:0 0 var(--radius)var(--radius);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:16px;padding:20px 24px;display:flex}.form-modal-actions button,.form-modal-actions [data-ui=button]{text-align:center;flex-shrink:0;justify-content:center;align-items:center;min-height:40px;display:inline-flex}.form-modal-body{flex-direction:column;gap:8px;padding:24px;display:flex}.form-modal-section{border-bottom:1px solid var(--button-border);padding:20px 0}.form-modal-section:last-of-type{border-bottom:none;padding-bottom:8px}.form-modal-section h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 14px;padding-bottom:6px;font-size:11px;font-weight:600}.form-modal-section-card{background:var(--bg-tertiary);border:2px solid var(--button-border);border-radius:var(--radius-sm);margin-bottom:16px;padding:18px 20px}.form-modal-section-card:last-of-type{margin-bottom:0}.form-modal-section-card h3{margin-bottom:16px}.form-modal-grid{gap:16px 24px;margin-bottom:16px;display:grid}.form-modal-grid:last-child{margin-bottom:0}@media (min-width:560px){.form-modal-grid--2{grid-template-columns:1fr 1fr}}.form-modal-grid .form-field-group{flex-direction:column;gap:6px;min-width:0;display:flex}.form-modal-grid .form-field-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-modal-grid .form-field-group input,.form-modal-grid .form-field-group select,.form-modal-grid .form-field-group textarea{border-radius:var(--menu-item-radius);border:1px solid var(--button-border);background:var(--bg-tertiary);color:var(--text-primary);padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-modal-grid .form-field-group input:focus,.form-modal-grid .form-field-group select:focus,.form-modal-grid .form-field-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.form-modal-grid .form-field-group--full{grid-column:1/-1}.form-modal-productos-list{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.form-modal-producto-line{grid-template-columns:1fr auto auto;align-items:end;gap:12px;display:grid}@media (min-width:480px){.form-modal-producto-line{grid-template-columns:minmax(200px,2fr) 100px auto}}.form-modal-producto-line .form-field-group{min-width:0}.form-modal-row{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}.form-modal-row:last-child{margin-bottom:0}.form-modal-row label{min-width:140px;color:var(--text-secondary);flex-direction:column;flex:1;gap:6px;font-size:13px;font-weight:500;display:flex}.form-modal-body .form-modal-row input,.form-modal-body .form-modal-row select,.form-modal-body .form-modal-row textarea{border-radius:var(--menu-item-radius);border:1px solid var(--button-border);background:var(--bg-tertiary);color:var(--text-primary);padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-modal-body .form-modal-row input:focus,.form-modal-body .form-modal-row select:focus,.form-modal-body .form-modal-row textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.form-modal-body .form-modal-row input::placeholder,.form-modal-body .form-modal-row textarea::placeholder{color:var(--text-muted)}.form-modal-hint{color:var(--text-muted);margin:0 0 12px;font-size:12px;line-height:1.4}.form-modal-banner,.form-modal-loading{margin-bottom:20px}.form-modal-btn-remove{color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--button-border);border-radius:var(--menu-item-radius);cursor:pointer;flex-shrink:0;padding:10px 14px;font-size:13px;transition:background .2s,color .2s,border-color .2s}.form-modal-btn-remove:hover{background:var(--error-bg);color:var(--error);border-color:#ef44444d}.form-modal-producto-row{align-items:flex-end;gap:12px}.form-modal-label-producto{flex:2;min-width:200px}.form-modal-label-cantidad{flex:none;width:88px}.form-modal-label-cantidad input{width:88px}.form-modal-field{flex:1;min-width:0}.form-modal-vincular{align-items:flex-end;gap:8px;display:flex}.form-modal .searchable-select{flex-direction:column;gap:8px;min-width:0;display:flex}.form-modal .searchable-select-label{color:var(--text-secondary);font-size:13px;font-weight:500;display:block}.form-modal .searchable-select-input-wrap{border:2px solid var(--button-border);border-radius:var(--radius-sm);background:var(--bg-tertiary);align-items:stretch;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.form-modal .searchable-select-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.form-modal .searchable-select-input{min-width:0;color:var(--text-primary);border-radius:var(--radius-sm);background:0 0;border:none;outline:none;flex:1;padding:12px 36px 12px 14px;font-size:14px}.form-modal .searchable-select-input::placeholder{color:var(--text-muted)}.form-modal .searchable-select-input:disabled{opacity:.7;cursor:not-allowed;background:var(--bg-primary)}.form-modal .searchable-select-clear{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:color .2s,background .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.form-modal .searchable-select-clear:hover{color:var(--text-primary);background:var(--bg-hover)}.form-modal .searchable-select-dropdown{margin-top:4px;margin-left:0;padding:6px 0;list-style:none}.form-modal .searchable-select-option{color:var(--text-primary);cursor:pointer;padding:10px 14px;font-size:14px;transition:background .15s,color .15s}.form-modal .searchable-select-option:hover,.form-modal .searchable-select-option.selected{background:var(--bg-hover);color:var(--text-primary)}.form-modal .searchable-select-option.selected{font-weight:600}.form-modal .searchable-select-empty{color:var(--text-muted);text-align:center;padding:14px;font-size:13px}
.loading-state{min-height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.spinner-large{border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:var(--error-bg);border-radius:var(--radius-sm);color:var(--error);border:1px solid #ef44444d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.error-banner button{background:var(--error);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 16px;font-weight:600}.animate-spin{animation:1s linear infinite spin}
@media (max-width:1024px){.header-right{flex-wrap:wrap;gap:8px}.dash-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{z-index:999;transition:left .3s;position:fixed;left:-260px}.sidebar:not(.collapsed){left:0}.main-content{width:100%}.main-header{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.header-right{flex-wrap:wrap;justify-content:flex-start;gap:6px}.header-right .btn-filter,.header-right .btn-refresh,.header-right .btn-logout{padding:6px 10px;font-size:12px}.view-selector-group{width:100%}.view-selector-group .days-select{flex:1}.kanban-column{width:280px}.kanban-column-collapsed{width:48px}.kanban-toolbar{flex-direction:column;gap:8px}.kanban-search{max-width:100%}.modal-header{flex-direction:column;align-items:flex-start}.modal-header-actions{justify-content:flex-start;width:100%}.filters-grid{grid-template-columns:1fr}.dashboard-period{flex-direction:column;gap:8px}.main-body{flex-direction:column;padding:12px;display:flex}.toast-container{bottom:12px;left:12px;right:12px}}
.btn-filter{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:inline-flex}.btn-filter:hover{border-color:var(--accent);color:var(--text-primary);background:var(--bg-hover)}.filters-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:16px}.filters-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.filters-header h3{margin:0;font-size:16px}.btn-filter-clear{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:6px 10px;transition:all .2s}.btn-filter-clear:hover{border-color:var(--accent);color:var(--text-primary);background:var(--bg-hover)}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-label{color:var(--text-muted);font-size:12px}.filter-search-input{margin-bottom:6px;font-size:.82rem}.filter-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);padding:8px 10px}.filter-list{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);flex-direction:column;gap:6px;max-height:200px;padding:8px;display:flex;overflow-y:auto}.filter-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.filter-item input{accent-color:var(--accent)}.filter-empty{color:var(--text-muted);font-size:12px}.filter-actions{align-items:center;gap:8px;display:flex}.view-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.view-toggle [data-ui=button]{border-radius:999px;padding-left:14px;padding-right:14px}.kanban-card-meta{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.kanban-meta-pill{background:var(--bg-hover);color:var(--text-secondary);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px}
.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-sm);pointer-events:auto;min-width:240px;padding:12px 20px;font-size:13px;font-weight:500;animation:.3s toast-slide-in;box-shadow:0 4px 16px #0006}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--error);color:#fff}.toast-info{background:var(--accent);color:#fff}.loading-text{animation:1.2s ease-in-out infinite pulse-loading;display:inline-block}@keyframes pulse-loading{0%,to{opacity:1}50%{opacity:.4}}.skeleton-container{flex-direction:column;gap:12px;padding:8px 0;display:flex}.skeleton-toolbar{gap:16px;margin-bottom:8px;display:flex}.skeleton-row{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color);align-items:center;gap:16px;padding:14px 16px;display:flex}.skeleton-box{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-hover)50%,var(--bg-tertiary)75%);background-size:200% 100%;border-radius:6px;min-height:16px;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton-search{width:300px;height:40px}.skeleton-cell-sm{width:60px;height:16px}.skeleton-cell-md{width:120px;height:16px}.skeleton-cell-lg{flex:1;height:16px}.skeleton-cards{gap:16px;margin-bottom:16px;display:flex}.skeleton-card{border-radius:var(--radius-sm);flex:1;height:72px}.skeleton-btn{border-radius:var(--radius-sm);width:140px;height:36px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.filter-badge{background:var(--accent);min-width:18px;height:18px;color:var(--bg-primary);border-radius:9999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.toast{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.toast-close{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.toast-close:hover{opacity:1}.modal-overlay{animation:.2s modal-fade-in}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.main-body>*{animation:.2s view-enter}@keyframes view-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.orders-table td{white-space:nowrap}.orders-table .customer-cell{max-width:180px}.sidebar-item{position:relative}.sidebar-item.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:4px;bottom:4px;left:0}.sidebar.collapsed .sidebar-item.active:before{display:none}