@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Work+Sans:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap";:root{--bg-main: #cdb68b;--bg-card: #ead7b2;--bg-card-hover: #f0dfbd;--board-alt: #d9c49b;--paper: #dfc797;--bg-glass: rgba(38, 51, 43, .94);--border-color: #aa8f63;--border-color-glow: rgba(215, 154, 59, .55);--color-primary: #d79a3b;--color-primary-hover: #e8ae4d;--color-primary-glow: rgba(215, 154, 59, .3);--color-primary-text: #6e4712;--color-accent: #9a3d3d;--color-warning: #d79a3b;--color-danger: #9a3d3d;--color-success: #1f6b3f;--text-main: #2d261d;--text-muted: #4a3a26;--text-dim: #88714d;--radius-sm: 4px;--radius-md: 5px;--radius-lg: 6px;--radius-full: 9999px;--shadow-sm: 0 8px 18px rgba(0, 0, 0, .28);--shadow-glow: 0 0 20px rgba(215, 154, 59, .12);--shadow-glow-strong: 0 0 28px rgba(215, 154, 59, .22);--font-family: "Work Sans", system-ui, sans-serif;--font-display: "Fraunces", Georgia, serif;--font-mono: "Space Mono", "Courier New", monospace;--backdrop-blur: blur(10px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-family);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 20% 0%,rgba(255,246,220,.35),transparent 42%),radial-gradient(circle at 90% 35%,rgba(215,154,59,.08),transparent 38%);background-attachment:fixed}button{font-family:inherit;cursor:pointer;border:none;outline:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#a98355}::-webkit-scrollbar-thumb{background:#6f421f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}*{scrollbar-color:#6f421f #a98355;scrollbar-width:thin}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #d79a3b1f}50%{box-shadow:0 0 30px #d79a3b40}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.fade-in{animation:fadeIn .35s ease-out forwards}.app-container{max-width:1280px;margin:0 auto;padding:0 1.5rem 6rem}main h1,main h2,main h3{font-family:var(--font-display);letter-spacing:0;color:#5a351d}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-panel{max-width:30rem;width:100%;padding:2.5rem;text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 12px 32px #43301a24}.auth-panel .logo-badge{width:fit-content;margin:0 auto 1.5rem;font-size:2.25rem;color:#a35f1c}.auth-panel h1{margin-bottom:.75rem}.auth-panel p{margin-bottom:1.5rem;color:var(--text-muted);line-height:1.6}.navbar{position:sticky;top:0;z-index:100;background:#4c3120;border-bottom:1px solid rgba(243,234,215,.1);padding:.7rem 1.5rem;margin-bottom:2rem;transition:transform .25s ease,opacity .25s ease}.navbar-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.navbar-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo-group{display:flex;align-items:center;gap:.6rem}.logo-badge{background:transparent;color:var(--color-primary);font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:-.01em;line-height:1;padding:0;border-radius:0;box-shadow:none;display:flex;align-items:center}.logo-title{font-family:var(--font-display);font-size:1.12rem;font-weight:600;letter-spacing:-.01em}.logo-subtitle{display:none}.navbar .logo-title,.navbar .user-name{color:#f5ecda}.navbar .tab-btn{color:#e2d3b8;border-color:transparent;background:transparent}.navbar .tab-btn:hover{color:#fff8e9;background:#f3ead714}.navbar .tab-btn.active{color:#f3c16a;border-color:transparent;background:#d79a3b24;box-shadow:none}.navbar .btn-secondary{color:#f3ead7;border-color:#efe3c633;background:#2d1d1147}.navbar .btn-secondary:hover{color:#fff8e9;border-color:var(--color-primary);background:#d79a3b2e}.nav-tabs{display:flex;align-items:center;gap:.5rem}.nav-user{display:flex;align-items:center;gap:.75rem}.logo-labels{min-width:0}.user-badge-info{display:flex;flex-direction:column}.user-logout{padding:.35rem .6rem;border-radius:var(--radius-sm)}.cart-btn{position:relative}.cart-count{position:absolute;top:-5px;right:-5px;background:var(--color-primary);color:#000;font-weight:800;font-size:.7rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.navbar .tab-btn-admin{border-color:#9a3d3da6;color:#c97b7b}.navbar .tab-btn-admin.active{color:#e3a0a0}.tab-text-short,.nav-tabs-bottom{display:none}.btn{padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:var(--color-primary);color:#241c12;font-weight:700;box-shadow:0 4px 14px #d79a3b38}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-glow-strong)}.btn-secondary{background:#efdcb573;color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:#d79a3b1a;border-color:#fff3;transform:translateY(-1px)}.btn-secondary.active{background:#d79a3b29;color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 15px #d79a3b1f}.btn-complete{color:#8f4d1e;border-color:#aa7540}.btn-complete:hover{color:#6f3517;border-color:var(--color-primary);background:#d79a3b24}.btn-admin{background:var(--color-accent);color:var(--text-main);border:1px solid #b65353}.btn-admin:hover{background:#b65353;color:#fff8e9}.btn-danger{background:var(--color-accent);color:var(--text-main);border:1px solid #b65353}.btn-danger:hover{background:#b65353}.user-badge{display:flex;align-items:center;gap:.6rem;background:#2d1d116b;border:1px solid rgba(239,227,198,.28);padding:.35rem .75rem .35rem .4rem;border-radius:var(--radius-sm)}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary)}.user-name{font-size:.85rem;font-weight:600}.role-pill{font-size:.65rem;padding:.15rem .45rem;border-radius:2px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.role-admin{background:#9a3d3d47;color:#e3a0a0;border:1px solid rgba(181,83,83,.55)}.role-student{background:#d79a3b24;color:var(--color-primary);border:1px solid var(--color-primary-glow)}.hero-banner{padding:1.5rem 0 1.25rem;margin-bottom:1.25rem;border-bottom:2px solid var(--color-primary)}.admin-tabs-scroll{display:flex;gap:.6rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:.25rem}.admin-tabs-scroll .btn{flex-shrink:0;white-space:nowrap}.hero-text h1{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;margin-bottom:.5rem;color:var(--text-main)}.hero-text p{color:var(--text-muted);font-size:1rem;max-width:600px;font-style:italic}.tabs-bar{display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.tab-btn{padding:.65rem 1.25rem;border-radius:var(--radius-sm);background:#efdcb566;color:var(--text-muted);border:1px solid var(--border-color);font-weight:600;font-size:.9rem;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:.4rem}.tab-btn:hover{background:#d79a3b1a;color:var(--text-main)}.tab-btn.active{background:#d79a3b24;color:var(--color-primary);border-color:var(--color-primary-glow);box-shadow:0 0 15px #d79a3b1a}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.menu-list{display:flex;flex-direction:column;border-top:1px solid var(--border-color)}.product-card{background:#ead7b2;border:1px solid var(--border-color);border-radius:3px;padding:1.1rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 5px 14px #43301a12}.product-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-glow);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.menu-list .product-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:1.5rem;border:0;border-bottom:1px dashed var(--border-color);border-radius:0;box-shadow:none;padding:1.2rem 0;background:transparent}.menu-list .product-card:hover{background:#d79a3b12;transform:none;box-shadow:none}.menu-accordion-list{background:#5d371b14;border:1px solid #aa8f63;padding:0 1rem}.menu-accordion-list .product-card{background:transparent}.menu-list .product-card>div:first-child{grid-row:1 / span 2}.menu-list .card-header{float:left;margin:0 1rem 0 0}.menu-list .card-icon{width:42px;height:42px}.menu-list .card-footer{border:0;padding:0;gap:1rem}.menu-list .card-price{font-size:1rem}.menu-list .card-desc{max-width:70ch;margin-bottom:0}.menu-details-toggle{width:fit-content;padding:.2rem 0;background:transparent;color:var(--color-accent);border-bottom:1px solid transparent;font-size:.82rem;font-weight:600}.menu-details-toggle:hover{color:var(--color-primary-text);border-bottom-color:var(--color-primary-text)}.menu-details{margin-top:.5rem}.product-card.out-of-stock{opacity:.6;filter:grayscale(.4)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.card-icon{font-size:2.5rem;background:#77491f1a;width:54px;height:54px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color)}.card-badges{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.badge{font-size:.7rem;font-weight:700;padding:.12rem 0;border-radius:0;text-transform:none;letter-spacing:.01em;background:transparent;color:var(--color-accent)}.badge-best{color:#6e3a10;font-style:italic}.badge-stock-out{color:var(--color-accent);font-style:italic}.status-badge{display:inline-block;padding:.18rem 0;border:0;border-radius:0;font-style:italic}.status-pending,.status-preparing,.status-ready{color:#6e3a10}.status-completed{color:#6f5731}.status-cancelled{color:var(--color-accent)}.card-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:.4rem}.card-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.card-title-row .card-badges{flex:0 0 auto;align-items:flex-end}.card-desc{font-size:.85rem;color:var(--text-muted);line-height:1.4;margin-bottom:1.25rem;flex-grow:1;font-style:italic}.card-extra{display:inline-block;margin-top:-.8rem;margin-bottom:.8rem;color:var(--color-accent);font-family:var(--font-mono);font-size:.72rem;font-weight:700}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--border-color)}.card-price{font-family:var(--font-mono);font-size:1.3rem;font-weight:800;color:#2d261d}.cart-floating-bar{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:#dfc797;color:#241c12;border:1px solid var(--color-primary-glow);box-shadow:0 10px 30px #0009,var(--shadow-glow);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);padding:.75rem 1.5rem;border-radius:var(--radius-sm);display:flex;align-items:center;gap:2rem;z-index:90;animation:pulseGlow 4s infinite ease-in-out}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;justify-content:flex-end}.cart-drawer{width:100%;max-width:440px;background:#d8bd88;color:#241c12;border-left:1px solid var(--border-color);height:100%;display:flex;flex-direction:column;animation:slideInRight .3s ease-out}.drawer-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.drawer-body{flex-grow:1;overflow-y:auto;padding:1.5rem}.drawer-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);background:#c8a96f;color:#241c12}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:#d8bd88;border:1px solid var(--border-color-glow);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:90vh;overflow-y:auto;padding:1.75rem;box-shadow:0 20px 40px #000c,var(--shadow-glow)}.form-group{margin-bottom:1.2rem}.form-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem;color:var(--text-muted)}.form-input,.form-select,.form-textarea{width:100%;background:#c6a76d;border:1px solid var(--border-color);color:var(--text-main);padding:.65rem .9rem;border-radius:var(--radius-md);font-family:inherit;font-size:.9rem;transition:all .2s ease}.form-select{color-scheme:dark;cursor:pointer}.form-select option{background:#c6a76d;color:var(--text-main)}.order-card,.order-status-card{background:#d8bd88!important;border-color:#aa8f63!important;color:var(--text-main)}.order-card>div[style*="rgba(0,0,0"],.order-status-card>div[style*="rgba(255, 255, 255"]{background:#5d371b17!important;border-color:#b79a68!important}.menu-price-summary{color:var(--text-main)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px #d79a3b29}.kitchen-section{margin-top:1.5rem}.synthesis-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.synthesis-card{background:#c6a76d;border:1px solid #aa8f63;border-radius:var(--radius-md);padding:1rem}.synthesis-title{font-size:.9rem;font-weight:700;color:#8f4d1e;margin-bottom:.5rem}.synthesis-item{display:flex;justify-content:space-between;font-size:.85rem;padding:.2rem 0;border-bottom:1px dashed rgba(255,255,255,.05)}.formule-config{background:#ffffff08;padding:.9rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.formule-slot{border-top:1px dashed var(--border-color);padding-top:.85rem;margin-top:.85rem}.formule-slot:first-of-type{border-top:0;padding-top:.25rem;margin-top:.25rem}.formule-group-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.formule-group-head .form-input{flex:1}.formule-add-group{width:100%;margin-top:.9rem}.formule-item-cat{margin-left:auto;font-size:.68rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em}.formule-item-cat+.formule-item-off{margin-left:.5rem}.formule-slot-hint{font-size:.78rem;color:var(--text-muted);font-style:italic;margin-bottom:.5rem}.formule-item-list{display:grid;gap:.35rem;max-height:170px;overflow-y:auto}.formule-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;padding:.35rem .5rem;border-radius:var(--radius-sm);background:#5d371b0f;border:1px solid var(--border-color);cursor:pointer}.formule-item.is-checked{background:#d79a3b29;border-color:var(--color-primary)}.formule-item-off{margin-left:auto;font-size:.7rem;color:var(--color-accent);font-style:italic}@media (max-width: 768px){html,body{width:100%;max-width:100%;overflow-x:hidden;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{display:none;width:0;height:0}*{scrollbar-width:none}.app-container,main{width:100%;max-width:100%;overflow-x:hidden}.app-container{padding:0 1rem calc(5.5rem + env(safe-area-inset-bottom))}.navbar{padding:.45rem .85rem;margin-bottom:1rem}.navbar-hidden{transform:none;opacity:1;pointer-events:auto}.navbar-inner{flex-direction:row;align-items:center;gap:.5rem}.logo-group{gap:.5rem;min-width:0;flex:1}.logo-badge{font-size:1.25rem}.logo-title{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar .nav-tabs{display:none}.nav-user{gap:.35rem;flex-shrink:0}.user-badge{padding:.15rem .2rem;gap:.35rem;background:transparent;border:none}.user-badge-info{display:none}.avatar{width:28px;height:28px}.user-logout{padding:.3rem .4rem}.cart-btn{padding:.4rem .5rem}.nav-tabs-bottom{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:120;gap:0;background:#5a3b24;border-top:1px solid var(--color-primary);padding:.2rem .3rem calc(.2rem + env(safe-area-inset-bottom));box-shadow:0 -4px 16px #00000038}.nav-tabs-bottom .tab-btn{flex:1;flex-direction:column;gap:.12rem;padding:.35rem .2rem;border:none;background:transparent;border-radius:var(--radius-sm);color:#d8c3a0;font-size:.62rem;font-weight:600;white-space:nowrap;box-shadow:none}.nav-tabs-bottom .tab-btn.active{color:#f3c16a;background:#d79a3b29;border:none;box-shadow:none}.nav-tabs-bottom .tab-btn-admin{color:#c97b7b}.nav-tabs-bottom .tab-btn-admin.active{color:#e3a0a0}.nav-tabs-bottom .tab-text-long{display:none}.nav-tabs-bottom .tab-text-short{display:inline}.hero-banner{align-items:flex-start;padding:1.25rem 0 1rem}.hero-text h1{font-size:2rem}.tabs-bar{margin-bottom:1.25rem;gap:.4rem;overflow:visible;flex-wrap:wrap;padding-bottom:0;scrollbar-width:none}.tabs-bar .tab-btn{font-size:.8rem;padding:.45rem .7rem;flex:0 1 auto;min-width:0;justify-content:center;white-space:nowrap;text-align:center}.menu-list{padding:0 .75rem}.menu-list .product-card{grid-template-columns:1fr;gap:.6rem;padding:1rem 0}.card-title,.card-desc,.card-extra,.card-title-row{overflow-wrap:anywhere}.card-title-row .card-badges{max-width:45%}.menu-list .product-card>div:first-child{grid-row:auto}.menu-list .card-header{margin-right:.6rem}.menu-list .card-footer{justify-content:space-between}.card-title-row{align-items:flex-start}.card-title-row .card-badges{text-align:right}.cart-floating-bar{width:90%;max-width:28rem;padding:.7rem .85rem;gap:.65rem;bottom:calc(4.2rem + env(safe-area-inset-bottom))}.cart-floating-bar .btn{padding:.5rem .65rem;font-size:.78rem}.cart-drawer{max-width:none}.modal-content{padding:1.2rem;max-height:calc(100vh - 2rem)}.modal-header-row h2{max-width:calc(100% - 3rem);font-size:1.15rem!important}.menu-price-summary{align-items:flex-start!important;gap:.75rem}.menu-price-summary>div:last-child{flex:0 0 auto}.menu-option-list{max-height:32vh!important}.menu-option-list>div>div:first-child{min-width:0;flex-wrap:wrap}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%;flex:1!important}.pickup-time-grid{grid-template-columns:repeat(3,1fr)!important}.admin-tools-grid{grid-template-columns:1fr!important}.admin-tools-grid form{align-items:stretch}.admin-catalog-header{align-items:flex-start!important;flex-direction:column;gap:.9rem}.admin-catalog-header>div{width:100%;flex-wrap:wrap}.admin-tools-grid form .form-input{min-width:0!important}.synthesis-grid{grid-template-columns:1fr}.order-card,.order-status-card{padding:1rem!important}.order-card>div:last-child{align-items:stretch!important;flex-direction:column!important;gap:.75rem}.order-card>div:last-child>div{justify-content:flex-start;flex-wrap:wrap}.order-card>div:nth-child(1)>div,.order-status-card>div:nth-child(1)>div{min-width:0;overflow-wrap:anywhere}}@media (max-width: 460px){.logo-title{font-size:.92rem}.nav-tabs-bottom .tab-btn{font-size:.58rem}.cart-floating-bar{align-items:stretch;flex-direction:column}.cart-floating-bar .btn{width:100%}.navbar .logo-group>div:last-child{min-width:0}.navbar .logo-group>div:last-child>div:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-content{padding:1rem}.menu-price-summary{flex-direction:column}.menu-price-summary>div:last-child{width:100%;text-align:left!important}.pickup-time-grid{grid-template-columns:repeat(2,1fr)!important}.menu-list .card-title-row{flex-direction:column;gap:.2rem}.menu-list .card-title-row .card-badges{align-items:flex-start;text-align:left}}