@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-elevated:#fff;--bg-card:#fff;--bg-hover:#f1f5f9;--bg-active:#e2e8f0;--border-subtle:#e2e8f0;--border-default:#cbd5e1;--border-strong:#94a3b8;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#475569;--text-muted:#64748b;--accent-blue:#001c7d;--accent-blue-hover:#00145a;--accent-blue-bg:#001c7d14;--accent-green:#15803d;--accent-green-hover:#166534;--accent-green-bg:#dcfce7;--accent-amber:#b45309;--accent-amber-hover:#92400e;--accent-amber-bg:#fef3c7;--accent-red:#b91c1c;--accent-red-hover:#991b1b;--accent-red-bg:#fee2e2;--accent-purple:#6d28d9;--accent-purple-bg:#ede9fe;--accent-cyan:#0369a1;--accent-cyan-bg:#e0f2fe;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-glow-blue:none;--shadow-glow-green:none;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px;--drawer-width:284px;--tap-target-min:44px;--topbar-search-min:160px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-start:env(safe-area-inset-left,0px);--safe-end:env(safe-area-inset-right,0px)}[dir=rtl]{--safe-start:env(safe-area-inset-right,0px);--safe-end:env(safe-area-inset-left,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:var(--accent-blue);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-blue-hover)}[dir=rtl] .flip-rtl{transform:scaleX(-1)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.app-layout{min-height:100vh;display:flex}.main-content{min-width:0;padding-top:var(--topbar-height);transition:margin-inline-start var(--transition-base);flex:1;margin-inline-start:var(--sidebar-width)}.main-content.collapsed{margin-inline-start:var(--sidebar-collapsed)}.page-container{padding:var(--space-xl);max-width:1440px;margin:0 auto}.page-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:var(--space-xs);font-size:.875rem}.sidebar{top:0;width:var(--sidebar-width);background:var(--bg-secondary);border-inline-end:1px solid var(--border-subtle);z-index:50;height:100vh;transition:width var(--transition-base);flex-direction:column;display:flex;position:fixed;inset-inline-start:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-logo{height:var(--topbar-height);padding:0 var(--space-lg);border-bottom:1px solid var(--border-subtle);align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.sidebar-logo-icon{background:var(--accent-blue);border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:800;display:flex}.sidebar-logo-text{letter-spacing:-.02em;white-space:nowrap;opacity:1;transition:opacity var(--transition-fast);font-size:1.1rem;font-weight:700}.sidebar.collapsed .sidebar-logo-text{opacity:0;pointer-events:none}.sidebar-nav{padding:var(--space-md);gap:var(--space-xs);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:var(--space-md) var(--space-md) var(--space-xs);white-space:nowrap;font-size:.65rem;font-weight:600;overflow:hidden}.sidebar.collapsed .sidebar-section-label{text-align:center;font-size:0}.sidebar-link{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-align:start;background:0 0;border:none;width:100%;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-blue-bg);color:var(--accent-blue)}.sidebar-link-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-link-text{opacity:1;transition:opacity var(--transition-fast)}.sidebar.collapsed .sidebar-link-text{opacity:0;pointer-events:none}.sidebar-toggle{margin:var(--space-md);padding:var(--space-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.topbar-hamburger{min-width:var(--tap-target-min);min-height:var(--tap-target-min);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-inline-end:var(--space-sm);padding:0;display:none}.topbar-hamburger:hover{background:var(--bg-hover);color:var(--text-primary)}.topbar-hamburger:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.nav-backdrop{z-index:45;opacity:0;visibility:hidden;transition:opacity var(--transition-base), visibility 0s linear var(--transition-base);background:#0f172a73;border:none;padding:0;display:none;position:fixed;inset:0}.nav-backdrop.open{opacity:1;visibility:visible;transition:opacity var(--transition-base)}.topbar{top:0;height:var(--topbar-height);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-xl);z-index:40;transition:inset-inline-start var(--transition-base);background:#ffffffe6;justify-content:space-between;align-items:center;display:flex;position:fixed;inset-inline-start:var(--sidebar-width);inset-inline-end:0}.topbar.collapsed{inset-inline-start:var(--sidebar-collapsed)}.topbar-search-wrapper{position:relative}.topbar-actions,.profile-menu,.topbar-user,.topbar-user-info{min-width:0}.topbar-search{align-items:center;gap:var(--space-sm);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding-block:0;padding-inline:var(--space-lg);min-block-size:var(--tap-target-min);width:320px;transition:border-color var(--transition-fast);display:flex}.topbar-search:focus-within{border-color:var(--accent-blue);box-shadow:var(--shadow-glow-blue)}.topbar-search input{color:var(--text-primary);font-size:var(--text-base);background:0 0;border:none;outline:none;align-self:stretch;width:100%;font-family:inherit}.topbar-search input::placeholder{color:var(--text-tertiary)}.topbar-actions{align-items:center;gap:var(--space-md);display:flex}.topbar-user{align-items:center;gap:var(--space-sm);max-width:100%;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);font:inherit;color:inherit;text-align:start;background:0 0;border:none;display:flex}.topbar-user:hover{background:var(--bg-hover)}.topbar-avatar{border-radius:var(--radius-full);background:var(--accent-blue);color:#fff;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:600;display:flex}.topbar-user-info{flex-direction:column;display:flex}.topbar-user-name{font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.topbar-user-role{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-menu{position:relative}.profile-dropdown{z-index:40;background:var(--bg-card,#fff);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:220px;box-shadow:var(--shadow-lg);padding:var(--space-sm);gap:var(--space-sm);flex-direction:column;display:flex;position:absolute;inset-block-start:110%;inset-inline-end:0}.profile-dropdown-section{gap:var(--space-xs);border-block-end:1px solid var(--border-subtle);flex-direction:column;padding-block-end:var(--space-sm);display:flex}.profile-dropdown-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:0 var(--space-xs);font-size:.65rem;font-weight:600}.profile-language-options{gap:var(--space-xs);flex-wrap:wrap;display:flex}.profile-language-option{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex:auto;font-size:.8125rem}.profile-language-option:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-language-option.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.profile-dropdown-logout{align-items:center;gap:var(--space-sm);width:100%;min-block-size:var(--tap-target-min);padding:var(--space-sm);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:start;transition:all var(--transition-fast);background:0 0;border:none;font-size:.8125rem;font-weight:600;display:flex}.profile-dropdown-logout:hover{background:var(--bg-hover);color:var(--accent-red,#dc2626)}.topbar-search-dropdown{z-index:40;background:var(--bg-card,#fff);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:380px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);position:absolute;inset-block-start:calc(100% + 8px);inset-inline-start:0;overflow:hidden}.topbar-search-status{padding:var(--space-lg);text-align:center;color:var(--text-secondary);font-size:.875rem}.topbar-search-list{max-height:360px;margin:0;padding:0;list-style:none;overflow-y:auto}.topbar-search-item{width:100%;padding:var(--space-sm) var(--space-md);border:none;border-block-end:1px solid var(--border-subtle);text-align:start;cursor:pointer;background:0 0;flex-direction:column;gap:2px;display:flex}.topbar-search-item:hover,.topbar-search-item.active{background:var(--bg-secondary)}.topbar-search-item-main{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.topbar-search-item-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.topbar-search-item-ref{color:var(--text-tertiary);flex-shrink:0;font-size:.75rem}.topbar-search-item-meta{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.topbar-search-item-city{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.topbar-search-footer{padding:var(--space-sm) var(--space-md);text-align:center;color:var(--text-tertiary);border-block-start:1px solid var(--border-subtle);font-size:.75rem}.stats-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base);display:block;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:before{content:none}.stat-card-icon{border-radius:var(--radius-md);width:40px;height:40px;margin-bottom:var(--space-md);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.stat-card-icon.blue{background:var(--accent-blue-bg);color:var(--accent-blue)}.stat-card-icon.green{background:var(--accent-green-bg);color:var(--accent-green)}.stat-card-icon.amber{background:var(--accent-amber-bg);color:var(--accent-amber)}.stat-card-icon.red{background:var(--accent-red-bg);color:var(--accent-red)}.stat-card-icon.purple{background:var(--accent-purple-bg);color:var(--accent-purple)}.stat-card-icon.cyan{background:var(--accent-cyan-bg);color:var(--accent-cyan)}.stat-card-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs);font-size:.75rem;font-weight:500}.stat-card-value{color:var(--text-primary);letter-spacing:-.02em;font-size:1.75rem;font-weight:700;line-height:1.2}.stat-card-change{margin-top:var(--space-sm);border-radius:var(--radius-sm);align-items:center;gap:4px;padding:2px 6px;font-size:.75rem;font-weight:600;display:inline-flex}.stat-card-change.up{color:var(--accent-green);background:var(--accent-green-bg)}.stat-card-change.down{color:var(--accent-red);background:var(--accent-red-bg)}.stat-card.is-primary{padding:var(--space-xl)}.stat-card.is-compact{padding:var(--space-lg)}.stat-card.is-primary .stat-card-icon{width:48px;height:48px}.stat-card.is-primary .stat-card-label{font-size:var(--text-lg)}.stat-card.is-primary .stat-card-value{font-size:2.5rem}.stat-card.is-compact .stat-card-icon{width:36px;height:36px}.stat-card.is-compact .stat-card-label{font-size:var(--text-base)}.stat-card.is-compact .stat-card-value{font-size:var(--text-2xl)}.kpi-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.kpi-grid.is-primary{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.card-body{padding:var(--space-xl)}.card-body.no-padding{-webkit-overflow-scrolling:touch;padding:0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table thead{z-index:1;position:sticky;top:0}.data-table th{text-align:start;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-default);white-space:nowrap;padding:14px 20px;font-size:.75rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:16px 20px}.data-table tr:hover td{background:var(--bg-hover)}.data-table tr:last-child td{border-bottom:none}.data-table .cell-primary{color:var(--text-primary);font-weight:500}.data-table .cell-mono{color:var(--accent-blue);text-align:start;direction:ltr;font-family:SF Mono,Consolas,monospace;font-size:.9375rem;font-weight:600}.colcfg-touch-actor{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;max-width:12ch;display:block;overflow:hidden}.colcfg-carrier{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:14ch;display:inline-block;overflow:hidden}.rvw-reason{flex-wrap:wrap;align-items:baseline;gap:6px;margin-block-start:4px;display:flex}.rvw-reason-tag{border-radius:var(--radius-full);background:var(--accent-amber-bg);color:var(--accent-amber);white-space:nowrap;padding-block:1px;padding-inline:6px;font-weight:600}.rvw-reason-note{color:var(--text-secondary)}.sidebar-link-badge{border-radius:var(--radius-full);background:var(--accent-amber);color:#fff;text-align:center;font-variant-numeric:tabular-nums;min-width:20px;margin-inline-start:auto;padding-inline:6px;font-weight:700}.sidebar.collapsed .sidebar-link-badge{display:none}.colcfg-hint{margin:0 0 var(--space-md);color:var(--text-secondary)}.colcfg-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.colcfg-item{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid #0000;padding:6px 8px;display:flex}.colcfg-item:hover{border-color:var(--border-default)}.colcfg-grip{color:var(--text-tertiary);cursor:grab;display:inline-flex}.colcfg-label{align-items:center;gap:var(--space-sm);cursor:pointer;flex:auto;min-width:0;display:flex}.colcfg-label input:disabled{cursor:not-allowed}.colcfg-note{color:var(--text-tertiary);white-space:nowrap}.colcfg-move{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-card);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;place-items:center;padding:0;display:grid}.colcfg-move:hover:not(:disabled){border-color:var(--accent-blue);color:var(--accent-blue)}.colcfg-move:disabled{opacity:.4;cursor:default}.colcfg-error{margin:var(--space-md) 0 0;color:var(--accent-red)}.badge{border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.02em;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-new{color:var(--accent-blue);background:var(--accent-blue-bg)}.badge-pending,.badge-called{color:var(--accent-amber);background:var(--accent-amber-bg)}.badge-confirmed{color:var(--accent-green);background:var(--accent-green-bg)}.badge-shipped,.badge-in-transit{color:var(--accent-cyan);background:var(--accent-cyan-bg)}.badge-delivered{color:var(--accent-green);background:var(--accent-green-bg)}.badge-returned,.badge-refused{color:var(--accent-red);background:var(--accent-red-bg)}.badge-cancelled{color:var(--text-tertiary);background:#8080801a}.status-stack{flex-direction:column;align-items:start;gap:4px;display:flex}.badge-carrier,.badge-outcome{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-full);max-width:15ch;color:var(--text-secondary);background:var(--bg-secondary);unicode-bidi:isolate;padding-block:2px;padding-inline:8px;font-size:.6875rem;font-weight:500;display:inline-block;overflow:hidden}.badge-carrier-contact{color:var(--accent-amber);background:var(--accent-amber-bg)}.stock-row-low td,.stock-row-low:hover td{background:var(--accent-amber-bg)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.btn-primary:hover:not(:disabled){background:var(--accent-blue-hover)}.btn-success{background:var(--accent-green);color:#fff;border-color:var(--accent-green)}.btn-success:hover:not(:disabled){background:var(--accent-green-hover)}.btn-danger{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.btn-danger:hover:not(:disabled){background:var(--accent-red-hover)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-tertiary)}.btn-ghost{color:var(--text-secondary);border-color:var(--border-default);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-icon{inline-size:var(--tap-target-min);block-size:var(--tap-target-min);border-radius:var(--radius-md);flex-shrink:0;padding:0}.btn-sm{padding:4px 10px;font-size:.75rem}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:.875rem}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.password-field{direction:ltr;display:block;position:relative}.password-field .form-input{width:100%;padding-inline-end:40px}.password-reveal{border-radius:var(--radius-md);width:38px;color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset-block:1px;inset-inline-end:1px}.password-reveal:hover{color:var(--text-secondary)}.password-reveal:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);outline:none;font-family:inherit;font-size:.875rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-blue);box-shadow:var(--shadow-glow-blue)}.form-input::placeholder{color:var(--text-tertiary)}.form-input:not(.filters-bar-control):not(.form-control-sm),.form-select:not(.filters-bar-control):not(.form-control-sm){min-block-size:var(--tap-target-min)}.form-textarea{resize:vertical;min-height:80px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 5L6 8L9 5' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-inline-end:32px}.form-control-sm{padding-block:4px;padding-inline:8px;font-size:.8125rem}select.form-control-sm,.form-select.form-control-sm{padding-inline-end:32px}[dir=rtl] .form-select{background-position:12px}.form-row{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.form-error{color:var(--accent-red);margin-top:2px;font-size:.75rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:fadeIn var(--transition-fast);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:90%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-base);overflow-y:auto}.modal-header{padding:var(--space-xl);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:1.125rem;font-weight:700}.modal-body{padding:var(--space-xl)}.modal-footer{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-subtle);display:flex}.pagination{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.pagination-info{color:var(--text-tertiary);font-size:.8125rem}.pagination-buttons{gap:var(--space-xs);display:flex}.pagination-btn{padding:var(--space-xs) var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-family:inherit;font-size:.8125rem}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.pagination-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.filters-bar{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-elevated);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.filter-chip{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-family:inherit;font-size:.75rem;display:inline-flex}.filter-chip:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.filter-chip.active{background:var(--accent-blue-bg);border-color:var(--accent-blue);color:var(--accent-blue)}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-hover) 50%, var(--bg-elevated) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.spinner{border:2px solid var(--border-default);border-top-color:var(--accent-blue);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.empty-state{padding:var(--space-3xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--space-lg);opacity:.3;font-size:3rem}.empty-state-title{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:600}.empty-state-text{color:var(--text-tertiary);max-width:400px;font-size:.875rem}.toast-container{bottom:var(--space-xl);gap:var(--space-sm);z-index:200;pointer-events:none;flex-direction:column;display:flex;position:fixed;inset-inline-end:var(--space-xl)}.toast{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideIn var(--transition-base);pointer-events:none;min-width:280px;font-size:.8125rem;display:flex}[dir=rtl] .toast{animation-name:slideInRtl}.toast-success{border-inline-start:3px solid var(--accent-green)}.toast-error{border-inline-start:3px solid var(--accent-red)}.toast-warning{border-inline-start:3px solid var(--accent-amber)}.notification-bell{position:relative}.notification-bell-trigger{justify-content:center;align-items:center;display:inline-flex;position:relative}.notification-badge{background:var(--accent-red,#dc2626);color:#fff;text-align:center;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:.625rem;font-weight:700;line-height:16px;position:absolute;inset-block-start:-2px;inset-inline-end:-2px}@keyframes notification-bell-shake-kf{0%,92%,to{transform:rotate(0)}93%{transform:rotate(-12deg)}94%{transform:rotate(10deg)}95%{transform:rotate(-8deg)}96%{transform:rotate(6deg)}97%{transform:rotate(-4deg)}98%{transform:rotate(0)}}.notification-bell-shake{transform-origin:50% 0;animation:4s ease-in-out infinite notification-bell-shake-kf;display:inline-flex}@media (prefers-reduced-motion:reduce){.notification-bell-shake{animation:none}}.notification-dropdown{z-index:40;background:var(--bg-card,#fff);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:340px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);max-block-size:calc(100dvh - var(--topbar-height) - var(--space-md));flex-direction:column;display:flex;position:absolute;inset-block-start:110%;inset-inline-end:0}.notification-dropdown-header{border-block-end:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.notification-dropdown-empty{text-align:center;color:var(--text-secondary);font-size:var(--text-base);padding:32px 16px}.notification-dropdown-list{max-height:360px;margin:0;padding:0;list-style:none;overflow-y:auto}.notification-item{border:none;border-block-end:1px solid var(--border-subtle);text-align:start;cursor:pointer;background:0 0;align-items:flex-start;gap:10px;width:100%;padding:10px 16px;display:flex}.notification-item:hover{background:var(--bg-secondary)}.notification-item-unread{background:#3b82f60f}.notification-item-icon{color:var(--accent-blue);flex-shrink:0;margin-block-start:2px}.notification-item-body{flex-direction:column;gap:2px;min-width:0;display:flex}.notification-item-text{font-size:var(--text-base);color:var(--text-primary)}.notification-item-time{font-size:var(--text-xs);color:var(--text-secondary)}.notification-dropdown-footer{min-block-size:var(--tap-target-min);text-align:center;font-size:var(--text-sm);color:var(--accent-blue);border-block-start:1px solid var(--border-subtle);flex:none;justify-content:center;align-items:center;padding:10px 16px;font-weight:600;text-decoration:none;display:flex}.notification-dropdown-footer:hover{background:var(--bg-secondary)}.notification-page-list{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin:0;padding:0;list-style:none;overflow:hidden}.notification-group-header{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;background:var(--bg-secondary);border-block-end:1px solid var(--border-subtle);padding:10px 16px;font-weight:600}.notification-page-item{background:var(--bg-card);border:none;border-block-end:1px solid var(--border-subtle);text-align:start;cursor:pointer;align-items:flex-start;gap:12px;width:100%;padding:14px 16px;display:flex}.notification-page-list>li:last-child>.notification-page-item{border-block-end:none}.notification-page-item:hover{background:var(--bg-secondary)}.notification-page-truncated-notice{margin:var(--space-md) 0 0;font-size:var(--text-sm);color:var(--text-secondary);text-align:center;padding:0 4px}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:none}.login-card{width:380px;padding:var(--space-3xl);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);position:relative}.login-logo{align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xl);flex-direction:column;display:flex}.login-logo-icon{background:var(--accent-blue);border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:800;display:flex}.login-logo h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.login-logo p{color:var(--text-tertiary);font-size:.875rem}.login-form{gap:var(--space-lg);flex-direction:column;display:flex}.login-form .btn-primary{width:100%;padding:var(--space-md);margin-top:var(--space-sm);font-size:.875rem}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRtl{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bgFloat{0%{transform:translate(0)rotate(0)}to{transform:translate(-3%,-3%)rotate(2deg)}}.order-card-list{margin:0;padding:0;list-style:none;display:none}.order-card{gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;display:flex}.order-card.is-selected{border-color:var(--accent-blue);box-shadow:0 0 0 1px var(--accent-blue)}.order-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.order-card-heading{flex-direction:column;gap:2px;min-width:0;display:flex}.order-card-customer{font-size:var(--text-lg);color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.order-card-ref{min-height:var(--tap-target-min);max-width:100%;font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums;align-self:flex-start;align-items:center;display:inline-flex}.order-card-ref:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px;border-radius:var(--radius-sm)}.order-card-status{flex-shrink:0}.order-card-meta{gap:var(--space-sm) var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.order-card-meta-item{flex-direction:column;gap:2px;min-width:0;display:flex}.order-card-meta-item.wide{grid-column:1/-1}.order-card-meta-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600}.order-card-meta-value{font-size:var(--text-base);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.order-card-meta-value:empty:before{content:"—";color:var(--text-muted)}.order-card-meta-value.numeric{font-variant-numeric:tabular-nums}.order-card-phone{text-align:match-parent;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.order-card-amount{font-size:var(--text-lg);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:700}.order-card-actions{align-items:center;gap:var(--space-sm);border-top:1px solid var(--border-subtle);padding-block-start:var(--space-md);display:flex}.order-card-action{min-width:var(--tap-target-min);min-height:var(--tap-target-min);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;font-family:inherit;display:inline-flex}.order-card-action:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.order-card-action:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.order-card-action:disabled{opacity:.4;cursor:not-allowed}.order-card-action.primary{background:var(--accent-blue-bg);color:var(--accent-blue);border-color:#0000}.order-card-action.success{background:var(--accent-green-bg);color:var(--accent-green);border-color:#0000}.order-card-action.danger{background:var(--accent-red-bg);color:var(--accent-red);border-color:#0000}.order-card-action-spacer{margin-inline-start:auto}.order-card-select{min-width:var(--tap-target-min);min-height:var(--tap-target-min);margin:calc(var(--tap-target-min) / -4) 0;cursor:pointer;justify-content:center;align-items:center;display:inline-flex}@media (max-width:1024px){.stats-grid,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--text-sm:.875rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.375rem}.sidebar,.sidebar.collapsed{width:var(--drawer-width);height:100dvh;visibility:hidden;transition:inset-inline-start var(--transition-base), visibility 0s linear var(--transition-base);padding-block-end:var(--safe-bottom);padding-inline-start:var(--safe-start);inset-inline-start:calc(-1 * (var(--drawer-width) + var(--safe-start)))}.sidebar.drawer-open,.sidebar.collapsed.drawer-open{visibility:visible;box-shadow:var(--shadow-lg);transition:inset-inline-start var(--transition-base);inset-inline-start:0}.sidebar .sidebar-link-text,.sidebar .sidebar-logo-text,.sidebar .sidebar-section-label{opacity:1;pointer-events:auto}.sidebar.collapsed .sidebar-section-label{text-align:start;font-size:.65rem}.sidebar-toggle{display:none}.topbar-hamburger{display:inline-flex}.nav-backdrop{display:block}.main-content,.main-content.collapsed{margin-inline-start:0}.topbar,.topbar.collapsed{padding-inline-start:max(var(--space-lg), var(--safe-start));padding-inline-end:max(var(--space-lg), var(--safe-end));inset-inline-start:0}body.nav-drawer-open{overflow:hidden}.stats-grid,.kpi-grid,.kpi-grid.is-primary{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.stat-card,.stat-card.is-primary,.stat-card.is-compact{column-gap:var(--space-sm);padding:var(--space-md);grid-template-columns:auto 1fr;align-items:center;display:grid}.stat-card-icon,.stat-card.is-primary .stat-card-icon,.stat-card.is-compact .stat-card-icon{width:28px;height:28px;margin-bottom:0;font-size:.85rem}.stat-card-label,.stat-card.is-primary .stat-card-label,.stat-card.is-compact .stat-card-label{font-size:var(--text-xs);overflow-wrap:anywhere;min-width:0;margin-bottom:0}.stat-card-value,.stat-card.is-primary .stat-card-value,.stat-card.is-compact .stat-card-value{font-size:var(--text-xl);overflow-wrap:anywhere;grid-column:1/-1;min-width:0}.grid-2,.grid-3{grid-template-columns:1fr}.page-container{padding:var(--space-lg);padding-block-end:max(var(--space-lg), var(--safe-bottom));padding-inline-start:max(var(--space-lg), var(--safe-start));padding-inline-end:max(var(--space-lg), var(--safe-end))}.topbar-search{width:100%}.topbar-user{min-block-size:var(--tap-target-min)}.topbar-search-wrapper{flex:1 1 var(--topbar-search-min);min-inline-size:var(--topbar-search-min)}.topbar-user-info{display:none}.page-title{flex-wrap:wrap}.filters-bar-control{min-block-size:var(--tap-target-min)}.sidebar-section-label{font-size:var(--text-xs)}.login-card{width:90%;max-width:380px;padding:var(--space-xl)}.order-table-desktop{display:none}.order-card-list{gap:var(--space-md);flex-direction:column;display:flex}.btn,.btn-sm,.btn-lg,.pagination-btn,.filter-chip{min-height:var(--tap-target-min)}.filter-chip{min-width:var(--tap-target-min);justify-content:center}.notification-bell-trigger,.profile-language-option{min-width:var(--tap-target-min);min-height:var(--tap-target-min)}.sidebar-link{min-height:var(--tap-target-min)}.filter-chip,.pagination-btn{justify-content:center;padding-block:0}.pagination-btn{min-width:var(--tap-target-min);align-items:center;display:inline-flex}.pagination{align-items:stretch;gap:var(--space-md);padding:var(--space-lg);flex-direction:column}.pagination-buttons{flex-wrap:wrap;justify-content:center}}.filters-bar-control:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.flt-chip-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}@media (max-width:768px){.flt-chip-row{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;flex:100%;min-width:0;margin-block:-4px;padding-block:4px;overflow-x:auto}.flt-chip-row::-webkit-scrollbar{display:none}.flt-chip-row>.filter-chip{scroll-snap-align:start;flex:none}}.ws-page-head{margin-block-end:var(--space-md)}.ws-subtitle-dup{display:none}.ws-title{font-size:var(--text-2xl)}.ws-progress{align-items:center;gap:var(--space-md);border:1px solid var(--border-default);background:var(--bg-primary);border-radius:12px;min-width:0;padding:8px 10px 8px 14px;display:flex}.ws-progress-ring{--ws-progress:0%;background:conic-gradient(var(--accent-blue) var(--ws-progress), var(--bg-secondary) 0);border-radius:50%;flex-shrink:0;place-items:center;block-size:44px;inline-size:44px;transition:background .3s;display:grid;position:relative}.ws-progress-ring:before{content:"";background:var(--bg-primary);border-radius:50%;position:absolute;inset:4px}.ws-progress-value{font-size:var(--text-xs);color:var(--text-primary);direction:ltr;unicode-bidi:isolate;font-weight:700;position:relative}.ws-progress-text{flex:auto;min-width:0}.ws-progress-title{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.ws-progress-sub{font-size:var(--text-sm);color:var(--text-tertiary)}.ws-refresh{flex-shrink:0;justify-content:center;align-items:center;block-size:44px;inline-size:44px;padding:0;display:inline-flex}.ws-card-body{gap:var(--space-md);padding:var(--space-lg);flex-direction:column;display:flex}.ws-identity{gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}.ws-customer{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:1.25rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.ws-badges{align-items:center;gap:var(--space-sm);flex-wrap:wrap;min-width:0;display:flex}.ws-phone-row{align-items:center;gap:var(--space-md);min-width:0;display:flex}.ws-phone{min-width:0;font-size:var(--text-xl);letter-spacing:.02em;color:var(--accent-blue);text-align:match-parent;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate;flex:auto;font-family:SF Mono,Consolas,monospace;font-weight:700}.ws-phone:empty:before{content:"—";color:var(--text-muted);font-weight:400}.ws-phone-actions{align-items:center;gap:var(--space-sm);flex:none;display:flex}.ws-contact{border-radius:var(--radius-md);cursor:pointer;width:48px;height:48px;transition:background var(--transition-fast), color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-family:inherit;display:inline-flex}.ws-contact.call{background:var(--accent-blue-bg);color:var(--accent-blue)}.ws-contact.whatsapp{background:var(--accent-green-bg);color:var(--accent-green)}.ws-contact:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.ws-contact:disabled{background:var(--bg-secondary);color:var(--text-muted);border-color:var(--border-subtle);cursor:not-allowed;opacity:.5}.ws-order-line{justify-content:space-between;align-items:baseline;gap:var(--space-md);min-width:0;display:flex}.ws-product{min-width:0;font-size:var(--text-base);color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:auto;display:-webkit-box;overflow:hidden}.ws-amount{font-size:var(--text-lg);color:var(--accent-green);font-variant-numeric:tabular-nums;unicode-bidi:isolate;flex:none;font-weight:700}.ws-meta{font-size:var(--text-sm);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ws-meta a{color:inherit;text-decoration:none}.ws-rest-card{background:var(--accent-blue-bg)}.ws-wake{margin-block:var(--space-sm);background:var(--accent-blue-bg);border:1px solid var(--accent-blue);font-size:var(--text-base);color:var(--accent-blue);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:inline-flex}.ws-resting-chips{flex-wrap:wrap;justify-content:center;gap:6px;margin-block-start:var(--space-sm);display:flex}.ws-chip{background:var(--bg-secondary);border:1px solid var(--border-default);font-size:var(--text-sm);color:var(--text-secondary);border-radius:999px;padding:4px 10px}.ws-wake-note{font-size:var(--text-sm);color:var(--text-tertiary);margin-block-start:var(--space-sm)}.ws-destination{background:var(--accent-blue-bg);border-inline-start:3px solid var(--accent-blue);border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex;position:relative}.ws-dest-row{align-items:baseline;gap:var(--space-sm);min-width:0;display:flex}.ws-dest-label{inline-size:7.5rem;font-size:var(--text-sm);color:var(--text-tertiary);flex-shrink:0}.ws-dest-value{min-width:0;font-size:var(--text-base);color:var(--text-primary);overflow-wrap:anywhere;font-weight:600}.ws-dest-value.is-missing{color:var(--accent-amber,#b45309)}.ws-dest-edit{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:6px;inset-inline-end:6px}.ws-dest-edit:hover{color:var(--accent-blue);background:var(--bg-card)}.ws-dest-edit:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px}.ws-dest-input{width:100%}.ws-dest-error{color:var(--accent-red)}.ws-dest-actions{justify-content:flex-end;gap:var(--space-sm);margin-block-start:2px;display:flex}@media (max-width:768px){.ws-dest-row{flex-direction:column;gap:0}.ws-dest-label{inline-size:auto}}.ws-facts{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);overflow:hidden}.ws-facts-toggle{align-items:center;gap:var(--space-sm);width:100%;min-height:var(--tap-target-min);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);text-align:start;cursor:pointer;background:0 0;border:0;display:flex}.ws-facts-toggle:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px}.ws-facts-summary{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.ws-facts-icon{flex:none}.ws-facts-chevron{transition:transform var(--transition-fast);flex:none}.ws-facts-toggle[aria-expanded=true] .ws-facts-chevron{transform:rotate(180deg)}.ws-facts-detail{gap:var(--space-md);padding:0 var(--space-md) var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:none}.ws-facts.is-open .ws-facts-detail{display:grid}.ws-fact{align-items:baseline;gap:var(--space-sm);flex-wrap:wrap;min-width:0;line-height:1.35;display:flex}.ws-fact-summarised{display:none}.ws-fact-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);font-weight:600}[dir=rtl] .ws-fact-label{letter-spacing:normal}.ws-fact-value{color:var(--text-primary);overflow-wrap:anywhere;font-weight:500}.ws-fact-value.code{text-align:match-parent;direction:ltr;unicode-bidi:isolate;font-family:SF Mono,Consolas,monospace}.ws-carrier-note{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);overflow:hidden}.ws-carrier-note-toggle{align-items:center;gap:var(--space-sm);width:100%;min-height:var(--tap-target-min);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);text-align:start;cursor:pointer;background:0 0;border:0;display:flex}.ws-carrier-note-toggle:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px}.ws-carrier-note-summary{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.ws-carrier-note-summary.has-text{color:var(--text-primary);font-weight:500}.ws-carrier-note-icon{flex:none}.ws-carrier-note-chevron{transition:transform var(--transition-fast);flex:none}.ws-carrier-note-toggle[aria-expanded=true] .ws-carrier-note-chevron{transform:rotate(180deg)}.ws-carrier-note-detail{padding:0 var(--space-md) var(--space-sm);display:none}.ws-carrier-note.is-open .ws-carrier-note-detail{display:block}.ws-carrier-note-label{font-size:var(--text-sm);color:var(--text-primary);overflow-wrap:anywhere;font-weight:600;display:none}.ws-carrier-note-row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.ws-carrier-note-row .form-input{min-width:0;font-size:var(--text-base);flex:160px}.ws-carrier-note-row .btn{min-height:var(--tap-target-min)}.ws-note{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.ws-note-toggle{align-items:center;gap:var(--space-sm);width:100%;min-height:var(--tap-target-min);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);font-family:inherit;font-size:var(--text-base);text-align:start;cursor:pointer;background:0 0;border:0;display:flex}.ws-note-toggle:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px}.ws-note-summary{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.ws-note-summary.has-text{color:var(--text-primary);font-weight:500}.ws-note-chevron{transition:transform var(--transition-fast);flex:none}.ws-note-toggle[aria-expanded=true] .ws-note-chevron{transform:rotate(180deg)}.ws-note-field{width:100%;min-height:96px;padding:var(--space-md);border:0;border-top:1px solid var(--border-subtle);font-size:var(--text-base);resize:vertical;border-radius:0;display:none}.ws-note.is-open .ws-note-field{display:block}.ws-outcomes{gap:var(--space-md);flex-direction:column;display:flex}.ws-outcome-primary{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;min-height:56px;padding:0 var(--space-md);border-radius:var(--radius-md);background:var(--accent-green);color:#fff;font-family:inherit;font-size:var(--text-lg);cursor:pointer;transition:background var(--transition-fast);border:0;font-weight:700;display:flex}.ws-outcome-primary:hover{background:var(--accent-green-hover)}.ws-outcome-primary:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.ws-outcome-grid{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ws-outcome{justify-content:center;align-items:center;gap:var(--space-xs);min-width:0;min-height:var(--tap-target-min);padding:var(--space-sm) 2px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);text-align:center;overflow-wrap:anywhere;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);flex-direction:column;font-weight:600;line-height:1.2;display:flex}.ws-outcome:hover{background:var(--bg-hover);border-color:var(--border-default)}.ws-outcome:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.ws-outcome.is-danger{color:var(--accent-red)}.ws-outcome.is-danger:hover{background:var(--accent-red-bg);border-color:var(--accent-red-bg)}.ws-outcome-primary:disabled,.ws-outcome:disabled{opacity:.6;cursor:progress}.ws-outcome-primary:disabled:hover{background:var(--accent-green)}.ws-outcome:disabled:hover{background:var(--bg-secondary);border-color:var(--border-subtle)}.ws-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;padding-block-start:var(--space-md);display:flex}.ws-footer .btn{min-block-size:var(--tap-target-min)}@media (min-width:769px){.ws-phone{flex:0 auto;font-size:1.75rem}.ws-outcome-primary{max-width:320px}.ws-outcome-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.ws-outcome{justify-content:flex-start;gap:var(--space-sm);min-height:40px;padding:var(--space-sm) var(--space-md);text-align:start;flex-direction:row}}@media (min-width:769px) and (min-height:900px){.ws-page-head{margin-block-end:var(--space-xl)}.ws-subtitle-dup{display:block}.ws-card-body{gap:var(--space-lg);padding:var(--space-xl)}}.notif-sheet-layer{display:none}@media (max-width:768px){.notification-dropdown.notif-dropdown{display:none}.notif-sheet-layer{display:block}.notif-sheet-backdrop{z-index:90;animation:notif-sheet-fade-kf var(--transition-base);background:#0f172a73;position:fixed;inset:0}.notif-sheet{z-index:91;background:var(--bg-card,#fff);border-block-start:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);max-block-size:calc(100dvh - var(--topbar-height) - var(--space-md));animation:notif-sheet-in-kf var(--transition-base);border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg);flex-direction:column;padding-block-end:var(--safe-bottom);padding-inline-start:var(--safe-start);padding-inline-end:var(--safe-end);display:flex;position:fixed;inset-block-end:0;inset-inline:0}.notif-sheet-close{min-block-size:var(--tap-target-min);border:none;border-block-end:1px solid var(--border-subtle);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.notif-sheet-close:before{content:"";background:var(--border-default,#cbd5e1);border-radius:999px;block-size:4px;inline-size:36px}.notif-sheet .notification-dropdown-list{flex:auto;min-block-size:0;max-block-size:none}.notif-sheet .notification-item{min-block-size:var(--tap-target-min);padding-block:var(--space-md)}.notif-sheet .notification-item-text,.notif-sheet .notification-dropdown-empty{overflow-wrap:anywhere}.notif-sheet .notification-dropdown-footer{min-block-size:var(--tap-target-min);flex:none;justify-content:center;align-items:center;display:flex}body.notif-sheet-open{overflow:hidden}body.notif-sheet-open .toast-container{inset-block-start:calc(var(--topbar-height) + var(--space-sm));inset-block-end:auto;inset-inline-start:max(var(--space-md), var(--safe-start));inset-inline-end:max(var(--space-md), var(--safe-end))}}@keyframes notif-sheet-in-kf{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes notif-sheet-fade-kf{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.notif-sheet,.notif-sheet-backdrop{animation:none}}.od-contact{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--bg-secondary);flex-direction:column;gap:6px;min-width:0;margin-block-end:12px;padding:14px 16px;display:flex}.od-contact-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.od-contact-row{align-items:center;gap:var(--space-md);min-width:0;display:flex}.od-phone{min-width:0;font-size:var(--text-xl);letter-spacing:.02em;color:var(--accent-blue);text-align:match-parent;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate;flex:auto;font-family:SF Mono,Consolas,monospace;font-weight:700}.od-phone:empty:before{content:"—";color:var(--text-muted);font-weight:400}.od-contact-actions{align-items:center;gap:var(--space-sm);flex:none;display:flex}.od-contact-btn{border-radius:var(--radius-md);cursor:pointer;width:48px;height:48px;transition:background var(--transition-fast), color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-family:inherit;display:inline-flex}.od-contact-btn.call{background:var(--accent-blue-bg);color:var(--accent-blue)}.od-contact-btn.whatsapp{background:var(--accent-green-bg);color:var(--accent-green)}.od-contact-btn:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.od-contact-btn:disabled{background:var(--bg-secondary);color:var(--text-muted);border-color:var(--border-subtle);cursor:not-allowed;opacity:.5}.od-note-field{width:100%;min-height:64px;font-size:var(--text-base);resize:vertical;margin-block-end:var(--space-sm);padding:.6rem}.od-outcomes{gap:var(--space-md);flex-direction:column;display:flex}.od-outcome-primary{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;min-height:56px;padding:0 var(--space-md);border-radius:var(--radius-md);background:var(--accent-green);color:#fff;font-family:inherit;font-size:var(--text-lg);cursor:pointer;transition:background var(--transition-fast);border:0;font-weight:700;display:flex}.od-outcome-primary:hover{background:var(--accent-green-hover)}.od-outcome-primary:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.od-outcome-grid{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.od-outcome{justify-content:center;align-items:center;gap:var(--space-xs);min-width:0;min-height:var(--tap-target-min);padding:var(--space-sm) var(--space-xs);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);text-align:center;overflow-wrap:anywhere;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);flex-direction:column;font-weight:600;line-height:1.2;display:flex}.od-outcome:hover{background:var(--bg-hover);border-color:var(--border-default)}.od-outcome:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.od-outcome.is-danger{color:var(--accent-red)}.od-outcome.is-danger:hover{background:var(--accent-red-bg);border-color:var(--accent-red-bg)}.od-outcome-primary:disabled,.od-outcome:disabled{opacity:.6;cursor:progress}.od-outcome-primary:disabled:hover{background:var(--accent-green)}.od-outcome:disabled:hover{background:var(--bg-secondary);border-color:var(--border-subtle)}.od-section-heading{font:inherit;margin:0}.od-section-toggle{width:100%;min-height:var(--tap-target-min);border:0;border-bottom:1px solid var(--border-subtle);color:inherit;font:inherit;text-align:start;cursor:pointer;gap:var(--space-md);background:0 0}.od-section-toggle:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px}.od-section-title{align-items:center;gap:var(--space-sm);overflow-wrap:anywhere;min-width:0;display:flex}.od-section-chevron{color:var(--text-tertiary);transition:transform var(--transition-base);flex:none}.od-section-toggle[aria-expanded=false] .od-section-chevron{transform:rotate(-90deg)}[dir=rtl] .od-section-toggle[aria-expanded=false] .od-section-chevron{transform:rotate(90deg)}.od-fields{grid-template-columns:repeat(auto-fit, minmax(var(--od-field-min,200px), 1fr));gap:var(--space-md);display:grid}.od-field{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:6px;min-width:0;padding:14px 16px;display:flex}.od-field.is-wide{grid-column:1/-1}.od-field-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.od-field-value{min-width:0;color:var(--text-primary);letter-spacing:-.01em;word-break:break-word;font-size:1.05rem;font-weight:700}.od-field-value.is-mono{font-size:var(--text-xl);color:var(--accent-blue);letter-spacing:.02em;text-align:start;direction:ltr;font-family:SF Mono,Consolas,monospace}.od-field-value.is-highlight{font-size:var(--text-xl);color:var(--accent-green)}.od-field-empty{font-weight:600}.od-field-empty.is-required{color:var(--accent-amber,#b45309)}@media (min-width:769px){.od-outcome-primary{max-width:320px}.od-outcome-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.od-outcome{justify-content:flex-start;gap:var(--space-sm);min-height:40px;padding:var(--space-sm) var(--space-md);text-align:start;flex-direction:row}}@media (max-width:768px){.od-fields{gap:var(--space-sm);grid-template-columns:1fr}.od-field{padding:var(--space-sm) var(--space-md)}.od-field:not(.is-wide){justify-content:space-between;align-items:baseline;gap:var(--space-md);flex-direction:row}.od-field:not(.is-wide) .od-field-label{flex:none}.od-field:not(.is-wide) .od-field-value{text-align:end;min-width:0}.od-field:not(.is-wide) .od-field-value.is-mono{text-align:start}}[dir=rtl] .sidebar-section-label,[dir=rtl] .order-card-meta-label{letter-spacing:normal}[dir=rtl] .stat-card-value{text-align:end;direction:ltr}@media (max-width:768px){.toast-container{inset-block-start:calc(var(--topbar-height) + var(--space-sm));inset-block-end:auto;inset-inline-start:max(var(--space-md), var(--safe-start));inset-inline-end:max(var(--space-md), var(--safe-end))}}.ops-stale{margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--accent-amber);border-radius:var(--radius-md);background:var(--accent-amber-bg);color:var(--text-primary);font-size:var(--text-sm)}.ops-kpi-hint{margin-top:var(--space-xs);color:var(--text-tertiary);font-size:var(--text-xs);overflow-wrap:anywhere}@media (max-width:768px){.ops-kpi-hint{-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:1/-1;display:-webkit-box;overflow:hidden}}.ops-roster-note{color:var(--text-tertiary);font-size:var(--text-xs)}.stat-card.is-alarming{border-color:var(--accent-red)}.ops-badge{border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;margin-inline-start:var(--space-sm);padding:2px 8px;font-weight:600;display:inline-block}.ops-badge.is-idle{background:var(--accent-amber-bg);color:var(--accent-amber)}.ops-badge.is-waiting{background:var(--bg-secondary);color:var(--text-tertiary)}.ops-overdue{color:var(--accent-red);font-weight:700}.data-table tbody tr.is-selected{background:var(--accent-blue-bg)}.data-table tbody tr.is-selected td{border-color:var(--accent-blue)}.ops-tabs{gap:var(--space-xs);display:flex}.ops-tab{min-height:var(--tap-target-min);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000}.ops-tab:hover{background:var(--bg-hover)}.ops-tab.is-active{border-color:var(--border-default);background:var(--bg-card);color:var(--text-primary);font-weight:600}.ops-tab:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px}.ops-actions{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);border-block-end:1px solid var(--border-subtle);background:var(--bg-secondary);flex-wrap:wrap;display:flex}.ops-picked{color:var(--text-secondary);font-size:var(--text-sm);margin-inline-end:auto;font-weight:600}@media (max-width:768px){.ops-panel .card-header{gap:var(--space-sm);flex-wrap:wrap}.ops-actions{padding:var(--space-sm) var(--space-md)}.ops-picked{flex-basis:100%;margin-inline-end:0}}.ops-overdue-link{color:var(--accent-red);font:inherit;text-underline-offset:2px;cursor:pointer;min-height:var(--tap-target-min);background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.ops-overdue-link:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.rules-form{gap:var(--space-lg);flex-direction:column;display:flex}.rules-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.rules-field .form-label{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.rules-unit{color:var(--text-tertiary);font-size:var(--text-xs);text-transform:none;letter-spacing:0;font-weight:400}.rules-help{margin-top:var(--space-xs);color:var(--text-tertiary);font-size:var(--text-xs);overflow-wrap:anywhere}.rules-note{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--text-sm);display:flex}.rules-note svg{flex:none;margin-block-start:2px}.rules-backdrop{z-index:60;background:#0f172a59;position:fixed;inset:0}.rules-drawer{z-index:61;background:var(--bg-card);border-inline-start:1px solid var(--border-subtle);width:min(480px,100vw);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-end:0}.rules-drawer-head{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-block-end:1px solid var(--border-subtle);display:flex}.rules-drawer-body{padding:var(--space-xl);flex:auto;padding-block-end:max(var(--space-xl), var(--safe-bottom));overflow-y:auto}@media (max-width:768px){.rules-drawer{width:100vw}.rules-drawer-head,.rules-drawer-body{padding-inline:var(--space-md)}}
