:root{--brand-orange: #F74211;--primary-action: #065D63;--primary-action-hover: #055257;--primary-action-light: #E8F5F6;--attention: #F4B42D;--attention-light: #FFF8E7;--text-structure: #2E3A45;--text-secondary: #6B7A85;--text-muted: #9AA5B0;--surface: #FFFFFF;--surface-elevated: #F8F9FA;--surface-hover: #F0F2F4;--border: #E2E6EA;--border-light: #ECEEF1;--success: #065D63;--success-light: #E8F5F6;--warning: #F4B42D;--warning-light: #FFF8E7;--danger: #D32F2F;--danger-light: #FDECEA;--info: #1565C0;--info-light: #E3F2FD;--mesa-libre: #E8F5F6;--mesa-libre-border: #065D63;--mesa-ocupada: #FFF8E7;--mesa-ocupada-border: #F4B42D;--mesa-atencion: #FDECEA;--mesa-atencion-border: #D32F2F;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--header-height: 64px;--nav-width: 200px;--nav-width-collapsed: 64px;--context-panel-width: 340px;--action-bar-height: 72px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .25s ease;--depth-0: none;--depth-1: 0 1px 3px rgba(0,0,0,.06);--depth-2: 0 4px 12px rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--text-structure);background:var(--surface-elevated);line-height:1.4;-webkit-font-smoothing:antialiased}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none;background:none;color:inherit}input,select,textarea{font-family:var(--font-family);outline:none;border:none;background:none;color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d0d4d8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b0b4b8}.ros-app{display:grid;grid-template-rows:var(--header-height) 1fr var(--action-bar-height);grid-template-columns:auto 1fr var(--context-panel-width);grid-template-areas:"header  header   header" "nav     workspace context" "action  action   action";height:100vh;width:100vw;transition:grid-template-columns var(--transition-normal)}.ros-app.sidebar-collapsed{grid-template-columns:var(--nav-width-collapsed) 1fr var(--context-panel-width)}.header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-6);background:var(--surface);border-bottom:1px solid var(--border);z-index:10}.header-left{display:flex;align-items:center;gap:var(--sp-6)}.brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:var(--text-structure);letter-spacing:-.3px}.brand-icon{width:28px;height:28px;background:var(--brand-orange);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}.header-info{display:flex;align-items:center;gap:var(--sp-4);font-size:var(--font-size-sm);color:var(--text-secondary)}.header-info span{display:flex;align-items:center;gap:var(--sp-1)}.header-divider{width:1px;height:20px;background:var(--border)}.header-right{display:flex;align-items:center;gap:var(--sp-4)}.sync-status{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--font-size-xs);color:var(--success);padding:var(--sp-1) var(--sp-2);background:var(--success-light);border-radius:4px}.sync-dot{width:6px;height:6px;background:var(--success);border-radius:50%}.header-clock{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-structure)}.header-avatar{width:32px;height:32px;background:var(--primary-action);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.navigation{grid-area:nav;background:var(--surface);border-right:1px solid var(--border);padding:var(--sp-3) 0;display:flex;flex-direction:column;overflow-y:auto;width:var(--nav-width);transition:width var(--transition-normal)}.navigation.collapsed{width:var(--nav-width-collapsed)}.navigation.collapsed .nav-label,.navigation.collapsed .nav-item span,.navigation.collapsed .nav-item-badge{display:none}.navigation.collapsed .nav-item{justify-content:center;padding:var(--sp-3) 0}.nav-toggle{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);margin:0 var(--sp-2) var(--sp-2);border-radius:8px;cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-muted);min-height:44px}.nav-toggle:hover{background:var(--surface-hover);color:var(--text-structure)}.navigation.collapsed .nav-toggle{justify-content:center;padding:var(--sp-3) 0}.nav-label{padding:0 var(--sp-4);margin-bottom:var(--sp-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);margin:0 var(--sp-2);border-radius:8px;cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);min-height:44px}.nav-item:hover{background:var(--surface-hover);color:var(--text-structure)}.nav-item.active{background:var(--primary-action-light);color:var(--primary-action)}.nav-item-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-item-badge{margin-left:auto;background:var(--attention);color:var(--text-structure);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:1px 6px;border-radius:10px;min-width:20px;text-align:center}.nav-spacer{flex:1}.workspace{grid-area:workspace;background:var(--surface-elevated);position:relative;display:flex;flex-direction:column;min-height:0;min-width:0}.workspace-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-6);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.workspace-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-structure)}.workspace-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px}.workspace-actions{display:flex;align-items:center;gap:var(--sp-2)}.workspace-views{display:flex;gap:0;padding:0 var(--sp-6);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.view-tab{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast)}.view-tab:hover{color:var(--text-structure);background:var(--surface-hover)}.view-tab.active{color:var(--primary-action);border-bottom-color:var(--primary-action)}.context-panel{grid-area:context;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.context-panel--empty{display:flex;align-items:center;justify-content:center}.context-panel-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);color:var(--text-muted);text-align:center;padding:var(--sp-6)}.context-panel-empty-icon{font-size:32px;opacity:.5}.context-panel-empty-text{font-size:var(--font-size-sm)}.context-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-4);border-bottom:1px solid var(--border);flex-shrink:0}.context-panel-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-structure)}.context-panel-subtitle{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:2px}.context-panel-body{flex:1;overflow-y:auto;padding:var(--sp-3)}.context-panel-footer{padding:var(--sp-4);border-top:1px solid var(--border);flex-shrink:0}.action-bar{grid-area:action;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-6);min-height:var(--action-bar-height)}.action-bar--empty{background:var(--surface-elevated);border-top:1px solid var(--border-light)}.action-bar-left,.action-bar-center,.action-bar-right{display:flex;align-items:center;gap:var(--sp-3)}.action-bar-left{flex:1}.action-bar-center{flex:0 0 auto}.action-bar-right{flex:1;justify-content:flex-end}.order-panel{display:flex;flex-direction:column;height:100%}.order-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4);border-bottom:1px solid var(--border);flex-shrink:0}.order-panel-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-structure)}.order-panel-items{flex:1;overflow-y:auto;min-height:0}.order-panel-footer{padding:var(--sp-4);border-top:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:var(--sp-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:8px;transition:all var(--transition-fast);white-space:nowrap;min-height:40px}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:var(--font-size-xs);min-height:28px;border-radius:6px}.btn-lg{padding:var(--sp-4) var(--sp-6);font-size:var(--font-size-lg);min-height:48px}.btn-primary{background:var(--primary-action);color:#fff}.btn-primary:hover{background:var(--primary-action-hover)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:var(--primary-action-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b71c1c}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text-structure)}.btn-brand{background:var(--brand-orange);color:#fff}.btn-brand:hover{background:#d63800}.customer-main{display:flex;flex-direction:column;min-height:0;padding:var(--sp-4) var(--sp-6) var(--sp-6);gap:var(--sp-4)}.customer-search-bar{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);border:1px solid var(--border);border-radius:10px;background:var(--surface)}.customer-search-input{width:100%;min-height:46px;padding:0 var(--sp-4);border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--text-structure);font-size:var(--font-size-sm)}.customer-search-input:focus{border-color:var(--primary-action);box-shadow:0 0 0 3px #065d631f}.customer-search-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:var(--font-size-xs);color:var(--text-muted)}.customer-alert{padding:var(--sp-3) var(--sp-4);border-radius:8px;border:1px solid var(--danger);background:var(--danger-light);color:var(--text-structure)}.customer-alert-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.customer-alert-text{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:2px}.customer-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-2)}.customer-result-card{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:10px;text-align:left;transition:all var(--transition-fast)}.customer-result-card:hover{border-color:var(--primary-action);box-shadow:var(--depth-1)}.customer-result-card.active{border-color:var(--primary-action);background:var(--primary-action-light)}.customer-avatar{width:40px;height:40px;border-radius:50%;background:var(--surface-hover);color:var(--text-structure);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0}.customer-result-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.customer-result-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.customer-result-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-structure);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-result-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--font-size-xs);color:var(--text-muted)}.customer-empty-panel{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:var(--sp-6);border:1px dashed var(--border);border-radius:10px;background:var(--surface-elevated);color:var(--text-secondary);text-align:center;gap:var(--sp-2)}.customer-empty-panel-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-structure)}.customer-empty-panel-text{font-size:var(--font-size-sm)}.customer-empty-panel-note{font-size:var(--font-size-xs);color:var(--text-muted)}.customer-profile,.customer-section,.customer-contact-card,.customer-order-card{border:1px solid var(--border);border-radius:10px;background:var(--surface)}.customer-profile{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}.customer-profile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}.customer-profile-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-structure)}.customer-profile-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px}.customer-segment{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--surface-hover);color:var(--text-secondary);white-space:nowrap}.customer-segment.vip{background:var(--attention-light);color:#8a6100}.customer-segment.returning{background:var(--primary-action-light);color:var(--primary-action)}.customer-segment.new{background:var(--info-light);color:var(--info)}.customer-segment.at_risk{background:var(--danger-light);color:var(--danger)}.customer-segment.churned{background:var(--surface-hover);color:var(--text-muted)}.customer-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}.customer-kpi{padding:var(--sp-3);border-radius:8px;background:var(--surface-elevated);border:1px solid var(--border-light);display:flex;flex-direction:column;gap:2px}.customer-kpi-label{font-size:var(--font-size-xs);color:var(--text-muted)}.customer-kpi strong{font-size:var(--font-size-sm);color:var(--text-structure)}.customer-section{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.customer-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-structure)}.customer-contact-card{padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.customer-contact-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:var(--font-size-sm)}.customer-contact-row span{color:var(--text-muted)}.customer-contact-row strong{color:var(--text-structure);font-weight:var(--font-weight-medium);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-orders-list{display:flex;flex-direction:column;gap:var(--sp-2)}.customer-order-card{padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.customer-order-card.active{border-color:var(--primary-action);background:var(--primary-action-light)}.customer-order-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.customer-order-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--font-size-xs);color:var(--text-muted)}.customer-order-items{font-size:var(--font-size-xs);color:var(--text-secondary)}.customer-action-stack{display:flex;gap:var(--sp-2);flex-wrap:wrap}.customer-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.customer-modal{width:480px;max-width:90vw;max-height:90vh;overflow-y:auto;background:var(--surface);border-radius:12px;box-shadow:0 8px 32px #0003}.customer-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border)}.customer-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-structure)}.customer-form{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.customer-form-field{display:flex;flex-direction:column;gap:var(--sp-1)}.customer-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.customer-form-input{width:100%;min-height:42px;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--text-structure);font-size:var(--font-size-sm)}.customer-form-input:focus{border-color:var(--primary-action);box-shadow:0 0 0 3px #065d631f;outline:none}.customer-form-actions{display:flex;justify-content:flex-end;gap:var(--sp-2);padding-top:var(--sp-2)}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:var(--sp-3)}.timeline-marker{display:flex;flex-direction:column;align-items:center;width:16px;flex-shrink:0;padding-top:4px}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--border);flex-shrink:0}.timeline-item.latest .timeline-dot{width:12px;height:12px;background:var(--primary-action);border:2px solid var(--primary-action-light)}.timeline-line{width:2px;flex:1;background:var(--border-light);margin-top:4px}.timeline-card{flex:1;padding:var(--sp-3);border:1px solid var(--border);border-radius:8px;background:var(--surface);margin-bottom:var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-1)}.timeline-card.active{border-color:var(--primary-action);background:var(--primary-action-light)}.timeline-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:var(--font-size-sm)}.timeline-card-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--font-size-xs);color:var(--text-muted)}.timeline-card-items{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.timeline-item-tag{font-size:11px;padding:1px 6px;border-radius:4px;background:var(--surface-elevated);color:var(--text-secondary);border:1px solid var(--border-light)}.timeline-item-tag.muted{color:var(--text-muted);background:transparent}.salon-content{padding:var(--sp-6)}.sector{margin-bottom:var(--sp-8)}.sector-header{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:var(--sp-3);padding-left:var(--sp-1)}.sector-grid{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.mesa{width:100px;height:80px;border-radius:10px;border:2px solid var(--border);background:var(--surface);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative;min-width:44px;min-height:44px}.mesa:hover{border-color:var(--primary-action);box-shadow:var(--depth-1);transform:translateY(-1px)}.mesa.libre{border-color:var(--mesa-libre-border);background:var(--mesa-libre)}.mesa.ocupada{border-color:var(--mesa-ocupada-border);background:var(--mesa-ocupada)}.mesa.atencion{border-color:var(--mesa-atencion-border);background:var(--mesa-atencion)}.mesa.seleccionada{border-color:var(--primary-action);background:var(--primary-action);color:#fff;box-shadow:0 0 0 3px #065d6333}.mesa-number{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1}.mesa-time{position:absolute;top:4px;right:6px;font-size:10px;color:var(--text-muted);font-weight:var(--font-weight-medium)}.mesa-info{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1}.mesa.seleccionada .mesa-info{color:#fffc}.mesa.seleccionada .mesa-time{color:#ffffffb3}.category-tabs{display:flex;gap:var(--sp-2);padding:var(--sp-4) var(--sp-6) 0;overflow-x:auto;flex-shrink:0}.category-tab{padding:var(--sp-2) var(--sp-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);border-radius:20px;border:1px solid var(--border);background:var(--surface);white-space:nowrap;transition:all var(--transition-fast);cursor:pointer}.category-tab:hover{border-color:var(--text-secondary);color:var(--text-structure)}.category-tab.active{background:var(--primary-action);color:#fff;border-color:var(--primary-action)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:min-content;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6)}.product-item{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all var(--transition-fast)}.product-item:hover{border-color:var(--primary-action);box-shadow:var(--depth-1)}.product-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-structure)}.product-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-action)}.product-desc{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.order-items{display:flex;flex-direction:column;gap:1px}.order-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:6px;transition:background var(--transition-fast)}.order-item:hover{background:var(--surface-hover)}.order-item-name{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.order-item-qty{display:flex;align-items:center;gap:var(--sp-2)}.order-item-qty button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:var(--surface-elevated);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-structure);transition:background var(--transition-fast)}.order-item-qty button:hover{background:var(--surface-hover)}.order-item-total{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:50px;text-align:right}.order-item-remove{padding:var(--sp-1);color:var(--text-muted);font-size:var(--font-size-xs);border-radius:4px}.order-item-remove:hover{color:var(--danger);background:var(--danger-light)}.order-item-card{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:6px;transition:background var(--transition-fast)}.order-item-card:hover{background:var(--surface-hover)}.order-item-main{flex:1;min-width:0}.order-item-top{display:flex;align-items:center;gap:var(--sp-2)}.order-item-modifiers{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.order-item-modifier{font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--surface-elevated);padding:1px 6px;border-radius:4px}.order-item-notes{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic;margin-top:4px}.order-item-actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.order-summary{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.order-total-row{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2) 0}.order-total-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.order-total-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-structure)}.order-total-grand{border-top:1px solid var(--border);padding-top:var(--sp-3);margin-top:var(--sp-2)}.order-total-grand .order-total-value{color:var(--primary-action);font-size:var(--font-size-2xl)}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.search-modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:480px;max-height:70vh;display:flex;flex-direction:column;box-shadow:var(--depth-2)}.search-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border)}.search-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.search-input-wrap{padding:var(--sp-3) var(--sp-6);border-bottom:1px solid var(--border)}.search-input{width:100%;padding:var(--sp-3) var(--sp-4);background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-structure);font-size:var(--font-size-base);font-family:var(--font-family)}.search-input:focus{border-color:var(--primary-action)}.search-results{flex:1;overflow:auto;padding:var(--sp-2)}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-radius:6px;cursor:pointer;transition:background var(--transition-fast)}.search-result-item:hover{background:var(--surface-hover)}.search-result-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.search-result-detail{font-size:var(--font-size-xs);color:var(--text-muted)}.search-empty{padding:var(--sp-12);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.payment-method{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-4);background:var(--surface);border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all var(--transition-fast);text-align:center}.payment-method:hover{border-color:var(--text-secondary);background:var(--surface-hover)}.payment-method.selected{border-color:var(--primary-action);background:var(--primary-action-light)}.payment-method-icon{font-size:28px}.payment-method-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.payment-method-desc{font-size:var(--font-size-xs);color:var(--text-muted)}.orders-list{display:flex;flex-direction:column;gap:var(--sp-3)}.order-card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:all var(--transition-fast)}.order-card:hover{border-color:var(--primary-action);box-shadow:var(--depth-1)}.order-card-main{flex:1;min-width:0}.order-card-header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:2px}.order-card-id{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.order-card-time{font-size:var(--font-size-xs);color:var(--text-muted)}.order-card-items{font-size:var(--font-size-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-card-total{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-action);white-space:nowrap}.order-card-actions{display:flex;gap:var(--sp-2)}.status-badge{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 8px;border-radius:10px}.status-badge.pending{background:var(--warning-light);color:#b8860b}.status-badge.confirmed{background:var(--info-light);color:var(--info)}.status-badge.preparing{background:var(--attention-light);color:#b8860b}.status-badge.ready{background:var(--success-light);color:var(--primary-action)}.status-badge.delivered{background:var(--surface-hover);color:var(--text-muted)}.status-badge.cancelled{background:var(--danger-light);color:var(--danger)}.status-badge.paid{background:var(--success-light);color:var(--primary-action)}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot.green{background:var(--success)}.status-dot.yellow{background:var(--warning)}.status-dot.red{background:var(--danger)}.status-dot.gray{background:var(--text-muted)}.feature-disabled{opacity:.35;pointer-events:none;cursor:not-allowed;position:relative}.feature-disabled-tooltip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--text-structure);color:#fff;font-size:10px;font-weight:600;padding:4px 10px;border-radius:6px;white-space:nowrap;z-index:10}.delivery-card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:all var(--transition-fast)}.delivery-card:hover{border-color:var(--primary-action)}.delivery-avatar{width:40px;height:40px;border-radius:8px;background:var(--primary-action);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg);flex-shrink:0}.delivery-info{flex:1;min-width:0}.delivery-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.delivery-meta{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.handoff-code{display:inline-flex;align-items:center;justify-content:center;padding:var(--sp-4) var(--sp-8);background:var(--attention-light);border:2px dashed var(--attention);border-radius:10px;font-size:32px;font-weight:700;font-family:var(--font-family);letter-spacing:.15em;color:var(--text-structure)}.command-card{padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:10px}.command-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.command-table{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.command-items{display:flex;flex-direction:column;gap:2px}.command-item{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--font-size-sm)}.command-item-qty{font-weight:700;color:var(--primary-action);min-width:24px}.toast-container{position:fixed;top:var(--sp-4);right:var(--sp-4);z-index:200;display:flex;flex-direction:column;gap:var(--sp-2)}.toast{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--depth-2);animation:slideIn .2s ease-out;min-width:280px}.toast.success{border-left:3px solid var(--success)}.toast.warning{border-left:3px solid var(--warning)}.toast.error{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--info)}.toast-message{flex:1;font-size:var(--font-size-sm)}.toast-close{padding:var(--sp-1);color:var(--text-muted);font-size:16px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.pcp-config{overflow-y:auto;padding:var(--sp-4) var(--sp-6);min-width:0;flex:1}.pcp-groups-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-top:var(--sp-3);align-content:start}.pcp-group-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.pcp-required-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--danger);background:var(--danger-light);padding:1px 6px;border-radius:4px}.pcp-option{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-3);border-radius:8px;cursor:pointer;background:var(--surface);border:1px solid var(--border);transition:all var(--transition-fast);min-height:40px}.pcp-option:hover{border-color:var(--text-secondary);background:var(--surface-hover)}.pcp-option.selected{background:var(--primary-action-light);border-color:var(--primary-action)}.pcp-option-price{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--primary-action);flex-shrink:0}.pcp-radio{width:16px;height:16px;border:2px solid var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.pcp-radio.single{border-radius:50%}.pcp-radio.multi{border-radius:3px}.pcp-radio.checked{border-color:var(--primary-action);background:var(--primary-action)}.pcp-radio-dot{width:6px;height:6px;background:#fff;border-radius:50%}.pcp-radio.multi .pcp-radio-dot{border-radius:1px}.pcp-summary{background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.pcp-summary-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4);border-bottom:1px solid var(--border);flex-shrink:0}.pcp-summary-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-structure)}.pcp-summary-body{flex:1;overflow-y:auto;padding:var(--sp-3)}.pcp-summary-group{margin-bottom:var(--sp-3)}.pcp-summary-group-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sp-1)}.pcp-summary-item{font-size:var(--font-size-sm);color:var(--text-structure);padding:var(--sp-1) 0;display:flex;align-items:center;gap:var(--sp-2)}.pcp-summary-item-dot{width:4px;height:4px;background:var(--primary-action);border-radius:50%;flex-shrink:0}.pcp-summary-empty{font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic;padding:var(--sp-2) 0}.pcp-summary-divider{height:1px;background:var(--border);margin:var(--sp-3) 0}.pcp-summary-total{padding:var(--sp-4);border-top:1px solid var(--border);flex-shrink:0}.pcp-summary-total-row{display:flex;align-items:center;justify-content:space-between}.pcp-summary-total-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.pcp-summary-total-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--primary-action)}.pcp-summary-quantity{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) 0}.pcp-summary-quantity-controls{display:flex;align-items:center;gap:var(--sp-3)}.pcp-summary-qty-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--surface-elevated);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-structure);transition:background var(--transition-fast);cursor:pointer;border:1px solid var(--border)}.pcp-summary-qty-btn:hover{background:var(--surface-hover)}.pcp-summary-qty-value{min-width:24px;text-align:center;font-weight:600;font-size:var(--font-size-lg)}.pcp-notes{margin-top:var(--sp-3)}.pcp-notes textarea{width:100%;min-height:60px;resize:vertical;margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-structure);font-size:var(--font-size-sm);font-family:var(--font-family)}.pcp-notes textarea:focus{border-color:var(--primary-action)}.pcp-action-bar{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;display:flex;gap:var(--sp-3)}.pcp-action-bar .btn{flex:1}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary-action);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-12);color:var(--text-muted);font-size:var(--font-size-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-12);color:var(--text-muted);text-align:center}.empty-state-icon{font-size:40px;margin-bottom:var(--sp-2)}.empty-state-text{font-size:var(--font-size-sm)}.divider{height:1px;background:var(--border);margin:var(--sp-4) 0}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.p-4{padding:var(--sp-4)}.p-6{padding:var(--sp-6)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-sm{font-size:var(--font-size-sm)}.font-bold{font-weight:var(--font-weight-semibold)}.overflow-auto{overflow:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.turno-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.turno-stat{background:var(--surface);border-radius:8px;border:1px solid var(--border);padding:12px;text-align:center}.turno-stat-num{font-size:20px;font-weight:600;color:var(--primary-action)}.turno-stat-label{font-size:10px;color:var(--text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.3px}.gateway-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.gateway-filter{padding:6px 12px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s ease}.gateway-filter:hover{border-color:var(--primary-action);color:var(--primary-action)}.gateway-filter.active{border-color:var(--primary-action);background:var(--primary-action);color:#fff}.gateway-filter-count{margin-left:4px;padding:1px 6px;background:#fff3;border-radius:10px;font-size:10px}.gateway-filter.active .gateway-filter-count{background:#ffffff4d}.gateway-stats{display:flex;gap:20px;font-size:12px;color:var(--text-secondary)}.gateway-stat{display:flex;align-items:center;gap:6px}.stat-dot{width:8px;height:8px;border-radius:50%}.stat-dot.urgent{background:var(--danger)}.stat-dot.pending{background:var(--attention)}.stat-dot.paid{background:var(--success)}.socket-status{display:flex;align-items:center;gap:6px;font-size:11px;padding:4px 10px;border-radius:20px}.socket-status.connected{background:var(--success-light);color:var(--success)}.socket-status.disconnected{background:var(--danger-light);color:var(--danger)}.socket-status .dot{width:6px;height:6px;border-radius:50%}.socket-status.connected .dot{background:var(--success)}.socket-status.disconnected .dot{background:var(--danger)}.auto-confirm-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.toggle-switch{width:36px;height:20px;background:var(--border);border-radius:10px;position:relative;cursor:pointer;transition:all .15s ease;display:inline-block;vertical-align:middle}.toggle-switch.active{background:var(--success)}.toggle-switch:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .15s ease}.toggle-switch.active:after{left:18px}.order-card.urgent{border-left:3px solid var(--danger)}.order-card-source{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:16px;flex-shrink:0}.order-card-source.delivery{background:#fff7ed}.order-card-source.pickup{background:#ecfdf5}.order-card-source.marketplace{background:#f3e8ff}.order-card-source.app{background:#e0e7ff}.order-card-title{font-size:14px;font-weight:600;color:var(--text-structure)}.order-card-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--text-secondary)}.order-card-meta span{display:flex;align-items:center;gap:4px}.order-card-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px}.order-card-time{font-size:12px;color:var(--text-secondary)}.order-card-time.urgent{color:var(--danger);font-weight:600}