@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700&display=swap";.navbar{background-color:var(--navbar-bg,white);height:64px;color:var(--navbar-text,#0f172a);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;width:100%;padding:0 24px;display:flex;box-shadow:0 1px 3px #0000000d}.navbar-left{align-items:center;gap:14px;display:flex}.menu-toggle-btn{color:var(--navbar-text,var(--text-secondary));cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.menu-toggle-btn:hover{color:#1e293b;background-color:#f1f5f9}.tenant-title{color:var(--navbar-text,#1e293b);margin:0;font-weight:800;font-size:18px!important}.schema-badge-pill{letter-spacing:-.01em;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:9999px;align-items:center;gap:10px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 10px #0000000a}.schema-badge-pill:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000014}.schema-badge-dot{border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseDot;display:inline-block}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.schema-badge-icon{justify-content:center;align-items:center;display:flex}.schema-badge-label{align-items:center;gap:6px;display:flex}.schema-badge-prefix{opacity:.75;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500}.schema-badge-title{font-size:13px;font-weight:700}.schema-theme-blue{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#93c5fd}.schema-theme-blue .schema-badge-dot{background-color:#2563eb;box-shadow:0 0 8px #2563eb99}.schema-theme-green{color:#15803d;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#86efac}.schema-theme-green .schema-badge-dot{background-color:#16a34a;box-shadow:0 0 8px #16a34a99}.schema-theme-orange{color:#c2410c;background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border-color:#fdba74}.schema-theme-orange .schema-badge-dot{background-color:#ea580c;box-shadow:0 0 8px #ea580c99}.schema-theme-purple{color:#7e22ce;background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);border-color:#d8b4fe}.schema-theme-purple .schema-badge-dot{background-color:#9333ea;box-shadow:0 0 8px #9333ea99}.navbar-right{align-items:center;display:flex}.user-profile{position:relative}.user-profile-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:8px 14px;transition:all .25s;display:flex}.user-profile-btn:hover{background-color:#f8fafc;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}.avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #2563eb4d}.user-info{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.username{color:var(--navbar-text,#1e293b);font-size:14px;font-weight:700;line-height:1.2}.role-badge{color:#94a3b8;margin-top:3px;font-size:11px;font-weight:500;line-height:1.2}.dropdown-icon{color:#94a3b8;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dropdown-icon.open{transform:rotate(180deg)}.profile-dropdown{z-index:50;transform-origin:100% 0;background-color:#fff;border-radius:16px;width:260px;padding:8px;animation:.25s cubic-bezier(.16,1,.3,1) dropdownIn;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 20px 60px -15px #00000026,0 10px 20px -10px #00000014,0 0 0 1px #0000000a}@keyframes dropdownIn{0%{opacity:0;transform:scale(.95)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.dropdown-header{background:linear-gradient(135deg,#f8faff,#f1f5f9);border-radius:12px;margin-bottom:8px;padding:16px}.dropdown-name{color:#0f172a;margin:0;font-size:15px;font-weight:700}.dropdown-role{color:#64748b;margin:4px 0 0;font-size:12px;font-weight:500}.dropdown-divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);height:1px;margin:4px 12px}.dropdown-item{cursor:pointer;color:#475569;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.dropdown-item:hover{color:#1e293b;background-color:#f1f5f9;transform:translate(2px)}.dropdown-item:hover svg{transform:scale(1.1)}.dropdown-item svg{flex-shrink:0;transition:transform .2s}.dropdown-item.text-red{color:#ef4444}.dropdown-item.text-red:hover{color:#dc2626;background-color:#fef2f2}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:24px}.password-modal .modal-body{padding:24px}@media (width<=768px){.schema-badge-pill{display:none}.user-info,.dropdown-icon{display:none!important}.user-profile-btn{gap:0!important;padding:4px!important}.navbar{padding:0 8px;position:relative}.tenant-title{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100vw - 120px);font-weight:800;position:absolute;overflow:hidden;margin:0!important;font-size:16px!important;line-height:1!important;top:10px!important;left:52px!important}.erp-badges-container{position:absolute;gap:2px!important;top:32px!important;left:52px!important}.erp-badge{border-radius:4px!important;gap:4px!important;height:20px!important;padding:2px 6px!important}.erp-badge>div:first-child{padding:1px!important}.erp-badge svg{width:12px!important;height:12px!important}.erp-badge span:first-of-type{display:none!important}.erp-badge span:last-of-type{max-width:50px!important;font-size:9px!important;line-height:1!important}.avatar{border-radius:8px!important;width:28px!important;height:28px!important}.avatar svg{width:14px!important;height:14px!important}}:root{--primary-color:#ff7b00;--primary-hover:#e66e00;--secondary-color:#10b981;--bg-color:#f3f4f6;--surface-color:#fff;--text-main:#1f2937;--text-muted:#6b7280;--border-color:#e5e7eb;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-family:Outfit,sans-serif}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--surface-color);border-right:1px solid var(--border-color);width:300px;box-shadow:var(--shadow-sm);z-index:10;flex-direction:column;align-items:center;padding:24px 0;transition:width .3s;display:flex;overflow-y:auto}.sidebar.closed{width:80px}.sidebar.closed:hover{width:300px}.sidebar .logo-icon{object-fit:contain;width:150px;max-width:90%;height:auto;margin-bottom:40px}.nav-item{width:100%;color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;padding:16px 24px;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.nav-item:hover,.nav-item.active{color:var(--primary-color);background-color:#ff7b000d}.nav-item.active:before{content:"";background-color:var(--primary-color);border-radius:0 4px 4px 0;width:4px;position:absolute;top:0;bottom:0;left:0}.nav-item svg{min-width:24px;margin-right:16px}.nav-text{opacity:1;font-weight:500;transition:opacity .3s}.sidebar.closed .nav-text{opacity:0}.sidebar.closed:hover .nav-text{opacity:1}.sidebar.closed .nav-item,.sidebar.closed .sidebar-section-header{white-space:nowrap}.sidebar.closed:hover .nav-item,.sidebar.closed:hover .sidebar-section-header{white-space:normal}.sidebar-group-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);white-space:nowrap;opacity:1;align-items:center;margin:28px 24px 8px;font-size:11px;font-weight:700;transition:opacity .3s;display:flex}.sidebar-group-title:after{content:"";background:var(--border-color);flex:1;height:1px;margin-left:12px}.sidebar.closed .sidebar-group-title{opacity:0}.sidebar.closed:hover .sidebar-group-title{opacity:1}.main-layout{flex-direction:column;flex:1;display:flex;overflow:hidden}.navbar{background:var(--surface-color);border-bottom:1px solid var(--border-color);height:70px;box-shadow:var(--shadow-sm);z-index:50;justify-content:space-between;align-items:center;padding:0 32px;display:flex}.navbar h1{background:linear-gradient(135deg,#ff7b00,#ff4500);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:24px;font-weight:700}.content-area{flex:1;padding:24px;position:relative;overflow-y:auto}.table-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px;padding:20px 0;display:grid}.table-card{background:var(--surface-color);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-md);border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex;position:relative;overflow:hidden}.table-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.table-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:12px;font-size:24px;transition:all .3s;display:flex}.table-card.libre .table-icon{background:linear-gradient(135deg,#10b981,#059669)}.table-card.libre:hover{border-color:#10b981}.table-card.ocupada .table-icon{background:linear-gradient(135deg,#f59e0b,#d97706);animation:2s infinite pulse}.table-card.ocupada:hover{border-color:#f59e0b}@keyframes pulse{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.table-name{font-size:18px;font-weight:600}.table-status{text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:12px;font-weight:500}.table-card.libre .table-status{color:#10b981}.table-card.ocupada .table-status{color:#f59e0b}.order-interface{background:var(--bg-color);z-index:20;animation:.3s ease-out forwards slideIn;display:flex;position:absolute;inset:0}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.catalog-section{flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.catalog-header{align-items:center;margin-bottom:24px;display:flex}.back-btn{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:16px;transition:all .2s;display:flex}.back-btn:hover{background:var(--bg-color);transform:scale(1.05)}.categories-scroll{align-items:center;gap:12px;min-height:70px;margin-bottom:16px;padding:10px 4px 20px;display:flex;overflow:auto hidden}.categories-scroll::-webkit-scrollbar{height:6px}.categories-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.category-pill{background:var(--surface-color);border:1px solid var(--border-color);white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-sm);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 16px;font-weight:500;transition:all .2s;display:flex}.category-pill:hover{border-color:var(--primary-color);color:var(--primary-color)}.category-pill.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 10px #ff7b004d}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.product-card{background:var(--surface-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;border:1px solid var(--border-color);transition:all .3s;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-4px)}.product-image{object-fit:cover;width:100%;height:140px}.product-info{padding:16px}.product-name{margin-bottom:4px;font-size:15px;font-weight:600}.product-price{color:var(--primary-color);font-size:16px;font-weight:700}.cart-section{background:var(--surface-color);border-left:1px solid var(--border-color);flex-direction:column;width:350px;display:flex;box-shadow:-4px 0 15px #00000008}.cart-header{border-bottom:1px solid var(--border-color);padding:24px}.cart-header h2{margin-bottom:4px;font-size:20px}.cart-header p{color:var(--text-muted);font-size:14px}.cart-items{flex:1;padding:24px;overflow-y:auto}.cart-item{border-bottom:1px dashed var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.cart-item-info{flex:1}.cart-item-name{margin-bottom:4px;font-size:14px;font-weight:600}.cart-item-price{color:var(--text-muted);font-size:13px}.qty-controls{background:var(--bg-color);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:4px 8px;display:flex}.qty-btn{cursor:pointer;color:var(--text-main);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.qty-btn:hover{background:var(--surface-color)}.cart-footer{background:var(--surface-color);border-top:1px solid var(--border-color);padding:24px}.cart-total{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:18px;font-weight:700;display:flex}.checkout-btn{background:linear-gradient(135deg, var(--primary-color), var(--primary-hover));color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #ff7b004d}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff7b0066}.checkout-btn:disabled{cursor:not-allowed;box-shadow:none;background:#ccc;transform:none}.mobile-close-btn,.mobile-cart-toggle,.mobile-cart-close{display:none}@media (width<=768px){.sidebar-overlay{z-index:90;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.sidebar{z-index:100;height:100vh;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;transform:translate(0)}.sidebar.closed{transform:translate(-100%);width:300px!important}.mobile-close-btn{color:var(--text-muted);cursor:pointer;z-index:101;background:0 0;border:none;padding:8px;display:flex;position:absolute;top:16px;right:16px}.content-area,div[style*="padding: 24px"],.kitchen-view{padding:12px!important}h2{font-size:1.5rem!important}h3{font-size:1.2rem!important}.checkout-btn{padding:10px 16px!important;font-size:14px!important}.qty-btn{width:26px!important;height:26px!important;padding:2px!important}.category-pill{white-space:nowrap;padding:6px 14px!important;font-size:13px!important}div[style*="gridTemplateColumns: 'repeat(auto-fill, minmax(220px, 1fr))'"]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:12px!important}.navbar{height:60px;padding:0 16px}.navbar h1{font-size:20px}.content-area{padding:16px}.table-grid{gap:8px;grid-template-columns:repeat(4,1fr)!important}.table-card{padding:8px}.table-icon{width:36px;height:36px;margin-bottom:6px}.table-icon svg{width:18px;height:18px}.table-name{font-size:12px}.table-status{font-size:9px}.order-interface{flex-direction:column}.catalog-section{flex:1;padding:16px 16px 80px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.order-interface.mobile-cart-open .catalog-section,.order-interface.mobile-cart-open .mobile-cart-toggle,.order-interface.mobile-catalog-open .cart-section{display:none!important}.cart-section{background:var(--surface-color);border-left:none;flex:1;width:100%;min-height:0;height:100%!important}.mobile-cart-toggle{background:linear-gradient(135deg, var(--primary-color), var(--primary-hover));color:#fff;z-index:50;cursor:pointer;border:none;border-radius:30px;justify-content:space-between;align-items:center;padding:14px 24px;font-size:16px;font-weight:700;display:flex;position:fixed;bottom:60px;left:20px;right:20px;box-shadow:0 10px 25px #ff7b0066}.mobile-cart-close{color:var(--text-main);background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;margin-right:12px;padding:8px;display:flex}.cart-header,.cart-footer,.cart-items{padding:16px}.cart-item{margin-bottom:12px;padding-bottom:12px}div[style*="width: 400px"],div[style*="width: 450px"],div[style*="width: 500px"],div[style*="width: 600px"]{max-height:90vh;overflow-y:auto;width:95%!important;padding:20px!important}.settings-view>div:first-child{flex-direction:column;gap:12px;align-items:flex-start!important}.settings-view>div:first-child button{justify-content:center;width:100%}}.sidebar-section-header{width:100%;color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;padding:16px 24px;transition:all .2s;display:flex;position:relative;overflow:hidden}.sidebar-section-header:hover{color:var(--primary-color);background-color:#ff7b000d}.sidebar-section-header svg{min-width:24px;margin-right:16px}.sidebar-chevron{margin-left:auto;transition:transform .3s;min-width:16px!important;margin-right:0!important}.sidebar-chevron.open{transform:rotate(180deg)}.sidebar-section-content{transition:grid-template-rows .35s,opacity .25s;display:grid;overflow:hidden}.sidebar-section-content.expanded{opacity:1;grid-template-rows:1fr}.sidebar-section-content.collapsed{opacity:0;grid-template-rows:0fr}.sidebar-section-inner{flex-direction:column;min-height:0;display:flex}.sidebar-section-inner .nav-item{padding-left:48px}.kitchen-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}@media (width<=768px){.kitchen-grid{grid-template-columns:1fr!important;gap:12px!important}.kitchen-card{min-height:220px!important}.kitchen-card-img-container{height:90px!important}.kitchen-card-title{font-size:13px!important}.clock-info{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;font-size:11px!important}.kitchen-categories,.kitchen-status-filters{gap:6px!important;padding:6px 4px!important}.kitchen-filters-container{flex-direction:column!important;gap:8px!important;margin-bottom:12px!important}.kitchen-status-filters{border-left:none!important;border-top:1px solid var(--border-color)!important;padding-top:10px!important;padding-left:4px!important}.kitchen-category-pill,.kitchen-filter-pill{padding:4px 12px!important;font-size:12px!important}.kitchen-clear-btn{padding:6px 12px!important;font-size:12px!important}.kitchen-clear-btn svg{width:16px!important;height:16px!important}.kitchen-btn-text{display:none!important}.kitchen-card-category,.kitchen-card-table{padding:2px 6px!important;font-size:10px!important;top:6px!important}.kitchen-card-category{left:6px!important}.kitchen-card-table{right:6px!important}.kitchen-card button{padding:6px!important}.kitchen-card button svg{width:14px!important;height:14px!important}.menu-categories-container{gap:6px!important;margin-bottom:12px!important;padding:6px 4px!important}.menu-category-pill{padding:4px 12px!important;font-size:12px!important}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:12px!important}.menu-card-img-container{height:90px!important}.menu-card-category{padding:2px 6px!important;font-size:10px!important;top:6px!important;left:6px!important}.menu-card-content{gap:8px!important;padding:10px!important}.menu-card-title{font-size:13px!important}.menu-card-price{font-size:14px!important}.menu-card-time{font-size:11px!important}.menu-details-btn{padding:6px!important;font-size:12px!important}.grid-table-icon-container{width:24px!important;height:24px!important;margin-bottom:4px!important}.grid-table-icon{width:14px!important;height:14px!important}.grid-table-name{font-size:11px!important}.mesas-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:16px!important}.mesas-title{font-size:1.25rem!important}.mesas-add-btn{justify-content:center!important;width:100%!important;padding:8px 16px!important;font-size:14px!important}.mesas-tabs{gap:12px!important}.mesas-tab-btn{padding:8px 2px!important;font-size:13px!important}.mesas-view-btn{padding:6px 12px!important;font-size:12px!important}.mesas-floor-btn{padding:8px 16px!important;font-size:13px!important}.mesas-grid{gap:10px!important}.mesas-card{padding:12px 16px!important}.mesas-card-title{font-size:15px!important}.mesas-card-subtitle{font-size:12px!important}}.grid-table-icon-container{width:36px;height:36px;margin-bottom:8px}.grid-table-icon{width:20px;height:20px}.grid-table-name{font-size:14px}.btn-agrupar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:24px;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #3b82f64d}.btn-agrupar:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-agrupar-cancelar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:24px;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #ef44444d}.btn-agrupar-cancelar:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-agrupar-confirmar{background:linear-gradient(135deg, var(--primary-color), var(--primary-hover));color:#fff;cursor:pointer;border:none;border-radius:24px;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #ff7b004d}.btn-agrupar-confirmar:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff7b0066}