.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--gradient-sidebar);color:#e2e8f0;flex-direction:column;flex-shrink:0;width:268px;padding:1.35rem 0;display:flex;position:relative;overflow:hidden;box-shadow:8px 0 40px #0a0f1a59}.sidebar:before{content:"";pointer-events:none;background:linear-gradient(#60a5fa26 0%,#0000 100%);height:220px;position:absolute;top:0;left:0;right:0}.sidebar-brand{z-index:1;border-bottom:1px solid #94a3b833;flex-direction:column;align-items:flex-start;margin-bottom:.85rem;padding:.85rem 1.25rem 1.1rem;display:flex;position:relative}.sidebar-brand h2{letter-spacing:-.02em;background:linear-gradient(135deg,#f8fafc 0%,#93c5fd 50%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:.5rem;font-size:1rem;font-weight:800;line-height:1.35}.sidebar-brand span{opacity:.65;color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;margin-top:.3rem;font-size:.72rem;font-weight:500;display:block}.sidebar-nav{z-index:1;flex:1;position:relative;overflow-y:auto}.sidebar-nav a{color:#e2e8f0e6;border-left:3px solid #0000;border-radius:0 10px 10px 0;align-items:center;gap:.65rem;margin:.15rem .5rem;padding:.8rem 1.35rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.sidebar-nav a:hover,.sidebar-nav a.active{color:#fff;background:linear-gradient(90deg,#3b82f640 0%,#3b82f60f 100%);border-left-color:#60a5fa;box-shadow:inset 0 0 24px #3b82f61a}.sidebar-footer{z-index:1;border-top:1px solid #94a3b826;padding:1.1rem 1.35rem;font-size:.85rem;position:relative}.sidebar-footer .btn-secondary{color:#e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #94a3b84d}.sidebar-footer .btn-secondary:hover{background:#ffffff1f}.main-content{background:0 0;flex:1;padding:1.75rem 2.25rem;overflow-x:hidden}.mobile-menu-btn{box-shadow:var(--shadow-soft);display:none;background:var(--gradient-primary)!important;border-radius:12px!important}@media (width<=900px){.app-layout{flex-direction:column}.sidebar{z-index:500;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:-290px}.sidebar.open{left:0}.mobile-menu-btn{z-index:400;color:#fff;border-radius:12px;padding:.55rem .9rem;display:block;position:fixed;top:1rem;left:1rem}.main-content{padding:4.5rem 1.15rem 1.5rem}}.login-page{background-color:#0000;background-image:radial-gradient(100% 80% at 20% 0,#93c5fd80 0%,#0000 50%),radial-gradient(80% 60% at 80% 20%,#1e3a8a33 0%,#0000 45%),radial-gradient(60% 50% at 50% 100%,#3b82f61f 0%,#0000 50%),linear-gradient(165deg,#f8fafc 0%,#eff6ff 45%,#e0e7ff 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb1f 0%,#0000 65%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-150px}.login-card{-webkit-backdrop-filter:blur(24px);box-shadow:0 32px 64px #0f172a26, 0 0 0 1px #ffffffd9 inset, var(--shadow-glow);z-index:1;background:linear-gradient(165deg,#fffffff0 0%,#eff6ffe0 100%);border:1px solid #bfdbfe99;border-radius:28px;width:100%;max-width:440px;padding:2.75rem 2.5rem;position:relative}.login-header{text-align:center;margin-bottom:2.25rem}.login-logo{justify-content:center;display:flex}.login-header h1{letter-spacing:-.03em;background:linear-gradient(135deg,#0f172a,#1e3a8a,#2563eb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.65rem;font-weight:800}.login-header p{color:var(--color-muted);margin-top:.35rem;font-size:.92rem}.login-hint{text-align:center;color:var(--color-muted);margin-top:1.5rem;font-size:.8rem}.hourly-sales-section{margin-bottom:1.5rem}.hourly-sales-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.hourly-sales-header h3{color:var(--navy-900);letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.hourly-sales-date{color:var(--color-muted);margin-top:.25rem;font-size:.9rem;font-weight:600}.hourly-sales-nav{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.hourly-sales-nav input[type=date]{width:auto;max-width:160px;font-weight:600}.hourly-sales-nav .btn{min-width:44px;padding:.55rem .85rem}.hourly-day-total{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex;background:linear-gradient(135deg,#fffffff2,#dbeafe99)!important;border:1px solid #2563eb33!important;padding:1.1rem 1.35rem!important}.hourly-day-total-label{text-transform:uppercase;letter-spacing:.06em;color:var(--navy-700);font-size:.8rem;font-weight:700}.hourly-day-total-value{background:var(--gradient-heading);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.hourly-cards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.85rem;display:grid}.hourly-slot-card{background:linear-gradient(145deg,#ffffffeb,#f8fafce6);border:1px solid #bfdbfe80;border-radius:16px;flex-direction:column;gap:.5rem;padding:1rem 1rem 1.1rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.hourly-slot-card.has-sales{background:linear-gradient(145deg, rgba(219, 234, 254, calc(.5 + var(--intensity,.3) * .5)), rgba(191, 219, 254, calc(.35 + var(--intensity,.3) * .45)));border-color:rgba(37, 99, 235, calc(.25 + var(--intensity,0) * .35));box-shadow:0 6px 20px rgba(37, 99, 235, calc(.08 + var(--intensity,0) * .12))}.hourly-slot-card.has-sales:hover{transform:translateY(-3px);box-shadow:0 10px 28px #2563eb2e}.hourly-slot-card.empty{opacity:.65}.hourly-slot-time{color:var(--navy-700);letter-spacing:.02em;font-size:.78rem;font-weight:700}.hourly-slot-amount{color:var(--navy-900);letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.hourly-slot-card.empty .hourly-slot-amount{color:var(--color-muted);font-size:1rem;font-weight:600}.hourly-slot-badge{text-transform:uppercase;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:6px;padding:.2rem .45rem;font-size:.62rem;font-weight:800;position:absolute;top:.5rem;right:.5rem}.hourly-empty-msg{text-align:center;color:var(--color-muted);margin-top:1rem;font-weight:500}@media (width<=600px){.hourly-cards-grid{grid-template-columns:repeat(2,1fr)}}.tables-page .page-header h1{background:linear-gradient(135deg,#0f172a 0%,#1e40af 50%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tables-legend{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#ffffffeb,#eff6ffe0);border:1px solid #bfdbfe80;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.35rem;padding:1rem 1.25rem;display:flex}.tables-legend-item{color:var(--navy-800);align-items:center;gap:.55rem;font-size:.84rem;font-weight:600;display:flex}.tables-legend-dot{border-radius:6px;width:16px;height:16px;box-shadow:0 2px 8px #0000001f}.tables-legend-dot.empty{background:linear-gradient(135deg,#60a5fa,#1d4ed8)}.tables-legend-dot.occupied{background:linear-gradient(135deg,#fca5a5,#dc2626)}.tables-legend-dot.payment{background:linear-gradient(135deg,#fde68a,#d97706)}.tables-legend-dot.closed{background:linear-gradient(135deg,#94a3b8,#475569)}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.35rem;display:grid}.table-card{color:inherit;border:1px solid #ffffff59;border-radius:22px;padding:1.45rem 1.35rem;text-decoration:none;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;position:relative;overflow:hidden}.table-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#ffffff4d 0%,#0000 50%);position:absolute;inset:0}.table-card:hover{transform:translateY(-6px)scale(1.01)}.table-card--empty{color:#eff6ff;background:linear-gradient(145deg,#3b82f6 0%,#1d4ed8 42%,#1e3a8a 100%);box-shadow:0 12px 40px #1d4ed859}.table-card--empty .table-card-status{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3}.table-card--occupied{color:#fff1f2;background:linear-gradient(145deg,#fb7185 0%,#e11d48 45%,#9f1239 100%);box-shadow:0 12px 40px #e11d4859}.table-card--occupied .table-card-status{color:#fff;background:#ffffff40}.table-card--payment{color:#422006;background:linear-gradient(145deg,#fde047 0%,#f59e0b 50%,#b45309 100%);box-shadow:0 12px 40px #d977064d}.table-card--payment .table-card-status{color:#422006;background:#4220061f}.table-card--closed{color:#f8fafc;opacity:.88;background:linear-gradient(145deg,#94a3b8 0%,#475569 100%)}.table-card--idle-warn{animation:2.5s ease-in-out infinite table-pulse}@keyframes table-pulse{0%,to{box-shadow:0 0 0 3px #fde047b3,0 16px 44px #e11d4859}50%{box-shadow:0 0 0 6px #fde04759,0 20px 52px #e11d4873}}.table-card-header{z-index:1;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex;position:relative}.table-card-name{letter-spacing:-.03em;font-size:1.4rem;font-weight:800}.table-card-status{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:.35rem .6rem;font-size:.68rem;font-weight:800}.table-card-amount{letter-spacing:-.02em;z-index:1;margin-top:1.1rem;font-size:1.75rem;font-weight:800;position:relative}.table-card-meta{opacity:.95;z-index:1;flex-direction:column;gap:.4rem;margin-top:.9rem;font-size:.82rem;font-weight:500;display:flex;position:relative}.table-card-idle{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000002e;border-radius:10px;align-items:center;gap:.4rem;padding:.45rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.table-card--payment .table-card-idle{background:#42200626}.table-card-qr{opacity:.75;font-size:.7rem}.tables-add-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fffffff2,#eff6ffeb);border:1px solid #bfdbfe80!important}.self-service-layout{grid-template-columns:1fr 340px;align-items:start;gap:1.5rem;display:grid}.product-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.85rem;display:grid}.product-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:108px;box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#fffffffa 0%,#eff6ffeb 100%);border:1px solid #bfdbfe80;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1.35rem .85rem;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex}.product-btn:hover{border-color:var(--navy-400);background:linear-gradient(145deg,#fff,#dbeafe);transform:translateY(-4px);box-shadow:0 12px 28px #2563eb2e}.product-btn-name{text-align:center;color:var(--navy-900);font-size:1rem;font-weight:700}.product-btn-price{background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.95rem;font-weight:800}.cart-panel{position:sticky;top:1rem}.cart-list{max-height:300px;margin:1rem 0;list-style:none;overflow-y:auto}.cart-list li{border-bottom:1px solid #2563eb1a;justify-content:space-between;padding:.55rem 0;font-weight:500;display:flex}.cart-total{letter-spacing:-.02em;background:var(--gradient-heading);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:1rem 0;font-size:1.6rem;font-weight:800}.sales-product-picker{flex-direction:column;gap:1.25rem;display:flex}.sales-qty-bar{border-radius:var(--radius-lg,14px);background:linear-gradient(135deg,#fffffff2,#eff6ffe0);border:1px solid #bfdbfe73;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;padding:.75rem 1rem;display:flex}.sales-qty-bar label{color:var(--navy-900);font-size:.9rem;font-weight:700}.sales-qty-bar select{min-width:72px;font-weight:700}.sales-qty-hint{color:var(--color-muted);flex:200px;font-size:.8rem}.sales-category-section{margin:0}.sales-category-title{color:var(--navy-800,var(--navy-900));letter-spacing:-.01em;border-bottom:1px solid #bfdbfe59;margin:0 0 .65rem;padding-bottom:.35rem;font-size:.95rem;font-weight:800}.sales-picker-empty{color:var(--color-muted);margin:1rem 0}.product-btn--favorite{position:relative}.product-btn-fav{color:#f59e0b;font-size:.75rem;line-height:1;position:absolute;top:.45rem;right:.5rem}.product-btn-sub{color:var(--color-muted);font-size:.72rem;font-weight:600}@media (width<=900px){.self-service-layout{grid-template-columns:1fr}.cart-panel{position:static}}.table-payment-panel{border-top:1px solid var(--color-border);margin-top:1.25rem;padding-top:1rem}.table-move-panel{border-radius:var(--radius-md,10px);background:#eff6ff94;border:1px solid #bfdbfe73;grid-template-columns:minmax(0,1fr) minmax(260px,auto);align-items:center;gap:.85rem 1rem;margin-top:1rem;padding:.85rem;display:grid}.table-move-panel h4{color:var(--navy-900);margin:0 0 .2rem;font-size:.95rem}.table-move-panel p{color:var(--color-muted);margin:0;font-size:.82rem}.table-move-controls{align-items:center;gap:.6rem;display:flex}.table-move-controls select{min-width:150px}.table-payment-modes{flex-wrap:wrap;gap:.5rem;margin-bottom:.85rem;display:flex}.table-payment-modes .btn.active{background:var(--gradient-primary);color:#fff;border-color:#0000}.table-payment-summary{border-radius:var(--radius-md,10px);background:linear-gradient(135deg,#fffffff2,#eff6ffe0);border:1px solid #bfdbfe73;margin-bottom:.85rem;padding:.65rem .85rem;font-size:.9rem}.table-payment-summary strong{color:var(--navy-900)}.table-payment-summary .remaining{color:var(--navy-600);font-weight:700}.table-order-table .pay-select{width:1rem;height:1rem;accent-color:var(--navy-600)}.table-order-table .pay-qty{width:3rem;padding:.2rem .35rem;font-size:.85rem}.table-payment-split{border-radius:var(--radius-md,10px);background:#fff9;border:1px solid #bfdbfe59;margin:.5rem 0 .75rem;padding:.65rem .75rem}.table-payment-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.table-payment-hint{color:var(--color-muted);margin:.35rem 0 0;font-size:.8rem}.table-payment-mixed-row{margin:.65rem 0 .5rem}.table-payment-mixed-toggle{border-radius:var(--radius-md,10px);width:100%;color:var(--navy-900);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:linear-gradient(135deg,#fffffff2,#eff6ffd9);border:1px solid #bfdbfe80;align-items:center;gap:.6rem;margin:0;padding:.55rem .85rem;font-size:.875rem;font-weight:600;display:flex}.table-payment-mixed-toggle input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--navy-600);flex-shrink:0;margin:0}.table-payment-mixed-toggle span{flex:1;line-height:1.3}.table-payment-mixed-toggle:has(input:checked){border-color:var(--navy-500,#3b82f6);box-shadow:0 0 0 2px #3b82f61f}.table-payment-split-target{color:var(--color-muted);margin:0 0 .5rem;font-size:.85rem}.table-payment-split-target strong{color:var(--navy-900)}.table-payment-split-fields{grid-template-columns:1fr 1fr auto;align-items:end;gap:.65rem .75rem;display:grid}.table-payment-fill-wrap .btn{white-space:nowrap}.table-payment-split-warn{color:var(--color-warning);margin:.4rem 0 0;font-size:.8rem;font-weight:600}@media (width<=560px){.table-move-panel{grid-template-columns:1fr}.table-move-controls{flex-direction:column;align-items:stretch}.table-payment-split-fields{grid-template-columns:1fr}.table-payment-fill-wrap .btn{width:100%}}.product-form-card h3{margin:0 0 .25rem}.product-form-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem 1.25rem;margin-top:1rem;display:grid}.product-form-footer{border-top:1px solid #bfdbfe73;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;margin-top:1.25rem;padding-top:1.15rem;display:flex}.product-form-options{flex-wrap:wrap;align-items:stretch;gap:.65rem;display:flex}.product-form-checkbox{border-radius:var(--radius-md,10px);color:var(--navy-900);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#fffffff2,#eff6ffd9);border:1px solid #bfdbfe80;align-items:center;gap:.55rem;margin:0;padding:.55rem .9rem;font-size:.875rem;font-weight:600;transition:border-color .2s,box-shadow .2s;display:inline-flex}.product-form-checkbox:hover{border-color:var(--navy-400,#60a5fa)}.product-form-checkbox:has(input:checked){border-color:var(--navy-500,#3b82f6);background:linear-gradient(135deg,#fff,#dbeafef2);box-shadow:0 0 0 2px #3b82f61f}.product-form-checkbox input{width:1rem;height:1rem;accent-color:var(--navy-600,#2563eb);flex-shrink:0;margin:0}.product-form-checkbox-hint{color:var(--color-muted);font-size:.78rem;font-weight:500}.product-form-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}@media (width<=640px){.product-form-footer{flex-direction:column;align-items:stretch}.product-form-options{flex-direction:column}.product-form-actions{width:100%;margin-left:0}.product-form-actions .btn-primary{width:100%}}.product-stock-badge{text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;gap:.1rem;min-width:3.5rem;padding:.35rem .65rem;font-size:.95rem;font-weight:800;line-height:1.2;display:inline-flex}.product-stock-badge small{opacity:.9;font-size:.68rem;font-weight:600}.product-stock-badge--ok{color:#15803d;background:#22c55e1f;border:1px solid #22c55e59}.product-stock-badge--low{color:#b45309;background:#f59e0b24;border:1px solid #f59e0b66}.product-stock-badge--empty{color:#b91c1c;background:#ef44441f;border:1px solid #ef444459}.product-stock-badge--none{color:var(--color-muted);background:#94a3b81f;border:1px solid #94a3b840;font-size:.8rem;font-weight:600}.product-form-stock-hint{color:var(--color-muted);margin:.5rem 0 0;font-size:.82rem}.product-form-stock-hint strong{color:var(--navy-900)}.report-print-doc{color:var(--navy-900);background:#fff;font-size:10px;line-height:1.3}.report-print-header{border-bottom:1.5px solid var(--navy-800);margin-bottom:.45rem;padding-bottom:.35rem}.report-print-header-main{align-items:center;gap:.55rem;display:flex}.report-print-logo{object-fit:contain;flex-shrink:0;width:44px;height:44px;display:block}.report-print-header-text{text-align:left;flex:1;min-width:0}.report-print-org{letter-spacing:.04em;text-transform:uppercase;color:var(--navy-900);margin:0;font-size:11px;font-weight:800;line-height:1.2}.report-print-unit{color:var(--navy-700);margin:.05rem 0 0;font-size:10px;font-weight:700;line-height:1.2}.report-print-title{color:var(--navy-600);margin:.12rem 0 0;font-size:9.5px;font-weight:600;line-height:1.25}.report-print-meta{color:var(--color-muted);margin:.28rem 0 0;padding-left:calc(44px + .55rem);font-size:8.5px;line-height:1.2}.report-print-meta-sep{margin:0 .35rem}.report-print-table{border-collapse:collapse;width:100%;margin:.25rem 0 .5rem;font-size:9px}.report-print-table th,.report-print-table td{text-align:left;vertical-align:middle;border:1px solid #1e3a5f66;padding:.22rem .35rem}.report-print-table th{background:var(--navy-900);color:#f8fafc;text-transform:uppercase;letter-spacing:.04em;padding:.28rem .35rem;font-size:8px;font-weight:700}.report-print-table tbody tr:nth-child(2n){background:#eff6ff73}.report-print-table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.report-print-table .center{text-align:center}.report-print-table .num-center{text-align:center;font-variant-numeric:tabular-nums}.report-print-totals{background:#eff6ffb3;border:1px solid #2563eb33;border-radius:4px;flex-wrap:wrap;gap:.35rem 1.25rem;margin-top:.4rem;padding:.4rem .55rem;font-size:9px;font-weight:700;display:flex}.report-print-totals p{margin:0}.report-print-footer{color:var(--color-muted);text-align:right;border-top:1px solid #64748b40;margin-top:.45rem;padding-top:.3rem;font-size:8px}.report-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.report-tabs .btn.active{background:var(--gradient-primary);color:#fff;border-color:#0000}.report-screen-preview{overflow-x:auto}.report-screen-preview.card{padding:.85rem 1rem!important}@media print{@page{size:A4;margin:8mm 10mm}body *{visibility:hidden}.report-print-active,.report-print-active *{visibility:visible}.report-print-active{width:100%;position:absolute;top:0;left:0;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important}.report-print-header{margin-bottom:3mm;padding-bottom:2mm}.report-print-logo{width:38px;height:38px}.report-print-meta{padding-left:47.4488px;font-size:7.5pt}.report-print-org{font-size:10pt}.report-print-unit{font-size:9pt}.report-print-title{font-size:8.5pt}.report-print-table{font-size:8pt}.report-print-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:7pt}.report-print-totals{border-radius:0;font-size:8.5pt}.report-print-footer{font-size:7pt}}.menu-page{--menu-ink:#06120d;--menu-ink-2:#0a1c14;--menu-forest:#103526;--menu-emerald:#1fb77d;--menu-lime:#a8f4bf;--menu-mist:#dffbe9;--menu-sage:#7bd59c;--menu-cream:#f2fff5;--menu-white:#f9fffc;--menu-text:#f7fbf6;--menu-text-soft:#f7fbf6bd;--menu-text-muted:#f7fbf680;--menu-line:#dffbe924;--menu-line-strong:#a8f4bf4d;--menu-glass:#09191dad;--menu-card:#ffffff12;--menu-sans:Inter, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--menu-display:"SF Pro Display", Inter, "Helvetica Neue", Arial, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--menu-max:520px;min-height:100dvh;color:var(--menu-text);background:var(--menu-ink);font-family:var(--menu-sans);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;font-weight:450;line-height:1.5;overflow-x:hidden}.menu-page__bg{z-index:0;pointer-events:none;background:radial-gradient(120% 62% at 50% -18%,#a8f4bf33 0%,#1fb77d21 34%,#06120d00 68%),radial-gradient(82% 48% at 100% 18%,#7bd59c24 0%,#a8f4bf14 42%,#06120d00 72%),linear-gradient(145deg,#a8f4bf1a 0%,#06120d00 36%),linear-gradient(215deg,#1fb77d1c 0%,#06120d00 42%),linear-gradient(#06120d 0%,#0a1c14 38%,#0f2c20 70%,#06120d 100%);position:fixed;inset:0}.menu-page__bg:before{content:"";background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 72%);mask-image:linear-gradient(#000c,#0000 72%)}.menu-page__grain{z-index:1;pointer-events:none;opacity:.055;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.62'/%3E%3C/svg%3E");position:fixed;inset:0}.menu-page__inner{z-index:2;width:min(100%, var(--menu-max));min-height:100dvh;margin:0 auto;padding:0 0 3.5rem;position:relative}.menu-page__inner:before{content:"";width:min(100%, var(--menu-max));pointer-events:none;border-inline:1px solid #ffffff0e;position:fixed;top:0;bottom:0;box-shadow:0 0 70px #0000003d}.menu-topbar{z-index:50;padding:max(.9rem, env(safe-area-inset-top)) 1.05rem .85rem;border-bottom:1px solid var(--menu-line);-webkit-backdrop-filter:blur(22px)saturate(1.35);background:linear-gradient(#06120deb,#06120dad),#06120db8;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.menu-topbar-brand{align-items:center;gap:.78rem;min-width:0;display:flex}.menu-topbar .municipality-logo{width:42px!important;height:42px!important}.menu-topbar-text{flex-direction:column;gap:.12rem;min-width:0;display:flex}.menu-topbar-text strong{color:var(--menu-cream);letter-spacing:.11em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.78rem;font-weight:800;overflow:hidden}.menu-topbar-text span{color:var(--menu-text-muted);font-size:.72rem;font-weight:600}.menu-refresh{width:42px;height:42px;color:var(--menu-cream);background:linear-gradient(145deg,#ffffff29,#ffffff0a),#ffffff0d;border:1px solid #ffffff2e;border-radius:999px;flex:none;place-items:center;padding:0;font-size:1.18rem;line-height:1;display:inline-grid;box-shadow:inset 0 1px #ffffff2b,0 16px 34px #0003}.menu-refresh:hover:not(:disabled){color:#071017;background:linear-gradient(135deg, var(--menu-lime), var(--menu-emerald));border-color:#dffbe9b3;box-shadow:0 18px 40px #1db38a3d}.menu-refresh:disabled{cursor:wait;opacity:.42}.menu-intro{isolation:isolate;text-align:left;padding:1.15rem 1rem .8rem;position:relative}.menu-intro:before{content:"";z-index:-1;background:linear-gradient(90deg, var(--menu-lime), #1fb77d66, transparent);height:1px;position:absolute;inset:auto 1rem 0}.menu-intro-eyebrow{color:var(--menu-lime);letter-spacing:.11em;text-transform:uppercase;margin:0 0 .18rem;font-size:.68rem;font-weight:850}.menu-intro h1{color:var(--menu-white);font-family:var(--menu-display);letter-spacing:0;margin:0;font-size:clamp(1.32rem,5.4vw,1.72rem);font-weight:780;line-height:1.08}.menu-nav-wrap{z-index:40;-webkit-backdrop-filter:blur(18px);background:linear-gradient(#06120df5,#06120dad 66%,#06120d00);padding:.72rem 0 .68rem;position:sticky;top:69px}.menu-nav{scrollbar-width:none;gap:.48rem;padding:0 1rem .1rem;display:flex;overflow-x:auto}.menu-nav::-webkit-scrollbar{display:none}.menu-nav button,.menu-subnav button{max-width:min(72vw,260px);color:var(--menu-text-soft);text-overflow:ellipsis;white-space:nowrap;background:#fff1;border:1px solid #ffffff1c;border-radius:999px;flex:none;overflow:hidden}.menu-nav button{letter-spacing:.075em;text-transform:uppercase;min-height:42px;padding:0 1rem;font-size:.72rem;font-weight:900}.menu-nav button.active,.menu-subnav button.active{color:#071017;background:linear-gradient(135deg, var(--menu-lime), var(--menu-emerald));border-color:#dffbe9ad;box-shadow:0 14px 32px #1db38a2e}.menu-subnav{scrollbar-width:none;gap:.42rem;padding:.62rem 1rem .1rem;display:flex;overflow-x:auto}.menu-subnav::-webkit-scrollbar{display:none}.menu-subnav button{letter-spacing:.045em;min-height:34px;padding:0 .82rem;font-size:.68rem;font-weight:850}.menu-body{padding:.42rem 1rem 0}.menu-section{margin-bottom:2.4rem}.menu-section-head{border-bottom:1px solid var(--menu-line);margin:0 0 .95rem;padding:0 0 .82rem;position:relative}.menu-section-head:after{content:"";background:linear-gradient(90deg, var(--menu-lime), var(--menu-emerald));width:84px;height:1px;position:absolute;bottom:-1px;left:0}.menu-section-kicker{color:var(--menu-sage);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.22rem;font-size:.62rem;font-weight:950;display:block}.menu-section-head h2{color:var(--menu-cream);font-family:var(--menu-display);letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:clamp(1.35rem,6.6vw,1.95rem);font-weight:780;line-height:1}.menu-subhead{width:fit-content;max-width:100%;color:var(--menu-lime);letter-spacing:.14em;text-transform:uppercase;overflow-wrap:anywhere;background:#a8f4bf14;border:1px solid #a8f4bf2e;border-radius:999px;margin:1.25rem 0 .7rem;padding:.28rem .66rem;font-size:.64rem;font-weight:950}.menu-item{isolation:isolate;background:linear-gradient(135deg,#ffffff18,#ffffff09),#ffffff0b;border:1px solid #ffffff1b;border-radius:8px;margin-bottom:.66rem;padding:.9rem .92rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1c,0 18px 44px #00000021}.menu-item-glow{z-index:-1;background:linear-gradient(180deg, var(--menu-lime), var(--menu-emerald), var(--menu-sage));opacity:.75;width:3px;position:absolute;inset:0 auto 0 0}.menu-item-row{align-items:flex-start;gap:.62rem;display:flex}.menu-item-name-wrap{flex-direction:column;flex:auto;gap:.28rem;min-width:0;display:flex}.menu-item-name{color:var(--menu-white);letter-spacing:0;overflow-wrap:anywhere;font-size:1rem;font-weight:760;line-height:1.26}.menu-item-leader{border-bottom:1px dashed #dffbe938;flex:34px;min-width:20px;margin-top:.72rem}.menu-item-price{color:var(--menu-cream);font-family:var(--menu-display);white-space:nowrap;flex:none;font-size:1.02rem;font-weight:780;line-height:1.2}.menu-item-tag{color:#a8f4bfd1;letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap;width:fit-content;max-width:100%;font-size:.68rem;font-weight:780;display:inline-block;overflow:hidden}.menu-loading{flex-direction:column;justify-content:center;align-items:center;min-height:62dvh;padding:2rem;display:flex}.menu-loading .municipality-logo{width:88px!important;height:88px!important}.menu-loading-text{color:var(--menu-text-muted);letter-spacing:.22em;text-transform:uppercase;margin-top:1.7rem;font-size:.74rem;font-weight:900}.menu-skeleton{flex-direction:column;gap:.78rem;padding:1.5rem 1rem;display:flex}.menu-skeleton-line{background:linear-gradient(90deg,#ffffff0e 0%,#a8f4bf2e 50%,#ffffff0e 100%) 0 0/220% 100%;border-radius:999px;height:14px;animation:1.45s ease-in-out infinite menu-shimmer}.menu-skeleton-line.w60{width:60%}.menu-skeleton-line.w80{width:80%}.menu-skeleton-line.w40{width:40%}@keyframes menu-shimmer{0%{background-position:220% 0}to{background-position:-220% 0}}.menu-state{color:var(--menu-text-soft);text-align:center;border:1px solid var(--menu-line);background:#ffffff0e;border-radius:8px;margin:2rem 1rem;padding:2rem 1.25rem}.menu-state p{color:inherit;font-size:.95rem;line-height:1.7}.menu-state-error p{color:#ffc4bf}.menu-state-btn{color:#071017;background:linear-gradient(135deg, var(--menu-lime), var(--menu-emerald));letter-spacing:.12em;text-transform:uppercase;border:1px solid #dffbe994;border-radius:999px;min-height:44px;margin-top:1.25rem;padding:0 1.5rem;font-size:.72rem;font-weight:950}.menu-footer{text-align:center;margin-top:3rem;padding:0 1rem 2.4rem}.menu-footer-rule{background:linear-gradient(90deg,#0000,#a8f4bf80,#1fb77d8c,#0000);height:1px;margin-bottom:1.5rem}.menu-footer-venue{color:var(--menu-cream);font-family:var(--menu-display);letter-spacing:0;font-size:1.02rem;font-weight:760}.menu-footer-note{max-width:28rem;color:var(--menu-text-muted);margin:.56rem auto 0;font-size:.84rem;font-weight:560;line-height:1.75}.menu-footer-tax{min-height:32px;color:var(--menu-lime);letter-spacing:.055em;text-transform:uppercase;background:#a8f4bf14;border:1px solid #a8f4bf2e;border-radius:999px;justify-content:center;align-items:center;margin:.95rem auto 0;padding:0 .86rem;font-size:.72rem;font-weight:820;display:inline-flex}.menu-footer-credit{border-top:1px solid var(--menu-line);margin-top:1.8rem;padding-top:1.6rem}.menu-footer-credit .municipality-logo{opacity:.94;margin:0 auto .75rem;width:34px!important;height:34px!important}.menu-footer-creative{color:var(--menu-text-muted);letter-spacing:.24em;text-transform:uppercase;font-size:.6rem;font-weight:900;display:block}.menu-footer-credit strong{color:var(--menu-text-soft);letter-spacing:.04em;margin-top:.3rem;font-size:.85rem;font-weight:850;display:block}.menu-footer-year{color:var(--menu-text-muted);margin-top:.35rem;font-size:.68rem;display:block}@media (width>=700px){.menu-page__inner{padding-bottom:4.5rem}.menu-intro{padding-top:2.45rem}.menu-body{padding-inline:1.2rem}}@media (width<=380px){.menu-intro{padding-inline:.78rem}.menu-item{padding-inline:.76rem}.menu-item-row{gap:.42rem}.menu-item-price{font-size:.96rem}}@media (prefers-reduced-motion:reduce){.menu-skeleton-line{animation:none}.menu-refresh,.menu-nav button,.menu-subnav button{transition:none}}:root{--navy-950:#0a0f1a;--navy-900:#0f172a;--navy-800:#1e293b;--navy-700:#1e3a5f;--navy-600:#1d4ed8;--navy-500:#2563eb;--navy-400:#3b82f6;--navy-300:#60a5fa;--navy-200:#93c5fd;--navy-100:#dbeafe;--navy-50:#eff6ff;--slate-muted:#64748b;--cyan-accent:#38bdf8;--color-primary:var(--navy-600);--color-primary-dark:var(--navy-900);--color-accent:var(--cyan-accent);--color-bg:var(--navy-50);--color-surface:#ffffffe0;--color-text:#0f172a;--color-muted:#64748b;--color-border:#2563eb26;--color-success:#059669;--color-warning:#d97706;--color-danger:#dc2626;--color-info:#0284c7;--shadow-sm:0 2px 8px #0f172a0f;--shadow-soft:0 8px 32px #1e3a5f1f;--shadow-premium:0 20px 50px #0f172a2e;--shadow-glow:0 0 40px #2563eb1f;--radius:14px;--radius-lg:20px;--font:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--gradient-page:radial-gradient(ellipse 120% 80% at 0% -20%, #93c5fd73 0%, transparent 50%), radial-gradient(ellipse 90% 60% at 100% 0%, #38bdf826 0%, transparent 45%), radial-gradient(ellipse 70% 50% at 50% 100%, #1e3a8a14 0%, transparent 50%), linear-gradient(165deg, #f8fafc 0%, #eff6ff 35%, #e0e7ff 70%, #f1f5f9 100%);--gradient-card:linear-gradient(145deg, #fffffff5 0%, #eff6ffe6 100%);--gradient-primary:linear-gradient(135deg, #3b82f6 0%, #2563eb 40%, #1d4ed8 100%);--gradient-primary-hover:linear-gradient(135deg, #60a5fa 0%, #3b82f6 40%, #2563eb 100%);--gradient-accent:linear-gradient(135deg, #67e8f9 0%, #38bdf8 50%, #0ea5e9 100%);--gradient-sidebar:linear-gradient(175deg, #0a0f1a 0%, #0f172a 30%, #1e293b 65%, #1e3a5f 100%);--gradient-heading:linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #2563eb 85%, #60a5fa 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--gradient-page);color:var(--color-text);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;line-height:1.55}a{color:var(--navy-600);text-decoration:none}button,.btn{cursor:pointer;border-radius:var(--radius);letter-spacing:.01em;border:none;padding:.7rem 1.35rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .25s,filter .2s}button:active,.btn:active{transform:scale(.98)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px #2563eb66,inset 0 1px #fff3}.btn-primary:hover{background:var(--gradient-primary-hover);filter:brightness(1.03);box-shadow:0 8px 28px #2563eb73}.btn-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);color:var(--navy-800);box-shadow:var(--shadow-sm);background:#fffc}.btn-secondary:hover{background:#fffffffa;border-color:#2563eb4d}.btn-accent{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 20px #0ea5e959}.btn-danger{color:#fff;background:linear-gradient(135deg,#f87171,#dc2626);box-shadow:0 4px 16px #dc26264d}.btn-lg{padding:1rem 1.5rem;font-size:1rem}.btn-xl{min-height:72px;padding:1.25rem 2rem;font-size:1.15rem}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%;color:var(--color-text);background:#ffffffeb;padding:.7rem 1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--navy-400);outline:none;box-shadow:0 0 0 4px #3b82f626}.card{background:var(--gradient-card);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid #ffffffb3;padding:1.35rem 1.4rem;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fffffff2,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f614 0%,#0000 70%);width:180px;height:180px;position:absolute;top:-40%;right:-20%}.card-title{color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem;font-size:.75rem;font-weight:700}.card-value{letter-spacing:-.03em;background:var(--gradient-heading);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.85rem;font-weight:800}.table-wrap{border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #2563eb14;padding:.8rem 1rem}th{text-transform:uppercase;letter-spacing:.06em;color:var(--navy-800);background:linear-gradient(#eff6fff2,#dbeafe99);font-size:.72rem;font-weight:700}.badge{letter-spacing:.02em;border-radius:999px;padding:.28rem .65rem;font-size:.72rem;font-weight:700;display:inline-block}.badge-open{color:var(--navy-800);background:linear-gradient(135deg,#dbeafe,#93c5fd)}.badge-empty{color:var(--color-muted);background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.badge-payment{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a)}.badge-closed{color:var(--color-danger);background:linear-gradient(135deg,#fee2e2,#fecaca)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.15rem;display:grid}.page-header{margin-bottom:1.75rem}.page-header h1{letter-spacing:-.03em;background:var(--gradient-heading);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.9rem;font-weight:800}.page-header p{color:var(--color-muted);margin-top:.35rem;font-size:.95rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--navy-800);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--gradient-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-premium);border:1px solid #ffffffbf;padding:1.75rem;overflow-y:auto}.alert{border-radius:var(--radius);margin-bottom:1rem;padding:.85rem 1.1rem;font-weight:500}.alert-error{color:#b91c1c;background:linear-gradient(135deg,#fee2e2f2,#fecacacc);border:1px solid #dc262633}.alert-success{color:var(--navy-800);background:linear-gradient(135deg,#dbeafef2,#bfdbfecc);border:1px solid #2563eb33}@media print{.no-print{display:none!important}.print-only{display:block!important}}.main-content{position:relative}.main-content:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#3b82f61a 0%,#0000 70%);width:420px;height:420px;position:fixed;top:8%;right:4%}.main-content>*{z-index:1;position:relative}.stat-card{transition:transform .25s,box-shadow .25s}.stat-card:hover{box-shadow:var(--shadow-premium), var(--shadow-glow);transform:translateY(-3px)}.chart-card{background:var(--gradient-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid #ffffffb3;padding:1.35rem}.chart-card h3{color:var(--navy-900);letter-spacing:-.02em;margin-bottom:1rem;font-size:1rem;font-weight:700}.premium-shell{position:relative;overflow:hidden}.premium-shell:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f633 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-200px;right:-150px}.premium-shell:after{content:"";pointer-events:none;background:radial-gradient(circle,#1e3a8a26 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-150px;left:-100px}.loading-text{color:var(--color-muted);align-items:center;gap:.5rem;font-weight:500;display:flex}.loading-text:before{content:"";border:2px solid #bfdbfe;border-top-color:var(--navy-500);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.municipality-logo{background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.municipality-logo img{object-fit:contain;border-radius:50%;width:100%;height:100%;display:block}.municipality-logo--shadow img{filter:drop-shadow(0 6px 20px #0f172a33)}.sidebar-brand .sidebar-logo{margin-bottom:0}.sidebar-brand .municipality-logo--shadow img{filter:drop-shadow(0 4px 14px #00000059)}.login-header .municipality-logo{margin:0 auto 1rem}.settings-logo-row{align-items:center;gap:1.25rem;margin-bottom:.5rem;display:flex}.page-brand-bar{border-radius:var(--radius-lg);background:linear-gradient(135deg,#ffffffe6,#eff6ffd9);border:1px solid #bfdbfe73;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.page-brand-bar-text h2{color:var(--navy-900);margin:0;font-size:1rem;font-weight:800}.page-brand-bar-text span{color:var(--color-muted);font-size:.8rem;font-weight:600}