.notif-bell-btn{position:relative;border:none;background:transparent;color:var(--accent);cursor:pointer;font-size:16px;display:inline-flex;align-items:center;gap:6px}.notif-bell-btn svg{color:currentColor;stroke:currentColor}.notif-badge{position:absolute;top:-6px;right:-6px;background:var(--danger);color:#fff;border-radius:999px;padding:0 6px;font-size:12px;line-height:18px}.notif-panel{position:absolute;right:0;margin-top:8px;width:320px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 24px #00000047;z-index:50}.notif-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border)}.notif-empty{padding:16px;color:var(--muted)}.notif-list{list-style:none;margin:0;padding:0;max-height:360px;overflow:auto}.notif-item{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.notif-item.unread{background:#8da0ff1a}.notif-title{font-weight:600;color:var(--text)}.notif-msg{color:var(--muted);font-size:14px}.notif-meta{display:flex;gap:8px;align-items:center}.notif-ago{color:var(--muted-weak);font-size:12px}.linkish{background:transparent;border:none;color:var(--accent);cursor:pointer;padding:0}.linkish:hover{color:var(--accent-weak);text-decoration:underline}._topBar_18o01_1{position:sticky;top:0;z-index:1100;display:flex;align-items:center;gap:16px;margin:0;padding:12px 24px;list-style:none;background:#111318;color:var(--accent)}._topBar_18o01_1 a{color:var(--accent);text-decoration:none}._topBar_18o01_1 a:hover{color:var(--accent-weak)}._topBar_18o01_1 svg{color:currentColor;stroke:currentColor}._topBar_18o01_1 li button{background:transparent;border:1px solid transparent;color:var(--accent);cursor:pointer;padding:8px 12px;border-radius:8px}._topBar_18o01_1 li button:hover{color:var(--accent-weak);background:#7b61ff1a}._body_18o01_40{flex:1;width:100%;overflow:visible}@media (max-width: 768px){._topBar_18o01_1{flex-wrap:wrap;row-gap:8px}}._errorContainer_9ob7b_1{color:red}._button_1eeev_1{grid-column:span 2}._form_1lemy_1{display:grid;grid-template-columns:auto auto;align-items:stretch;gap:1rem}._input_a0q3o_1{margin-left:1rem}._dataContainer_a0q3o_8{display:flex;flex-direction:column}:root{--bg: #111318;--text: #e9ecf3;--muted: #aab2c3;--muted-weak: #9da6b8;--accent: #794ae6;--accent-weak: #9b5af0;--surface: #1a1f29;--surface-2: #202635;--surface-3: #232a3a;--card-bg: #191f2a;--card-soft: #232a3a;--border: #2a3244;--chip-bg: rgba(141,160,255,.18);--success: #2ed573;--success-weak: rgba(46, 213, 115, .22);--warning: #ffc107;--warning-weak: rgba(255, 193, 7, .22);--danger: #ff6b6b;--danger-weak: rgba(255,107,107,.22);--info-weak: rgba(110,126,251,.22);--table-bg: var(--surface);--table-head-bg: #3b47c5;--table-row-hover: rgba(141,160,255,.1);--table-border: #2a3244;--navbar-bg: #1c2340;--link: var(--accent-weak);--link-hover: var(--accent);--input-bg: #202635;--input-text: #e9ecf3;--input-border: #2f3850;--progress-pending-bg: rgba(141,160,255,.18);--progress-pending-text: #aab2c3;--progress-pending-border: rgba(141,160,255,.28);--progress-active-bg: var(--accent);--progress-active-text: #fff;--progress-active-border: var(--accent);--progress-completed-bg: var(--success);--progress-completed-text: #fff;--progress-completed-border: var(--success);--btn-bg: var(--accent);--btn-bg-hover: #6814ee;--btn-text: #fff;--btn-success: var(--success);--btn-success-hover: #27c768;--btn-danger: var(--danger);--btn-danger-hover: #e85a5a;--form-bg: #1f1f23;--form-text: #f5f7ff;--form-label: #e7e9ff;--form-placeholder: #b6b9c6;--form-border: #3a3f55;--form-border-focus: #6d78ff;--form-invalid: #ff6b6b}:root[data-theme=light]{--bg: #ffffff;--text: #213547;--muted: #57606a;--muted-weak: #6b7280;--accent: #794ae6;--accent-weak: #9b5af0;--surface: #f7f7fb;--surface-2: #f2f3f7;--surface-3: #eef0fb;--card-bg: #ffffff;--card-soft: #f3f4f8;--border: rgba(0,0,0,.08);--chip-bg: rgba(100, 108, 255, .15);--table-bg: #ffffff;--table-head-bg: rgba(100, 108, 255, .12);--table-row-hover: rgba(100, 108, 255, .08);--table-border: rgba(0,0,0,.06);--navbar-bg: #4e91e2;--link: #4f59ff;--link-hover: #3f49e6;--input-bg: #ffffff;--input-text: #131313;--input-border: #d1d5db;--progress-pending-bg: rgba(83, 91, 242, .15);--progress-pending-text: #6068e6;--progress-pending-border: rgba(83, 91, 242, .35);--btn-bg: var(--accent);--btn-bg-hover: #6814ee;--btn-success: #2ed573;--btn-success-hover: #27c768;--btn-danger: #ff6b6b;--btn-danger-hover: #e85a5a;--form-bg: #ffffff;--form-text: #213547;--form-label: #1f2937;--form-placeholder: #6b7280;--form-border: #d1d5db;--form-border-focus: #3b82f6;--form-invalid: #ef4444}:root{color-scheme:light dark;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{background:var(--bg);color:var(--text)}body{margin:0;display:flex;place-items:center;min-width:100vw;min-height:100vh}#root{width:100%;height:100vh}h1{font-size:3.2em;line-height:1.1}ul{margin:0}a{font-weight:500;color:var(--link);text-decoration:inherit}a:hover{color:var(--link-hover)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background:var(--btn-bg);color:var(--btn-text);cursor:pointer;transition:border-color .25s,filter .2s,background-color .2s}button:hover{background:var(--btn-bg-hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,select,textarea{background:var(--form-bg);color:var(--form-text);border:1px solid var(--form-border);border-radius:8px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--form-border-focus);box-shadow:0 0 0 3px color-mix(in oklab,var(--form-border-focus) 25%,transparent)}input::placeholder,textarea::placeholder{color:var(--form-placeholder);opacity:1}label{color:var(--form-label)}select option{background:var(--form-bg);color:var(--form-text)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--form-invalid)}.help-error,.error-text,.field-error{color:var(--form-invalid)}.menu-page,.products-page{padding:20px;max-width:1200px;margin:0 auto;background:var(--surface)}.products-page h1{text-align:center;margin-bottom:30px;color:var(--text)}.categories{display:flex;gap:0;justify-content:center;align-items:center;margin:30px auto;background:var(--surface-2)}.categories button{flex:1;padding:12px 30px;border:none;background:transparent;font-weight:600;color:var(--link);border-radius:0;cursor:pointer;transition:all .3s}.categories button:hover{background:var(--surface-3)}.categories button.active{background:var(--chip-bg);color:var(--link-hover);box-shadow:0 2px 6px #535bf233}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:30px}.products-grid p{text-align:center;padding:40px;grid-column:1/-1;color:var(--muted-weak)}.product-card{border:1px solid var(--border);padding:20px;border-radius:12px;background:var(--card-bg);color:var(--text);transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-5px);box-shadow:0 5px 30px #646cff33}.product-card h3{margin-bottom:10px}.product-card .price{font-size:1.5em;font-weight:700;color:var(--accent);margin:10px 0}.ingredients{margin:15px 0}.ingredients h4{color:var(--accent-weak);margin-bottom:8px;font-size:.9em}.ingredients ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.ingredients li{background:var(--chip-bg);padding:5px 12px;border-radius:15px;font-size:.85em;color:var(--text)}.product-card button{width:100%;margin-top:15px;padding:12px;background:var(--btn-bg);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .3s}.product-card button:hover{background:var(--btn-bg-hover)}.navbar{background:var(--navbar-bg);color:#fff;padding:15px 30px;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #00000026}.navbar-content{display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-size:1.5rem;font-weight:700}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none}.nav-links{display:flex;gap:25px}.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:all .3s}.nav-links a:hover{color:#dcdcff}@media (max-width: 768px){.menu-toggle{display:block}.nav-links{display:none;flex-direction:column;background:var(--accent);position:absolute;top:60px;right:20px;border-radius:8px;padding:15px 25px;box-shadow:0 4px 15px #0003}.nav-links.open{display:flex}}.stock-page{padding:20px;text-align:center}.stock-table,.usuarios-table{margin:20px auto;border-collapse:collapse;width:80%;background:var(--table-bg);color:var(--text);border-radius:10px;box-shadow:0 3px 10px #0000001a}.usuarios-table{width:100%;background:var(--surface);border-radius:12px;overflow:hidden}.stock-table th,.stock-table td,.usuarios-table th,.usuarios-table td{padding:12px;border-bottom:1px solid var(--table-border);text-align:left}.stock-table th{background:var(--table-head-bg);color:#fff}.usuarios-table th{background:var(--table-head-bg);color:var(--text)}.usuarios-table td{color:var(--text)}.stock-table tr:hover,.usuarios-table tbody tr:hover{background:var(--table-row-hover)}.usuarios-table tbody tr.disabled-row{opacity:.5}.usuarios-table .actions{display:flex;gap:8px;flex-wrap:wrap}.stock-table button{display:inline-block;width:auto;border:none;border-radius:5px;background:var(--btn-bg);color:#fff;cursor:pointer;padding:4px 6px;margin:0 10px;font-size:1rem;transition:.3s}.stock-table button:hover{background:var(--btn-bg-hover)}.usuarios-table{border-collapse:separate;border-spacing:0}.usuarios-table td,.usuarios-table th{border-bottom:none;vertical-align:middle}.usuarios-table tbody tr{position:relative}.usuarios-table tbody tr:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--table-border);pointer-events:none}.usuarios-table .actions select{height:36px;line-height:36px;padding:0 10px}.tipo-badge{padding:5px 12px;border-radius:15px;font-size:.85em;font-weight:600;display:inline-flex;align-items:center;gap:6px}.tipo-admin{background:var(--danger-weak);color:var(--danger)}.tipo-client,.tipo-usuario{background:var(--info-weak);color:var(--accent)}.tipo-employee{background:#2ed57347;color:var(--success)}.tipo-ordering{background:var(--warning-weak);color:var(--warning)}.tipo-ordered{background:var(--info-weak);color:var(--accent)}.tipo-in_progress{background:#fe925747;color:#fe9257}.tipo-completed{background:var(--success-weak);color:var(--success)}.tipo-canceled{background:var(--danger-weak);color:var(--danger)}.selected-row{background:var(--table-row-hover)!important}.order-progress{padding:30px;background:var(--surface);border-radius:12px;margin:20px 0}.progress-steps{display:flex;justify-content:space-between;align-items:flex-start;position:relative;max-width:900px;margin:0 auto}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;z-index:1}.step-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin-bottom:10px;transition:all .3s ease}.progress-step.pending .step-icon{background:var(--progress-pending-bg);color:var(--progress-pending-text);border:2px solid var(--progress-pending-border)}.progress-step.active .step-icon{background:var(--progress-active-bg);color:var(--progress-active-text);border:2px solid var(--progress-active-border);animation:pulse 2s infinite}.progress-step.completed .step-icon{background:var(--progress-completed-bg);color:var(--progress-completed-text);border:2px solid var(--progress-completed-border)}.step-label{font-weight:600;margin-bottom:5px;text-align:center;font-size:.95rem;color:var(--text)}.step-description{font-size:.85rem;color:var(--muted);text-align:center}.step-line{position:absolute;top:25px;left:60%;width:80%;height:3px;background:var(--progress-pending-bg);z-index:-1;transition:background-color .3s ease}.step-line.completed{background:var(--success)}.progress-step:last-child .step-line{display:none}@keyframes pulse{0%,to{box-shadow:0 0 #535bf2b3}50%{box-shadow:0 0 0 10px #535bf200}}.product-form,.product-form-create{margin-top:10px;padding:20px;background:var(--surface);margin-bottom:20px;border-radius:8px;box-shadow:0 2px 8px #0000000f}.product-form button{padding:15px 30px;background:var(--btn-success);color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer}.product-form button:hover{background:var(--btn-success-hover)}.product-form-create-name,.product-form-create-price,.product-form-create-category,.product-form-create-ingredients{margin-bottom:15px}.product-form-create-name label,.product-form-create-price label,.product-form-create-category label,.product-form-create-ingredients label{display:block;margin-bottom:5px;font-weight:700;color:var(--form-label)}.product-form-create-name input,.product-form-create-price input,.product-form-create-category select,.product-form-create-ingredients-item select,.product-form-create-ingredients-item input{width:90%;padding:10px;font-size:16px;border:1px solid var(--form-border);border-radius:5px;background:var(--form-bg);color:var(--form-text)}.product-form-create-ingredients-item{display:flex;gap:10px;margin-bottom:10px;align-items:center}.product-form-create-ingredients-item button{padding:10px 15px;background:var(--btn-danger);color:#fff;border:none;border-radius:5px;cursor:pointer}.product-form-create-ingredients-item button:hover{background:var(--btn-danger-hover)}.product-form-create-ingredients button{padding:10px 20px;background:var(--btn-bg);color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:10px}.product-form-create-ingredients button:hover{background:var(--btn-bg-hover)}.botones-crear-producto{display:flex;gap:10px;margin-top:20px}.botones-crear-producto button{flex:1;padding:15px;background:var(--btn-success);color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer}.botones-crear-producto button:hover{background:var(--btn-success-hover)}.botones-crear-producto .boton-cancelar{padding:15px 30px;background:var(--btn-danger);color:#fff}.product-search{padding:5px;background:var(--surface);width:98%}.product-search input{width:100%;padding:10px;border:1px solid var(--input-border);border-radius:5px;background:var(--input-bg);color:var(--input-text);font-size:16px}.list-products{text-align:center;padding:20px;gap:10px}.product-add-pdido{display:flex;gap:10px;margin-top:10px}.boton-eliminar-producto{background:var(--btn-danger);color:#fff;border:none;cursor:pointer;border-radius:5px;flex:1;padding:10px}.search-bar{width:min(100%,960px);margin:0 auto 16px;display:flex;justify-content:center}.input-with-icon{position:relative;width:100%}.input-with-icon svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:.75}.input-with-icon input{width:100%;height:42px;padding:0 12px 0 40px;border:1px solid var(--input-border);border-radius:10px;background:var(--input-bg);color:var(--input-text)}.product-ingrdients-cargado{margin-top:15px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.product-ingrdients-cargado h4{margin:0 0 8px;color:var(--text)}.product-ingrdients-list{display:flex;gap:10px;flex-wrap:wrap}.product-ingredient-item{display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:1;padding:6px 10px;border-radius:14px;border:1px solid transparent;background:var(--chip-bg);color:var(--text)}.product-ingredient-item.has-stock{background:#2ed5732e;border-color:#2ed57373;color:#dbffe9}.product-ingredient-item.no-stock{background:#ff6b6b2e;border-color:#ff6b6b73;color:#ffe7e7}.no-results{text-align:center;color:var(--muted-weak);padding:40px;font-size:1.1em}.auth-page,.login-page,.register-page,.usuarios-page,.orders-page,.my-orders-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:40px;margin:0 auto;width:100%;max-width:1200px;background:var(--surface);border-radius:12px;box-shadow:0 3px 10px #00000014}.auth-page h1,.login-page h1,.register-page h1,.usuarios-page h1,.orders-page h1,.my-orders-page h1{text-align:center;margin:0 auto 1.5rem;font-weight:700;color:var(--text)}.auth-page form,.login-page form,.register-page form,.usuarios-page form,.orders-page form,.my-orders-page form{width:100%;max-width:600px;margin:0 auto 24px;background:var(--surface);padding:20px 30px;border-radius:12px;box-shadow:0 3px 10px #0000000f;display:flex;flex-direction:column;gap:12px;align-items:stretch;text-align:left}.usuarios-page .usuarios-table,.orders-page .usuarios-table,.my-orders-page .usuarios-table,.usuarios-page .stock-table,.orders-page .stock-table,.my-orders-page .stock-table{margin:20px auto;width:min(100%,920px);background:var(--table-bg);border-radius:10px;box-shadow:0 3px 10px #00000014}.usuarios-page .usuarios-table th,.usuarios-page .usuarios-table td,.orders-page .usuarios-table th,.orders-page .usuarios-table td,.my-orders-page .usuarios-table th,.my-orders-page .usuarios-table td{text-align:center}.usuarios-page .search-bar,.orders-page .search-bar,.my-orders-page .search-bar,.usuarios-page .actions,.orders-page .actions,.my-orders-page .actions{width:min(100%,920px);margin:0 auto 16px;display:flex;gap:10px;justify-content:center}.page.page--center{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px}.page--center h1{text-align:center;margin:0 0 6px}.page-actions,.page-card{width:100%;max-width:1024px}.page-card{background:var(--surface);border:1px solid var(--table-border);border-radius:12px;padding:16px}