:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-display:"Inter", sans-serif;--background:#f8f9ff;--surface:#f8f9ff;--surface-bright:#fff;--surface-dim:#cbdbf5;--surface-container-lowest:#fff;--surface-container-low:#eff4ff;--surface-container:#e5eeff;--surface-container-high:#dce9ff;--surface-container-highest:#d3e4fe;--surface-variant:#d3e4fe;--on-background:#0b1c30;--on-surface:#0b1c30;--on-surface-variant:#45464d;--outline:#76777d;--outline-variant:#c6c6cd;--ghost-border:#f1f5f9;--primary-container:#131b2e;--on-primary-container:#7c839b;--primary:#000;--primary-fixed:#dae2fd;--primary-fixed-dim:#bec6e0;--secondary:#0058be;--secondary-container:#2170e4;--on-secondary-container:#fefcff;--secondary-fixed:#d8e2ff;--secondary-fixed-dim:#adc6ff;--on-secondary-fixed:#001a42;--on-secondary-fixed-variant:#004395;--tertiary:#000;--on-tertiary:#fff;--tertiary-container:#001e2f;--on-tertiary-container:#008cc7;--tertiary-fixed:#c9e6ff;--tertiary-fixed-dim:#89ceff;--on-tertiary-fixed:#001e2f;--on-tertiary-fixed-variant:#004c6e;--success:#137333;--on-success:#fff;--success-container:#e6f4ea;--success-border:#ceead6;--success-text:#137333;--warning:#d97706;--warning-container:#fef3c7;--warning-border:#fde68a;--warning-text:#b45309;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#93000a;--error-border:#ffb4ab;--bg-header:#fff;--bg-card-solid:#fff;--bg-input:#fff;--bg-input-focus:#f8f9ff;--bg-sidebar:#fff;--sidebar-border:#e2e8f0;--sidebar-header-border:#e2e8f0;--sidebar-brand-color:#0b1c30;--sidebar-text:#45464d;--sidebar-text-hover:#0058be;--sidebar-hover-bg:#eff4ff;--sidebar-active-text:#0058be;--sidebar-active-bg:#e0edff;--sidebar-active-border:#0058be;--sidebar-footer-border:#e2e8f0;--sidebar-footer-text:#76777d;--text-highlight:#000;--border-subtle:#e2e8f0;--border-medium:#c6c6cd;--border-focus:var(--secondary);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--glass-shadow:0 4px 20px 0 #001a420f;--glass-blur:blur(12px);--radius-DEFAULT:.125rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--spacing-unit:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:32px;--spacing-container:24px;--spacing-gutter:16px;--transition-fast:.15s ease;--transition-normal:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.16, 1, .3, 1)}:root,[data-theme=dark],html.dark{--on-primary-container-active:#fff;--on-primary:#fff;--on-secondary:#fff;--bg-main:var(--background);--bg-surface:var(--surface);--bg-card:var(--surface-container-lowest);--bg-card-hover:var(--surface-container-low);--text-main:var(--on-background);--text-muted:var(--on-surface-variant);--text-dim:var(--outline)}[data-theme=dark],html.dark{--background:#0b1320;--surface:#0b1320;--surface-bright:#131d31;--surface-dim:#070c14;--surface-container-lowest:#131b2e;--surface-container-low:#162035;--surface-container:#1a2640;--surface-container-high:#202f4e;--surface-container-highest:#26375c;--surface-variant:#1a2640;--on-background:#eaf1ff;--on-surface:#f8f9ff;--on-surface-variant:#94a3b8;--outline:#64748b;--outline-variant:#ffffff1f;--ghost-border:#ffffff14;--primary-container:#080d16;--on-primary-container:#94a3b8;--primary:#3b82f6;--secondary:#3b82f6;--secondary-container:#1d4ed8;--on-secondary-container:#fff;--secondary-fixed:#1e3a8a;--secondary-fixed-dim:#2563eb;--on-secondary-fixed:#dbeafe;--success:#34d399;--on-success:#064e3b;--success-container:#10b9812e;--success-border:#34d3994d;--success-text:#6ee7b7;--warning:#fbbf24;--warning-container:#f59e0b2e;--warning-border:#fbbf244d;--warning-text:#fde68a;--error:#f87171;--on-error:#450a0a;--error-container:#ef444433;--on-error-container:#fca5a5;--error-border:#f8717159;--bg-header:#0f172a;--bg-card-solid:#131b2e;--bg-input:#0f172a;--bg-input-focus:#162035;--bg-sidebar:#0f172a;--sidebar-border:#ffffff14;--sidebar-header-border:#ffffff14;--sidebar-brand-color:#fff;--sidebar-text:#94a3b8;--sidebar-text-hover:#fff;--sidebar-hover-bg:#3b82f614;--sidebar-active-text:#fff;--sidebar-active-bg:#3b82f629;--sidebar-active-border:#3b82f6;--sidebar-footer-border:#ffffff14;--sidebar-footer-text:#64748b;--text-highlight:#fff;--border-subtle:#ffffff1a;--border-medium:#ffffff2e;--border-focus:#60a5fa;--shadow-sm:0 1px 3px 0 #0006;--shadow-md:0 4px 12px 0 #00000080;--shadow-lg:0 10px 25px -3px #0009;--glass-shadow:0 4px 24px 0 #00000080}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main)}body{min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal);font-size:14px;line-height:20px;overflow-x:hidden}.font-display-lg{font-family:var(--font-display);letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:40px}.font-headline-md{letter-spacing:-.01em;font-size:24px;line-height:32px}.font-headline-md,.font-headline-sm{font-family:var(--font-sans);font-weight:600}.font-headline-sm{font-size:18px;line-height:26px}.font-body-lg{font-size:16px;line-height:24px}.font-body-lg,.font-body-md{font-family:var(--font-sans);font-weight:400}.font-body-md{font-size:14px;line-height:20px}.font-body-sm{font-family:var(--font-sans);font-size:12px;font-weight:400;line-height:18px}.font-label-caps{font-family:var(--font-sans);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:16px}.font-data-mono{font-family:var(--font-mono);font-size:13px;font-weight:400;line-height:20px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--outline)}.app-layout{background-color:var(--bg-main)}.app-layout,.main-content-wrapper{width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.main-content-wrapper{flex-direction:column;flex:1;min-width:0;margin-left:0}.main-content{padding:var(--spacing-container,24px);box-sizing:border-box;flex:1;width:100%;max-width:1520px;margin:0 auto}@media (width<=768px){.main-content{padding:12px}}.title-gradient{color:var(--text-main);letter-spacing:-.02em;font-weight:800}.subtitle{color:var(--text-muted);font-size:.875rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.fade-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.loader-spinner{border:3px solid var(--border-subtle);border-top-color:var(--secondary);width:2.25rem;height:2.25rem}.btn-spinner,.loader-spinner{border-radius:50%;animation:.8s linear infinite spin}.btn-spinner{border:2px solid #ffffff4d;border-top-color:currentColor;width:1rem;height:1rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{gap:var(--spacing-gutter);display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{gap:var(--spacing-gutter);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main-content{padding:16px}}.btn{border-radius:var(--radius-DEFAULT,2px);font-family:var(--font-sans,"Inter",sans-serif);cursor:pointer;transition:all var(--transition-normal,.2s ease);-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-size:13px;font-weight:600;line-height:1.25;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--secondary,#0058be);color:var(--on-secondary,#fff);border-color:var(--secondary,#0058be);box-shadow:0 1px 2px #0000000d}.btn-primary:hover:not(:disabled){opacity:.92;box-shadow:0 2px 8px #0058be59}.btn-secondary{background-color:var(--surface-container-lowest,#fff);color:var(--text-main,#0b1c30);border-color:var(--outline-variant,#c6c6cd)}.btn-secondary:hover:not(:disabled){background-color:var(--surface-container-low,#eff4ff);border-color:var(--outline,#76777d)}.btn-facturar-red,.btn-holded-create{color:#ef4444;background-color:#ef44441f;border:1px solid #ef444473;font-weight:700}.btn-facturar-red:hover:not(:disabled),.btn-holded-create:hover:not(:disabled){color:#fff;background-color:#ef4444;border-color:#ef4444;box-shadow:0 2px 8px #ef444466}[data-theme=dark] .btn-facturar-red,[data-theme=dark] .btn-holded-create,html.dark .btn-facturar-red,html.dark .btn-holded-create{color:#f87171;background-color:#ef444433;border-color:#ef444480}[data-theme=dark] .btn-facturar-red:hover:not(:disabled),[data-theme=dark] .btn-holded-create:hover:not(:disabled),html.dark .btn-facturar-red:hover:not(:disabled),html.dark .btn-holded-create:hover:not(:disabled){color:#fff;background-color:#ef4444;border-color:#ef4444}.btn-holded-draft{color:#d97706;background-color:#f59e0b1f;border:1px solid #f59e0b73;font-weight:700}.btn-holded-draft:hover:not(:disabled){color:#000;background-color:#f59e0b;border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b66}[data-theme=dark] .btn-holded-draft,html.dark .btn-holded-draft{color:#fbbf24;background-color:#f59e0b33;border-color:#f59e0b8c}[data-theme=dark] .btn-holded-draft:hover:not(:disabled),html.dark .btn-holded-draft:hover:not(:disabled){color:#000;background-color:#f59e0b;border-color:#f59e0b}.btn-holded-invoiced,.btn-success{color:#059669;background-color:#10b9811f;border:1px solid #10b98173;font-weight:700}.btn-holded-invoiced:hover:not(:disabled),.btn-success:hover:not(:disabled){color:#fff;background-color:#10b981;border-color:#10b981;box-shadow:0 2px 8px #10b98166}[data-theme=dark] .btn-holded-invoiced,[data-theme=dark] .btn-success,html.dark .btn-holded-invoiced,html.dark .btn-success{color:#34d399;background-color:#10b98133;border-color:#10b9818c}.btn-upload-bm,[data-theme=dark] .btn-holded-invoiced:hover:not(:disabled),[data-theme=dark] .btn-success:hover:not(:disabled),html.dark .btn-holded-invoiced:hover:not(:disabled),html.dark .btn-success:hover:not(:disabled){color:#fff;background-color:#10b981;border-color:#10b981}.btn-upload-bm{font-weight:700;box-shadow:0 1px 3px #00000026}.btn-upload-bm:hover:not(:disabled){background-color:#059669;border-color:#059669;box-shadow:0 2px 8px #10b98166}.btn-download-pdf{color:#2170e4;background-color:#2170e41f;border:1px solid #2170e473;font-weight:700}.btn-download-pdf:hover:not(:disabled){color:#fff;background-color:#2170e4;border-color:#2170e4;box-shadow:0 2px 8px #2170e466}[data-theme=dark] .btn-download-pdf,html.dark .btn-download-pdf{color:#60a5fa;background-color:#2170e433;border-color:#2170e48c}[data-theme=dark] .btn-download-pdf:hover:not(:disabled),html.dark .btn-download-pdf:hover:not(:disabled){color:#fff;background-color:#2170e4;border-color:#2170e4}.btn-picker-process,.btn-process-shipment{color:#0284c7;background-color:#0ea5e91f;border:1px solid #0ea5e973;font-weight:700}.btn-picker-process:hover:not(:disabled),.btn-process-shipment:hover:not(:disabled){color:#fff;background-color:#0284c7;border-color:#0284c7;box-shadow:0 2px 8px #0ea5e966}[data-theme=dark] .btn-picker-process,[data-theme=dark] .btn-process-shipment,html.dark .btn-picker-process,html.dark .btn-process-shipment{color:#38bdf8;background-color:#0ea5e933;border-color:#0ea5e98c}[data-theme=dark] .btn-picker-process:hover:not(:disabled),[data-theme=dark] .btn-process-shipment:hover:not(:disabled),html.dark .btn-picker-process:hover:not(:disabled),html.dark .btn-process-shipment:hover:not(:disabled){color:#fff;background-color:#0284c7;border-color:#0284c7}.btn-sm{border-radius:var(--radius-DEFAULT,2px);padding:.35rem .75rem;font-size:12px}.btn-lg{border-radius:var(--radius-sm,4px);padding:.75rem 1.5rem;font-size:15px}.chip{background-color:var(--surface-container-lowest,#fff);border:1px solid var(--outline-variant,#c6c6cd);border-radius:var(--radius-full,9999px);color:var(--on-surface-variant,#45464d);cursor:pointer;transition:all var(--transition-fast,.15s ease);-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:12px;font-weight:500;display:inline-flex}.chip:hover{background-color:var(--surface-container-low,#eff4ff);color:var(--text-main,#0b1c30);border-color:var(--outline,#76777d)}.chip.active{border-color:var(--secondary,#0058be);color:var(--secondary,#0058be);background-color:#0058be1f;font-weight:700}[data-theme=dark] .chip.active,html.dark .chip.active{color:#60a5fa;background-color:#3b82f62e;border-color:#3b82f6}.search-card{padding:var(--spacing-container);background-color:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-DEFAULT);box-shadow:var(--shadow-sm)}.search-form-grid{gap:var(--spacing-gutter);grid-template-columns:1.2fr 1fr;margin-top:1rem;display:grid}.search-input-wrapper{align-items:center;gap:.5rem;display:flex;position:relative}.input-group{flex-direction:column;gap:.35rem;display:flex}.input-label{letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant);justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.form-control{border:1px solid var(--outline-variant);border-radius:var(--radius-DEFAULT);width:100%;color:var(--on-surface);font-family:var(--font-sans);transition:all var(--transition-fast);padding:.45rem .85rem;font-size:13px;line-height:20px}.form-control,.form-control:focus{background-color:var(--surface-container-lowest);outline:none}.form-control:focus{box-shadow:0 0 0 2px var(--secondary);border-color:#0000}.form-control::placeholder{color:var(--outline)}.form-control:disabled{background-color:var(--surface-container-low);opacity:.7;cursor:not-allowed}.date-range-fields{flex:1;align-items:center;gap:.35rem;display:flex}.date-range-control{padding:.4rem .6rem;font-size:12px}.date-range-separator{color:var(--outline);font-weight:700}select.form-control{appearance:none;cursor:pointer;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%2376777d%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m19%209-7%207-7-7%22%2F%3E%3C%2Fsvg%3E);background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.25rem}select.form-control option{color:var(--on-surface);padding:.5rem}input[type=checkbox],select.form-control option{background-color:var(--surface-container-lowest)}input[type=checkbox]{appearance:none;border:1px solid var(--outline-variant);cursor:pointer;vertical-align:middle;width:16px;height:16px;transition:all var(--transition-fast);border-radius:2px;justify-content:center;align-items:center;display:inline-flex}input[type=checkbox]:checked{background-color:var(--secondary);border-color:var(--secondary);background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M12.207%204.793a1%201%200%200%201%200%201.414l-5%205a1%201%200%200%201-1.414%200l-2-2a1%201%200%200%201%201.414-1.414L6.5%209.086l4.293-4.293a1%201%200%200%201%201.414%200%22%2F%3E%3C%2Fsvg%3E);background-size:100% 100%}input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 2px #0058be40}@media (width<=860px){.search-form-grid{grid-template-columns:1fr}}.badge{border-radius:var(--radius-full,9999px);font-family:var(--font-sans,"Inter",sans-serif);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transition:all var(--transition-fast,.15s ease);align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:11px;font-weight:700;line-height:14px;display:inline-flex;text-decoration:none!important}.badge-holded-pending,.badge-not-holded,.badge-pending{font-weight:700;color:#ef4444!important;background-color:#ef444424!important;border:1px solid #ef444466!important}[data-theme=dark] .badge-holded-pending,[data-theme=dark] .badge-pending,html.dark .badge-holded-pending,html.dark .badge-pending{color:#f87171!important;background-color:#ef444438!important;border-color:#ef444480!important}.badge-draft,.badge-draft:link,.badge-draft:visited,.badge-holded-draft{cursor:pointer;font-weight:700;color:#d97706!important;background-color:#f59e0b24!important;border:1px solid #f59e0b73!important}.badge-draft:hover,.badge-holded-draft:hover{color:#b45309!important;background-color:#f59e0b40!important;border-color:#f59e0bb3!important}[data-theme=dark] .badge-draft,[data-theme=dark] .badge-holded-draft,html.dark .badge-draft,html.dark .badge-holded-draft{color:#fbbf24!important;background-color:#f59e0b38!important;border-color:#f59e0b8c!important}[data-theme=dark] .badge-draft:hover,[data-theme=dark] .badge-holded-draft:hover,html.dark .badge-draft:hover,html.dark .badge-holded-draft:hover{color:#fde68a!important;background-color:#f59e0b59!important}.badge-emerald,.badge-emerald:link,.badge-emerald:visited,.badge-holded-invoiced{cursor:pointer;font-weight:700;color:#059669!important;background-color:#10b98124!important;border:1px solid #10b98173!important}.badge-emerald:hover,.badge-holded-invoiced:hover{color:#047857!important;background-color:#10b98140!important;border-color:#10b981b3!important}[data-theme=dark] .badge-emerald,[data-theme=dark] .badge-holded-invoiced,html.dark .badge-emerald,html.dark .badge-holded-invoiced{color:#34d399!important;background-color:#10b98138!important;border-color:#10b9818c!important}[data-theme=dark] .badge-emerald:hover,[data-theme=dark] .badge-holded-invoiced:hover,html.dark .badge-emerald:hover,html.dark .badge-holded-invoiced:hover{color:#a7f3d0!important;background-color:#10b98159!important}.badge-prep,.status-badge-pending{color:var(--secondary,#0058be);background-color:#0058be1a;border:1px solid #0058be40}.badge-processing,.status-badge-approved{color:#2170e4;background-color:#2170e41f;border:1px solid #2170e44d}.badge-completed,.badge-shipped,.status-badge-delivered{color:#10b981;background-color:#10b98124;border:1px solid #10b98159}.badge-cancelled,.badge-error,.status-badge-cancelled{color:#ef4444;background-color:#ef444424;border:1px solid #ef44444d}.badge-primary{color:var(--secondary,#0058be);background-color:#0058be1a;border:1px solid #0058be40}.country-pill{font-family:var(--font-mono,monospace);text-transform:uppercase;background-color:var(--surface-container-low,#eff4ff);color:var(--on-surface-variant,#45464d);border-radius:var(--radius-DEFAULT,2px);border:1px solid var(--outline-variant,#c6c6cd);align-items:center;padding:.15rem .5rem;font-size:11px;font-weight:700;display:inline-flex}[data-theme=dark] .country-pill,html.dark .country-pill{color:#cbd5e1;background-color:#ffffff14;border-color:#ffffff26}.orders-count-badge{color:var(--secondary,#0058be);background-color:#0058be1a;border:1px solid #0058be40;padding:.15rem .55rem;font-size:12px}.orders-count-badge,.user-avatar-chip{border-radius:var(--radius-full,9999px);font-weight:700}.user-avatar-chip{background-color:var(--primary-container,#131b2e);color:#fff;border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;display:inline-flex}.glass-panel,.level-1-card{background-color:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-DEFAULT);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.level-1-card:hover{border-color:#0058be4d}.level-2-active{box-shadow:0 4px 12px #0000000d}.level-2-active,.metric-kpi-card{background-color:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-DEFAULT)}.metric-kpi-card{transition:all var(--transition-fast);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;padding:1rem 1.25rem;display:flex}.metric-kpi-card:hover{border-color:#0058be59;transform:translateY(-1px)}.metric-kpi-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.metric-kpi-title{color:var(--on-surface-variant);font-size:13px;font-weight:500}.metric-kpi-value{font-family:var(--font-display);color:var(--text-main);font-size:28px;font-weight:700;line-height:36px}.metric-kpi-footer{align-items:center;gap:.35rem;margin-top:.25rem;font-size:12px;display:flex}.orders-panel-container{padding:var(--spacing-container)}.orders-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.25rem;display:flex}.header-title-row{align-items:center;gap:.75rem;display:flex}.subtitle-text{color:var(--on-surface-variant);margin-top:.25rem;font-size:13px}.orders-modern-grid{gap:var(--spacing-gutter);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.order-card-modern{background-color:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-DEFAULT);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);flex-direction:column;gap:.85rem;padding:1.25rem;display:flex;position:relative}.order-card-modern:hover{border-color:var(--secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-top-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.order-id-badge{font-family:var(--font-mono);color:var(--secondary);font-size:14px;font-weight:600}.order-date-badge{color:var(--on-surface-variant);gap:.35rem;font-size:12px}.badges-row,.order-date-badge{align-items:center;display:flex}.badges-row{flex-wrap:wrap;gap:.4rem}.card-client-info{background-color:var(--surface-container-low);border-radius:var(--radius-DEFAULT);border:1px solid var(--ghost-border);justify-content:space-between;gap:.5rem;padding:.55rem .75rem}.card-client-info,.client-name{align-items:center;display:flex}.client-name{color:var(--on-surface);gap:.45rem;min-width:0;font-size:13px;font-weight:500}.card-footer-row{border-top:1px solid var(--outline-variant);justify-content:space-between;align-items:flex-end;gap:.75rem;margin-top:auto;padding-top:.75rem;display:flex}.price-block{flex-direction:column;display:flex}.price-label{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.price-value{font-family:var(--font-mono);color:var(--on-surface);font-size:16px;font-weight:700}.card-actions{align-items:center;gap:.4rem;display:flex}.bento-grid{gap:var(--spacing-gutter);grid-template-columns:1fr;display:grid}@media (width>=1280px){.bento-grid{grid-template-columns:2fr 1fr}}.bento-section{background-color:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-DEFAULT);padding:var(--spacing-container);box-shadow:var(--shadow-sm)}.bento-section-title{font-family:var(--font-sans);color:var(--on-surface);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:16px;font-weight:600;display:flex}.timeline-track{border-left:2px solid var(--surface-variant);padding-left:1.5rem;position:relative}.timeline-step{margin-bottom:1.75rem;position:relative}.timeline-step:last-child{margin-bottom:0}.timeline-bullet{border-radius:var(--radius-full);background-color:var(--surface-container-lowest);border:2px solid var(--outline-variant);justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;top:0;left:-1.95rem}.timeline-bullet-active{border-color:var(--secondary);box-shadow:0 0 8px #0058be66}.timeline-bullet-dot{border-radius:var(--radius-full);background-color:var(--outline-variant);width:6px;height:6px}.timeline-bullet-active .timeline-bullet-dot{background-color:var(--secondary)}.attachment-card{border:1px solid var(--outline-variant);border-radius:var(--radius-DEFAULT);background-color:var(--surface-container-lowest);transition:all var(--transition-fast);cursor:pointer;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.attachment-card:hover{background-color:var(--surface-container-low);border-color:var(--secondary)}.error-banner{background-color:var(--error-container);border:1px solid var(--error-border);border-radius:var(--radius-DEFAULT);align-items:center;gap:.75rem;padding:.85rem 1.15rem;display:flex}.close-err-btn,.error-banner{color:var(--on-error-container)}.close-err-btn{cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:1.25rem}.empty-orders-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.table-container{background-color:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-DEFAULT);box-shadow:var(--shadow-sm);overflow:hidden}.table-responsive{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px;line-height:18px}.data-table thead tr{background-color:var(--surface-container-low);border-bottom:1px solid var(--outline-variant)}.data-table th{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:.65rem .85rem;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--ghost-border);color:var(--on-surface);vertical-align:middle;padding:.75rem .85rem}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--surface-container-low)}.ghost-border{border-right:1px solid var(--ghost-border)}.ghost-border:last-child{border-right:none}.row-actions{justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.row-action-btn,.row-actions-center,.row-actions.row-actions-center{justify-content:center}.row-action-btn{border-radius:var(--radius-DEFAULT);color:var(--on-surface-variant);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;padding:.3rem;display:inline-flex}.row-action-btn:hover{background-color:var(--surface-container);color:var(--secondary)}.row-action-btn.delete:hover{background-color:var(--error-container);color:var(--error)}.table-pagination{border-top:1px solid var(--outline-variant);background-color:var(--surface-container-lowest);color:var(--on-surface-variant);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:12px;display:flex}.pagination-controls{align-items:center;gap:.25rem;display:flex}.page-btn{border-radius:var(--radius-DEFAULT);min-width:28px;height:28px;color:var(--on-surface-variant);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;border:1px solid #0000;justify-content:center;align-items:center;padding:0 .35rem;font-size:12px;font-weight:500;display:inline-flex}.page-btn:hover:not(:disabled){background-color:var(--surface-container-low);color:var(--on-surface)}.page-btn.active{background-color:var(--secondary);color:var(--on-secondary);font-weight:700}.page-btn:disabled{opacity:.4;cursor:not-allowed}.raw-json-viewer{background-color:var(--primary-container);color:var(--secondary-fixed);border-radius:var(--radius-DEFAULT);border:1px solid var(--outline-variant);font-family:var(--font-mono);max-height:400px;padding:1rem;font-size:12px;overflow-x:auto}div.swal2-container{z-index:10000!important}.swal2-popup.swal2-toast{background:var(--surface-container-lowest)!important;border:1px solid var(--outline-variant)!important;border-radius:var(--radius-DEFAULT)!important;box-shadow:var(--shadow-lg)!important;color:var(--on-surface)!important;padding:.75rem 1rem!important}.swal2-popup.swal2-toast .swal2-title{color:var(--on-surface)!important;font-size:13px!important;font-weight:600!important;font-family:var(--font-sans)!important;margin:0!important}.swal2-popup.swal2-toast .swal2-timer-progress-bar{background:var(--secondary)!important}.swal2-popup.swal2-modal{background:var(--surface-container-lowest)!important;border:1px solid var(--outline-variant)!important;border-radius:var(--radius-DEFAULT)!important;box-shadow:var(--shadow-lg)!important;color:var(--on-surface)!important;font-family:var(--font-sans)!important;padding:1.75rem!important}.swal2-modal .swal2-title{color:var(--on-surface)!important;font-size:18px!important;font-weight:700!important}.swal2-modal .swal2-html-container{color:var(--on-surface-variant)!important;margin-top:.5rem!important;font-size:13px!important;line-height:1.5!important}.swal2-modal .swal2-actions{gap:.5rem!important;margin-top:1.5rem!important}.swal2-styled.swal2-confirm{background-color:var(--secondary)!important}.swal2-styled.swal2-cancel,.swal2-styled.swal2-confirm{border-radius:var(--radius-DEFAULT)!important;padding:.5rem 1.25rem!important;font-size:13px!important;font-weight:600!important}.swal2-styled.swal2-cancel{background-color:var(--surface-container-low)!important;color:var(--on-surface)!important;border:1px solid var(--outline-variant)!important}.global-progress-bar[data-v-1405fd48]{z-index:100001;background:#0058be33;height:3px;position:fixed;top:0;left:0;right:0;overflow:hidden}.progress-bar-indicator[data-v-1405fd48]{background:var(--secondary);width:100%;height:100%;animation:1.5s ease-in-out infinite progressMove-1405fd48;box-shadow:0 0 8px #0058be99}@keyframes progressMove-1405fd48{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.global-loader-overlay[data-v-1405fd48]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100000;pointer-events:all;-webkit-user-select:none;user-select:none;background:#0b1c3080;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;display:flex;position:fixed;inset:0}.global-loader-card[data-v-1405fd48]{background-color:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-DEFAULT);box-shadow:var(--shadow-lg);align-items:center;gap:1.25rem;max-width:460px;padding:1.25rem 2rem;display:flex}.loader-spinner-ring[data-v-1405fd48]{border:3px solid var(--surface-container);border-top-color:var(--secondary);border-radius:50%;flex-shrink:0;width:32px;height:32px;animation:.8s linear infinite spin-1405fd48}.loader-content[data-v-1405fd48]{flex-direction:column;gap:.2rem;display:flex}.loader-title[data-v-1405fd48]{color:var(--on-surface);font-size:.95rem;line-height:1.3}.loader-subtitle[data-v-1405fd48]{color:var(--on-surface-variant);font-size:.75rem}.fade-loader-enter-active[data-v-1405fd48],.fade-loader-leave-active[data-v-1405fd48]{transition:opacity .2s,transform .2s}.fade-loader-enter-from[data-v-1405fd48],.fade-loader-leave-to[data-v-1405fd48]{opacity:0;transform:scale(.97)}@keyframes spin-1405fd48{to{transform:rotate(1turn)}}