:root{--brand: #0f766e;--brand-hover: #0d6b64;--brand-light: #14b8a6;--brand-subtle: #f0fdfa;--brand-muted: #99f6e4;--sidebar-bg: #0f172a;--sidebar-text: #94a3b8;--sidebar-text-active: #f8fafc;--sidebar-active-bg: rgba(20, 184, 166, .15);--sidebar-active-border: #14b8a6;--sidebar-width: 224px;--bg-app: #f1f5f9;--bg-card: #ffffff;--bg-card-2: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border: #e2e8f0;--border-strong: #cbd5e1;--s-pendiente-bg: #fefce8;--s-pendiente-text: #854d0e;--s-pendiente-border: #fde047;--s-validado-bg: #eff6ff;--s-validado-text: #1e40af;--s-validado-border: #93c5fd;--s-pasado-bg: #f8fafc;--s-pasado-text: #475569;--s-pasado-border: #cbd5e1;--s-cancelado-bg: #fff1f2;--s-cancelado-text: #be123c;--s-cancelado-border: #fda4af;--s-entregado-bg: #f0fdf4;--s-entregado-text: #166534;--s-entregado-border: #86efac;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 30px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.05);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-full: 9999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--font: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--t: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);font-size:.9375rem;color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{display:flex;height:100vh;overflow:hidden}.sb{width:var(--sidebar-width);background:var(--sidebar-bg);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;overflow-x:hidden;border-right:1px solid rgba(255,255,255,.06)}.sb-brand{display:flex;align-items:center;gap:10px;padding:18px 16px 16px;border-bottom:1px solid rgba(255,255,255,.07);-webkit-user-select:none;user-select:none}.sb-brand-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#14b8a6,#0891b2);display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:900;color:#fff;letter-spacing:-.04em;flex-shrink:0;box-shadow:0 2px 8px #14b8a666}.sb-brand-text{display:flex;flex-direction:column;line-height:1}.sb-brand-name{font-size:.95rem;font-weight:800;color:#f1f5f9;letter-spacing:-.03em}.sb-brand-tag{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#475569;margin-top:3px}.sb-nav{flex:1;display:flex;flex-direction:column;padding:8px 8px 4px;gap:0;overflow-y:auto}.sb-group{margin-bottom:4px}.sb-group-label{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#334155;padding:12px 10px 4px}.sb-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:7px;background:transparent;color:#94a3b8;cursor:pointer;text-align:left;font-family:var(--font);font-size:.8125rem;font-weight:500;transition:background .15s,color .15s;position:relative;border-left:2px solid transparent}.sb-item:hover{background:#ffffff0d;color:#e2e8f0}.sb-item--active{background:#14b8a61f;color:#f0fdfa;border-left-color:#14b8a6}.sb-item--active .sb-item-icon{color:#2dd4bf}.sb-item-icon{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;color:#475569;transition:color .15s}.sb-item:hover .sb-item-icon{color:#94a3b8}.sb-item-body{display:flex;flex-direction:column;flex:1;min-width:0}.sb-item-label{font-weight:600;font-size:.8125rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-item-sub{font-size:.68rem;color:#475569;margin-top:1px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-item--active .sb-item-sub{color:#5eead4;opacity:.75}.sb-item-pip{width:4px;height:4px;border-radius:50%;background:#14b8a6;flex-shrink:0}.sb-footer{margin-top:auto;padding:12px;border-top:1px solid rgba(255,255,255,.06)}.sb-status{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:20px;background:#ffffff0a;color:#64748b;width:100%;white-space:nowrap}.sb-status--ok{color:#34d399;background:#34d3991a}.sb-status--err{color:#f87171;background:#f871711a}.sb-status--loading{color:#fbbf24;background:#fbbf241a}@keyframes sb-spin{to{transform:rotate(360deg)}}.sb-status-spin{animation:sb-spin 1s linear infinite}.main-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-width:0}.page-header{background:var(--bg-card);border-bottom:1px solid var(--border);padding:14px 32px;display:flex;align-items:center;gap:12px;flex-shrink:0;position:sticky;top:0;z-index:10;box-shadow:var(--shadow-sm)}.page-header-icon{width:36px;height:36px;border-radius:8px;background:#14b8a61a;border:1px solid rgba(20,184,166,.2);display:flex;align-items:center;justify-content:center;color:#14b8a6;flex-shrink:0}.page-header-title{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.page-header-desc{font-size:.78rem;color:var(--text-muted);margin-top:2px}.module-body{padding:var(--sp-6) var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-5);flex:1}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);background:var(--bg-muted)}.card-title{font-size:.9rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--sp-2)}.card-body{padding:var(--sp-5)}.card-body-sm{padding:var(--sp-3) var(--sp-4)}.card-footer{padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border);background:var(--bg-muted);display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.metrics-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);box-shadow:var(--shadow-sm)}.metric-card-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.metric-card-value{font-size:2rem;font-weight:800;color:var(--brand);letter-spacing:-.04em;margin-top:3px;line-height:1}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:flex-end}.field{display:flex;flex-direction:column;gap:4px}.field-label{font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em}input:not([type=checkbox]),select,textarea{font-family:var(--font);font-size:.875rem;color:var(--text-primary);background:#fff;border:1.5px solid var(--border-strong);border-radius:var(--r-sm);padding:7px 10px;outline:none;transition:border-color var(--t),box-shadow var(--t)}input:not([type=checkbox]):focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0f766e1f}input::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:72px;font-family:var(--font)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand);cursor:pointer}button{font-family:var(--font);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:8px 14px;border-radius:var(--r-sm);font-size:.875rem;font-weight:600;border:none;transition:all var(--t);white-space:nowrap;text-decoration:none;font-family:var(--font)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border:1.5px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--bg-muted);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-muted)}.btn-danger{background:#fff1f2;color:#be123c;border:1.5px solid #fda4af}.btn-danger:hover:not(:disabled){background:#ffe4e6}.btn-sm{padding:5px 10px;font-size:.8rem}.btn-lg{padding:10px 20px;font-size:1rem}.btn-link{display:inline-flex;align-items:center;gap:var(--sp-1);color:var(--brand);text-decoration:none;font-size:.875rem;font-weight:600;padding:7px 12px;border-radius:var(--r-sm);border:1.5px solid var(--border-strong);background:var(--bg-card);transition:all var(--t);font-family:var(--font)}.btn-link:hover{background:var(--brand-subtle);border-color:var(--brand-light)}.badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--r-full);font-size:.72rem;font-weight:700;letter-spacing:.03em;white-space:nowrap;border:1px solid}.badge-Pendiente{background:#fefce8;color:#854d0e;border-color:#fde047}.badge-Validado{background:#eff6ff;color:#1e40af;border-color:#93c5fd}.badge-Pasado{background:#f8fafc;color:#475569;border-color:#cbd5e1}.badge-Cancelado{background:#fff1f2;color:#be123c;border-color:#fda4af}.badge-Entregado,.badge-Confirmado{background:#f0fdf4;color:#166534;border-color:#86efac}.badge-NoConfirmado{background:#fff7ed;color:#c2410c;border-color:#fdba74}.badge-conf-Pendiente{background:#fefce8;color:#854d0e;border-color:#fde047}.badge-high{background:#f0fdf4;color:#166534;border-color:#86efac}.badge-medium{background:#fff7ed;color:#92400e;border-color:#fdba74}.badge-low{background:#fff1f2;color:#be123c;border-color:#fda4af}.badge-unknown{background:#f8fafc;color:#475569;border-color:#cbd5e1}.badge-quality-green{background:#f0fdf4;color:#166534;border-color:#86efac}.badge-quality-yellow{background:#fff7ed;color:#92400e;border-color:#fdba74}.badge-quality-red{background:#fff1f2;color:#be123c;border-color:#fda4af}.badge-exec-Entregado{background:#f0fdf4;color:#166534;border-color:#86efac}.badge-exec-Ausente{background:#fff7ed;color:#c2410c;border-color:#fdba74}.badge-exec-Incidencia{background:#fff1f2;color:#be123c;border-color:#fda4af}.badge-exec-Postergado{background:#faf5ff;color:#7e22ce;border-color:#d8b4fe}.badge-exec-Pendiente{background:#fefce8;color:#854d0e;border-color:#fde047}.orders-scroll{max-height:520px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:2px}.order-row,.task-row{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-4);background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all var(--t);text-align:left;width:100%;font-family:var(--font);color:inherit}.order-row:hover,.task-row:hover{border-color:var(--brand-light);background:var(--brand-subtle)}.order-row.selected,.task-row.selected{border-color:var(--brand);background:var(--brand-subtle);box-shadow:0 0 0 2px #0f766e26}.task-row{padding:8px var(--sp-3)}.order-row-id{font-size:.72rem;font-weight:700;color:var(--text-muted);width:30px;flex-shrink:0;font-family:monospace}.order-row-main{flex:1;min-width:0}.order-row-name{font-weight:600;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-row-meta{font-size:.75rem;color:var(--text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-row-badges{display:flex;align-items:center;gap:var(--sp-1);flex-shrink:0}.task-scroll{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:2px}.history-feed{display:flex;flex-direction:column;gap:var(--sp-2)}.history-event{display:flex;flex-direction:column;gap:3px;padding:var(--sp-3) var(--sp-4);background:var(--bg-muted);border-radius:var(--r-md);border-left:3px solid var(--border-strong);font-size:.825rem}.history-event-arrow{display:flex;align-items:center;gap:var(--sp-2);font-weight:700}.history-event-reason{color:var(--text-secondary)}.history-event-meta{font-size:.72rem;color:var(--text-muted)}.queue-list{display:flex;flex-direction:column;gap:4px}.queue-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:var(--sp-3);padding:10px var(--sp-4);background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-md);border-left:4px solid var(--border-strong)}.queue-row[data-priority="1"]{border-left-color:#ef4444}.queue-row[data-priority="2"]{border-left-color:#f97316}.queue-row[data-priority="3"]{border-left-color:#f59e0b}.queue-row[data-priority="4"]{border-left-color:#84cc16}.queue-row[data-priority="5"]{border-left-color:#22c55e}.queue-row-priority{font-size:.72rem;font-weight:800;color:var(--text-muted);text-align:center}.queue-row-main{min-width:0}.queue-row-name{font-weight:600;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-row-sub{font-size:.75rem;color:var(--text-muted);margin-top:2px}.queue-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.zone-list{display:flex;flex-direction:column;gap:4px}.zone-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:8px var(--sp-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md)}.zone-row-locality{font-weight:600;font-size:.875rem}.zone-row-days{display:flex;gap:var(--sp-1);flex-wrap:wrap}.day-chip{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--brand-subtle);color:var(--brand);font-size:.72rem;font-weight:700;border:1.5px solid var(--brand-light)}.closure-list{display:flex;flex-direction:column;gap:4px}.closure-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:8px var(--sp-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);font-size:.875rem}.closure-stats{display:flex;gap:var(--sp-3)}.closure-stat{display:flex;flex-direction:column;align-items:center;min-width:32px}.closure-stat-val{font-weight:700;font-size:.9rem}.closure-stat-key{color:var(--text-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}.sparkline-wrap{padding:var(--sp-3);background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.sparkline{width:100%;height:64px;display:block}.bar-list{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2) 0}.bar-row{display:grid;grid-template-columns:56px 1fr 42px;align-items:center;gap:var(--sp-2);font-size:.825rem}.bar-track{height:7px;border-radius:var(--r-full);background:var(--border);overflow:hidden}.bar-fill{height:100%;border-radius:var(--r-full);transition:width .5s ease}.bar-fill.confidence-high{background:#22c55e}.bar-fill.confidence-medium{background:#f59e0b}.bar-fill.confidence-low{background:#ef4444}.bar-fill.confidence-unknown{background:#94a3b8}.form-section{display:flex;flex-direction:column;gap:var(--sp-3)}.form-row{display:flex;gap:var(--sp-3);align-items:flex-end;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.panel-3col{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:var(--sp-4)}.alert{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:.875rem}.alert-success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.alert-warning{background:#fff7ed;border:1px solid #fdba74;color:#c2410c}.alert-error{background:#fff1f2;border:1px solid #fda4af;color:#be123c}.alert-info{background:#eff6ff;border:1px solid #93c5fd;color:#1e40af}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2) var(--sp-5)}.info-pair{display:flex;flex-direction:column;gap:2px}.info-pair-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.info-pair-value{font-size:.875rem;color:var(--text-primary);font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-8) var(--sp-4);color:var(--text-muted);font-size:.875rem;gap:var(--sp-2);text-align:center}.empty-state-icon{font-size:2.2rem;opacity:.5}.result-row{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--bg-muted);border-radius:var(--r-md);font-size:.875rem;flex-wrap:wrap}.result-row strong{color:var(--brand)}.metric-value{font-size:2rem;font-weight:800;color:var(--brand);letter-spacing:-.04em;margin-top:3px;line-height:1}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.table-container{overflow-x:auto}.table-container-scroll{overflow-x:auto;overflow-y:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{background:var(--bg-card-2);color:var(--text-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:8px 12px;border-bottom:1.5px solid var(--border-strong);white-space:nowrap;text-align:left;position:sticky;top:0;z-index:1}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--bg-card-2);transition:background var(--t)}.data-table tbody tr.row-danger td{background:#fff1f2}.data-table tbody tr.row-warning td{background:#fffbeb}.data-table tbody tr.row-danger:hover td{background:#ffe4e6}.data-table tbody tr.row-warning:hover td{background:#fef3c7}.tab-bar{display:flex;gap:2px;border-bottom:2px solid var(--border);margin-bottom:var(--sp-4)}.tab-btn{padding:9px var(--sp-4);font-size:.875rem;font-weight:600;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all var(--t);font-family:var(--font);display:inline-flex;align-items:center;gap:var(--sp-2)}.tab-btn:hover{color:var(--text-primary)}.tab-btn.tab-btn-active{color:var(--brand);border-bottom-color:var(--brand)}.badge-success{background:#f0fdf4;color:#166534;border-color:#86efac}.badge-danger{background:#fff1f2;color:#be123c;border-color:#fda4af}.badge-warning{background:#fff7ed;color:#92400e;border-color:#fdba74}.badge-info{background:#eff6ff;color:#1e40af;border-color:#93c5fd}.badge-default{background:var(--bg-card-2);color:var(--text-secondary);border-color:var(--border-strong)}.text-success{color:#166534}.text-warning{color:#92400e}.text-danger{color:#be123c}.text-small{font-size:.75rem}.font-medium{font-weight:600}.text-mono{font-family:monospace}.error-text{font-size:.825rem;color:#be123c;margin-top:var(--sp-2)}.success-text{font-size:.825rem;color:#166534;margin-top:var(--sp-2)}.section-label{font-size:.78rem;font-weight:700;color:var(--text-secondary);margin-bottom:var(--sp-3);text-transform:uppercase;letter-spacing:.07em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .12s ease}.modal-box{background:var(--bg-card);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:100%;max-width:440px;overflow:hidden;animation:slideUp .18s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.modal-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:2px 6px;border-radius:var(--r-sm);transition:all var(--t);line-height:1}.modal-close:hover{background:var(--bg-card-2);color:var(--text-primary)}.modal-body{padding:var(--sp-5)}@media(max-width:1100px){.metrics-strip{grid-template-columns:repeat(2,1fr)}.panel-3col{grid-template-columns:1fr 1fr}}@media(max-width:900px){.sidebar{width:66px}.sidebar-brand-logo .label,.sidebar-brand-sub,.sidebar-nav-label,.sidebar-nav-sub,.sidebar-section-label{display:none}.sidebar-nav-btn{justify-content:center;padding:10px}.module-header,.module-body{padding:var(--sp-4) var(--sp-5)}.panel-3col{grid-template-columns:1fr}}@media(max-width:680px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.metrics-strip{grid-template-columns:1fr 1fr}}.ventas-layout{display:grid;grid-template-columns:340px 1fr;gap:0;height:calc(100vh - 130px);min-height:560px;border:1.5px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--bg-card)}.ventas-list-panel{display:flex;flex-direction:column;border-right:1.5px solid var(--border);background:var(--bg-app);overflow:hidden}.ventas-toolbar{display:flex;align-items:center;gap:var(--sp-2);padding:10px 12px;border-bottom:1px solid var(--border);background:var(--bg-card)}.ventas-search-wrap{position:relative;flex:1;display:flex;align-items:center}.ventas-search-icon{position:absolute;left:8px;color:var(--text-muted);pointer-events:none}.ventas-search-input{width:100%;padding:6px 28px;font-size:.82rem;border:1.5px solid var(--border-strong);border-radius:var(--r-sm);background:#fff}.ventas-search-clear{position:absolute;right:6px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center}.ventas-new-btn{white-space:nowrap}.ventas-filters{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg-card)}.ventas-filters select,.ventas-filters input{font-size:.78rem;padding:5px 7px;border:1.5px solid var(--border-strong);border-radius:var(--r-sm);background:#fff;flex:1;min-width:80px}.ventas-list-meta{font-size:.75rem;color:var(--text-muted);padding:6px 14px 4px}.ventas-cards{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.ventas-order-card{width:100%;text-align:left;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:10px 12px;cursor:pointer;transition:all var(--t);display:flex;flex-direction:column;gap:3px}.ventas-order-card:hover{border-color:var(--brand-light);background:var(--brand-subtle)}.ventas-order-card--active{border-color:var(--brand);background:var(--brand-subtle);box-shadow:0 0 0 2px #0f766e26}.ventas-card-top{display:flex;align-items:center;justify-content:space-between}.ventas-card-id{font-size:.72rem;font-weight:700;color:var(--text-muted)}.ventas-card-customer{font-size:.9rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ventas-card-meta{font-size:.75rem;color:var(--text-secondary);display:flex;gap:4px;flex-wrap:wrap}.ventas-card-address{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ventas-card-totals{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding-top:4px;border-top:1px solid var(--border)}.ventas-card-items-count{font-size:.72rem;color:var(--text-muted)}.ventas-card-total{font-size:.85rem;font-weight:700;color:var(--brand, #0f766e)}.ventas-empty-list{text-align:center;color:var(--text-muted);font-size:.85rem;padding:32px 12px}.ventas-right-panel{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-card)}.ventas-empty-detail{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-muted);font-size:.875rem;text-align:center;line-height:1.6}.ventas-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1.5px solid var(--border);background:var(--bg-muted);flex-shrink:0}.ventas-panel-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0}.ventas-panel-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1.5px solid var(--border);background:var(--bg-muted);flex-shrink:0}.ventas-detail-id-row{display:flex;align-items:center;gap:10px}.ventas-detail-id{font-size:.8rem;font-weight:700;color:var(--text-muted)}.ventas-detail-header-actions{display:flex;align-items:center;gap:4px}.ventas-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1.5px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--t)}.ventas-icon-btn:hover:not(:disabled){background:var(--bg-muted);color:var(--text-primary)}.ventas-icon-btn:disabled{opacity:.4;cursor:not-allowed}.ventas-icon-btn--confirm{border-color:var(--brand);color:var(--brand)}.ventas-icon-btn--confirm:hover:not(:disabled){background:var(--brand-subtle)}.ventas-status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--r-full);font-size:.7rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.ventas-create-form,.ventas-detail{display:flex;flex-direction:column;height:100%;overflow:hidden}.ventas-form-body,.ventas-detail-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.ventas-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);display:flex;align-items:center;gap:8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.ventas-add-item-btn{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;font-weight:600;color:var(--brand);background:var(--brand-subtle);border:1px solid var(--brand-muted);border-radius:var(--r-sm);padding:2px 7px;cursor:pointer;transition:all var(--t)}.ventas-add-item-btn:hover{background:var(--brand-muted)}.ventas-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ventas-field{display:flex;flex-direction:column;gap:4px}.ventas-field label{font-size:.72rem;font-weight:600;color:var(--text-secondary)}.ventas-field input,.ventas-field select{font-size:.85rem;width:100%}.ventas-info-grid{display:flex;flex-direction:column;gap:6px}.ventas-info-row{display:flex;gap:12px;font-size:.85rem;padding:5px 0;border-bottom:1px solid var(--border)}.ventas-info-label{min-width:90px;color:var(--text-muted);font-size:.78rem;font-weight:600}.ventas-items-grid{border:1.5px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.ventas-items-head{display:grid;grid-template-columns:1fr 56px 80px 80px 36px;gap:6px;padding:6px 10px;background:var(--bg-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;border-bottom:1px solid var(--border)}.ventas-item-row{display:grid;grid-template-columns:1fr 56px 80px 80px 36px;gap:6px;padding:6px 10px;align-items:center;border-bottom:1px solid var(--border);font-size:.83rem}.ventas-item-row:last-of-type{border-bottom:none}.ventas-item-row--readonly{color:var(--text-primary)}.ventas-item-row--adding{background:var(--brand-subtle)}.ventas-item-product-cell{display:flex;flex-direction:column;gap:3px}.ventas-item-product-cell select,.ventas-item-product-cell input{font-size:.8rem;padding:4px 6px;width:100%}.ventas-num-input{width:100%;font-size:.8rem;padding:4px 6px;text-align:right}.ventas-subtotal{font-size:.83rem;font-weight:600;color:var(--text-primary);text-align:right}.ventas-items-empty{padding:10px 12px;font-size:.82rem;color:var(--text-muted);text-align:center}.ventas-items-total{padding:8px 12px;text-align:right;font-size:.82rem;color:var(--text-secondary);background:var(--bg-muted);border-top:1px solid var(--border)}.ventas-items-total strong{color:var(--text-primary);font-size:.95rem}.ventas-status-actions{display:flex;flex-wrap:wrap;gap:8px}.prod-layout{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - 130px);overflow:hidden}.prod-left{display:flex;flex-direction:column;border-right:1.5px solid var(--border);overflow:hidden}.prod-right{display:flex;flex-direction:column;overflow:hidden}.prod-tabs{display:flex;border-bottom:1.5px solid var(--border);flex-shrink:0}.prod-tab{flex:1;padding:10px 8px;font-size:.82rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent}.prod-tab:hover{background:var(--bg-muted)}.prod-tab--active{color:var(--brand);border-bottom:2px solid var(--brand);font-weight:600}.prod-toolbar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.prod-search-wrap{position:relative;flex:1;display:flex;align-items:center}.prod-search-icon{position:absolute;left:8px;color:var(--text-muted);pointer-events:none}.prod-search-input{width:100%;padding:6px 28px;font-size:.82rem;border:1.5px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-card);color:var(--text-primary)}.prod-search-input:focus{outline:none;border-color:var(--brand)}.prod-search-clear{position:absolute;right:6px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.prod-filters{padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.prod-filters select{font-size:.78rem;padding:5px 7px;width:100%;border:1.5px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-card);color:var(--text-primary)}.prod-list-meta{font-size:.75rem;color:var(--text-muted);padding:6px 14px 4px;flex-shrink:0}.prod-cards{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.prod-card{text-align:left;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:10px 12px;cursor:pointer;transition:border-color .15s;width:100%}.prod-card:hover{border-color:var(--brand)}.prod-card--active{border-color:var(--brand);background:var(--brand-subtle)}.prod-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px}.prod-card-id{font-size:.72rem;font-weight:700;color:var(--text-muted)}.prod-card-name{font-size:.9rem;font-weight:700;color:var(--text-primary)}.prod-card-meta{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.prod-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-muted);padding:24px;text-align:center}.prod-empty--full{flex:1}.prod-empty--inline{padding:16px}.prod-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--r-full);font-size:.7rem;font-weight:700}.prod-alert-ok{color:#16a34a;font-size:.72rem;font-weight:700}.prod-alert-low{color:#d97706;background:#fefce8;padding:2px 7px;border-radius:var(--r-full);font-size:.72rem;font-weight:700}.prod-alert-none{color:#dc2626;background:#fff1f2;padding:2px 7px;border-radius:var(--r-full);font-size:.72rem;font-weight:700}.prod-alertas-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.prod-alerta-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.prod-alerta-top{display:flex;align-items:center;gap:8px}.prod-alerta-name{font-weight:700;font-size:.875rem;flex:1;color:var(--text-primary)}.prod-alerta-meta{font-size:.78rem;color:var(--text-secondary)}.prod-alerta-active{color:var(--brand);font-weight:600;font-size:.78rem}.prod-alerta-btn{width:100%;justify-content:center;margin-top:2px}.prod-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1.5px solid var(--border);background:var(--bg-muted);flex-shrink:0}.prod-panel-title{font-size:.95rem;font-weight:700;color:var(--text-primary)}.prod-panel-id{font-size:.8rem;font-weight:700;color:var(--text-muted)}.prod-panel-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1.5px solid var(--border);background:var(--bg-muted);flex-shrink:0}.prod-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1.5px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-card);color:var(--text-secondary);cursor:pointer}.prod-icon-btn:hover:not(:disabled){background:var(--bg-muted)}.prod-form,.prod-detail{display:flex;flex-direction:column;height:100%;overflow:hidden}.prod-form-body,.prod-detail-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.prod-field{display:flex;flex-direction:column;gap:4px}.prod-field label{font-size:.72rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.prod-field input,.prod-field select,.prod-field textarea{font-size:.85rem;width:100%;border:1.5px solid var(--border-strong);border-radius:var(--r-sm);padding:6px 8px;background:var(--bg-card);color:var(--text-primary)}.prod-field input:focus,.prod-field select:focus,.prod-field textarea:focus{outline:none;border-color:var(--brand)}.prod-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.prod-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);padding-bottom:4px;border-bottom:1px solid var(--border)}.prod-info-grid{display:flex;flex-direction:column;gap:0}.prod-info-row{display:flex;gap:12px;font-size:.85rem;padding:6px 0;border-bottom:1px solid var(--border)}.prod-info-label{min-width:110px;color:var(--text-muted);font-size:.78rem;font-weight:600;flex-shrink:0}.prod-progress-wrap{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.prod-progress-bar{height:100%;background:var(--brand);transition:width .3s;border-radius:3px}.prod-actions{display:flex;flex-wrap:wrap;gap:8px}.prod-action-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:var(--r-sm);border:1.5px solid;font-size:.82rem;font-weight:600;cursor:pointer;background:var(--bg-card)}.prod-confirm-box{background:var(--bg-muted);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:14px;display:flex;flex-direction:column;gap:10px}.prod-confirm-note{font-size:.83rem;color:var(--text-secondary);margin:0}.prod-confirm-actions{display:flex;justify-content:flex-end;gap:8px}.prod-error{font-size:.82rem;color:#be123c;background:#fff1f2;border:1px solid #fda4af;border-radius:var(--r-sm);padding:8px 12px}@media(max-width:900px){.prod-layout{grid-template-columns:1fr}.prod-left{height:280px;border-right:none;border-bottom:1.5px solid var(--border)}}.login-backdrop{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-muted)}.login-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-md, 10px);padding:36px 40px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 24px #00000012}.login-brand{display:flex;align-items:center;gap:12px}.login-brand-mark{width:40px;height:40px;background:var(--brand);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:900}.login-brand-name{font-size:1.2rem;font-weight:800;color:var(--text-primary);line-height:1}.login-brand-tag{font-size:.72rem;color:var(--text-muted)}.login-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.login-form{display:flex;flex-direction:column;gap:14px}.login-field{display:flex;flex-direction:column;gap:4px}.login-field label{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.login-field input{border:1.5px solid var(--border-strong);border-radius:var(--r-sm);padding:8px 10px;font-size:.9rem;background:var(--bg-card);color:var(--text-primary);width:100%}.login-field input:focus{outline:none;border-color:var(--brand)}.login-field input:disabled{opacity:.6}.login-btn{width:100%;justify-content:center;padding:9px;font-size:.9rem}.login-error{font-size:.82rem;color:#be123c;background:#fff1f2;border:1px solid #fda4af;border-radius:var(--r-sm);padding:8px 10px;margin:0}.login-footer{font-size:.75rem;color:var(--text-muted);text-align:center;margin:0}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--text-muted);font-size:.9rem}.sb-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.sb-user-name{font-size:.82rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-user-role{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.sb-logout-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border:1.5px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-card);color:var(--text-secondary);cursor:pointer}.sb-logout-btn:hover{background:#fff1f2;color:#be123c;border-color:#fda4af}.adm-layout{display:grid;grid-template-columns:300px 1fr;height:calc(100vh - 130px);overflow:hidden}.adm-left{display:flex;flex-direction:column;border-right:1.5px solid var(--border);overflow:hidden}.adm-right{display:flex;flex-direction:column;overflow:hidden}.adm-tabs{display:flex;border-bottom:1.5px solid var(--border);flex-shrink:0}.adm-tab{flex:1;padding:10px 8px;font-size:.82rem;font-weight:500;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent}.adm-tab:hover{background:var(--bg-muted)}.adm-tab--active{color:var(--brand);border-bottom:2px solid var(--brand);font-weight:600}.adm-toolbar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.adm-user-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.adm-user-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:10px 12px;display:flex;flex-direction:column;gap:5px}.adm-user-card--active{border-color:var(--brand);background:var(--brand-subtle)}.adm-user-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.adm-user-info{display:flex;flex-direction:column;gap:1px;min-width:0}.adm-user-name{font-size:.9rem;font-weight:700;color:var(--text-primary)}.adm-user-handle{font-size:.75rem;color:var(--text-muted)}.adm-user-meta{font-size:.75rem;color:var(--text-secondary);display:flex;gap:10px}.adm-user-inactive{color:#dc2626;font-weight:700}.adm-user-actions{display:flex;align-items:center;gap:6px}.adm-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1.5px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-card);color:var(--text-secondary);cursor:pointer}.adm-icon-btn:hover{background:var(--bg-muted)}.adm-status-icon--ok{color:#16a34a}.adm-status-icon--off{color:#dc2626}.adm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);padding:20px;text-align:center}.adm-empty--full{flex:1}.adm-error{font-size:.82rem;color:#be123c;background:#fff1f2;border:1px solid #fda4af;border-radius:var(--r-sm);padding:8px 12px}.adm-form{display:flex;flex-direction:column;gap:14px;padding:20px;overflow-y:auto;flex:1}.adm-form-title{font-size:.95rem;font-weight:700;color:var(--text-primary);padding-bottom:10px;border-bottom:1.5px solid var(--border)}.adm-field{display:flex;flex-direction:column;gap:4px}.adm-field label{font-size:.72rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.adm-field input,.adm-field select{font-size:.85rem;width:100%;border:1.5px solid var(--border-strong);border-radius:var(--r-sm);padding:6px 8px;background:var(--bg-card);color:var(--text-primary)}.adm-field input:focus,.adm-field select:focus{outline:none;border-color:var(--brand)}.adm-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.adm-form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.adm-role-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--r-full);font-size:.68rem;font-weight:700;white-space:nowrap}.adm-role-admin{background:#fef2f2;color:#dc2626}.adm-role-logistica{background:#eff6ff;color:#2563eb}.adm-role-vendedor{background:#f0fdf4;color:#16a34a}.adm-role-produccion{background:#fff7ed;color:#ea580c}.adm-role-administrativo{background:#faf5ff;color:#7c3aed}.adm-perm-section{padding:14px;overflow-y:auto}.adm-perm-note{font-size:.8rem;color:var(--text-muted);margin:0 0 12px}.adm-perm-wrap{overflow-x:auto}.adm-perm-table{width:100%;border-collapse:collapse;font-size:.78rem}.adm-perm-table th{padding:6px 10px;text-align:center;font-size:.72rem;font-weight:700;color:var(--text-muted);border-bottom:1.5px solid var(--border);white-space:nowrap}.adm-perm-table th:first-child{text-align:left}.adm-perm-module{padding:6px 10px;font-weight:600;color:var(--text-primary);white-space:nowrap}.adm-perm-cell{text-align:center;padding:5px 8px;border-bottom:1px solid var(--border)}.adm-perm-yes{color:#16a34a;font-weight:700;font-size:.9rem}.adm-perm-no{color:var(--text-muted)}@media(max-width:900px){.adm-layout{grid-template-columns:1fr}.adm-left{height:260px;border-right:none;border-bottom:1.5px solid var(--border)}}.ventas-status-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:var(--r-sm);border:1.5px solid;font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--t)}.ventas-status-btn:hover:not(:disabled){filter:brightness(.92)}.ventas-status-btn:disabled{opacity:.5;cursor:not-allowed}.ventas-error-msg{font-size:.82rem;color:#be123c;background:#fff1f2;border:1px solid #fda4af;border-radius:var(--r-sm);padding:8px 12px}@media(max-width:900px){.ventas-layout{grid-template-columns:1fr}.ventas-list-panel{height:280px;border-right:none;border-bottom:1.5px solid var(--border)}}.route-control-bar{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 20px;box-shadow:var(--shadow-sm)}.route-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.route-chip{padding:4px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--bg-muted);color:var(--text-secondary);font-size:.78rem;font-weight:700;cursor:pointer;transition:all var(--t);font-family:var(--font);letter-spacing:.02em}.route-chip:hover{border-color:var(--brand-light);color:var(--brand);background:var(--bg-card)}.route-chip--active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 2px 8px #0d948840}.route-split{display:grid;grid-template-columns:340px 1fr;gap:16px;align-items:start}.route-split-list,.route-split-map{min-width:0}@media(max-width:900px){.route-split{grid-template-columns:1fr}}.pwd-strength{margin-top:6px}.pwd-bar-track{height:4px;border-radius:99px;background:var(--border);overflow:hidden;margin-bottom:6px}.pwd-bar-fill{height:100%;border-radius:99px;transition:width .3s ease,background .3s ease}.pwd-bar-weak{background:#dc2626}.pwd-bar-fair{background:#f59e0b}.pwd-bar-strong{background:#16a34a}.pwd-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.pwd-rule-ok{font-size:.74rem;color:#16a34a}.pwd-rule-fail{font-size:.74rem;color:var(--text-muted)}.login-mfa-hint{font-size:.82rem;color:var(--text-secondary);margin:0 0 12px;text-align:center}.mfa-code-input-login{width:100%;font-size:1.5rem;letter-spacing:.3em;text-align:center;padding:10px;border:2px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-card);color:var(--text-primary);font-variant-numeric:tabular-nums}.mfa-code-input-login:focus{outline:none;border-color:var(--accent)}.login-back{display:block;text-align:center;width:100%;margin-top:4px;font-size:.82rem;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:4px}.login-back:hover{color:var(--text-primary)}.sb-user-info--btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;flex:1;min-width:0;text-align:left;padding:0;border-radius:var(--r-sm)}.sb-user-info--btn:hover{background:var(--bg-hover)}.sb-user-text{display:flex;flex-direction:column;flex:1;min-width:0}.sb-mfa-warn{font-size:.8rem;color:#f59e0b;flex-shrink:0}.sb-mfa-ok{font-size:.8rem;flex-shrink:0}.sb-user-settings-icon{flex-shrink:0;color:var(--text-muted)}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.profile-modal{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-md);padding:24px;min-width:360px;max-width:460px;width:100%;box-shadow:0 12px 40px #0000002e;animation:slideUp .18s ease}.profile-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.profile-modal-header h2{margin:0;font-size:1rem;font-weight:700}.profile-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:1rem;padding:2px 6px;border-radius:var(--r-sm)}.profile-close:hover{color:var(--text-primary);background:var(--bg-hover)}.profile-info{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.profile-info-row{display:flex;align-items:center;gap:8px;font-size:.85rem}.profile-label{color:var(--text-muted);min-width:60px}.profile-section h3{font-size:.88rem;font-weight:700;margin:0 0 12px}.profile-hint{font-size:.82rem;color:var(--text-secondary);margin:0 0 10px;line-height:1.5}.profile-error{font-size:.82rem;color:#be123c;background:#fff1f2;border:1px solid #fda4af;border-radius:var(--r-sm);padding:8px 10px;margin:0 0 10px}.profile-success{font-size:.82rem;color:#166534;background:#f0fdf4;border:1px solid #86efac;border-radius:var(--r-sm);padding:8px 10px;margin:0 0 10px}.mfa-badge-active{font-size:.78rem;font-weight:700;color:#166534;background:#dcfce7;padding:2px 8px;border-radius:99px}.mfa-badge-inactive{font-size:.78rem;font-weight:600;color:#92400e;background:#fef3c7;padding:2px 8px;border-radius:99px}.mfa-active-hint{color:#166534}.mfa-setup-box{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--bg-page);border-radius:var(--r-sm);border:1px solid var(--border)}.mfa-qr-canvas{align-self:center;border-radius:var(--r-sm);border:4px solid #fff}.mfa-secret-label{word-break:break-all}.mfa-secret-code{font-family:monospace;font-size:.78rem;letter-spacing:.08em;background:var(--bg-card);padding:2px 6px;border-radius:4px;border:1px solid var(--border)}.mfa-code-input{width:100%;font-size:1.4rem;letter-spacing:.3em;text-align:center;padding:8px;border:2px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-card);color:var(--text-primary);font-variant-numeric:tabular-nums}.mfa-code-input:focus{outline:none;border-color:var(--accent)}.mfa-setup-actions{display:flex;gap:8px}.mfa-badge-admin-on{font-size:.72rem;font-weight:700;color:#166534;background:#dcfce7;padding:1px 6px;border-radius:99px;white-space:nowrap}.mfa-badge-admin-warn{font-size:.72rem;font-weight:700;color:#92400e;background:#fef3c7;padding:1px 6px;border-radius:99px;white-space:nowrap}.mfa-badge-admin-off{font-size:.72rem;color:var(--text-muted)}.adm-icon-btn--warn{color:#b45309}.adm-icon-btn--warn:hover{background:#fef3c7;color:#92400e}.adm-mfa-confirm{display:flex;align-items:center;gap:6px;background:#fff7ed;border:1px solid #fed7aa;border-radius:var(--r-sm);padding:4px 8px;flex-wrap:wrap}.adm-mfa-confirm-label{font-size:.75rem;color:#92400e;font-weight:600;flex:1}.btn-xs{padding:2px 8px;font-size:.75rem}.btn-danger{background:#dc2626;color:#fff;border-color:#dc2626}.btn-danger:hover{background:#b91c1c}.btn-danger-outline{border:1.5px solid #dc2626;color:#dc2626;background:none;border-radius:var(--r-sm);padding:6px 14px;font-size:.82rem;font-weight:600;cursor:pointer}.btn-danger-outline:hover{background:#fff1f2}.btn-ghost{background:none;border:1.5px solid var(--border-strong);color:var(--text-secondary);border-radius:var(--r-sm);padding:6px 14px;font-size:.82rem;font-weight:600;cursor:pointer}.btn-ghost:hover{background:var(--bg-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}