.app{display:flex;flex-direction:column;min-height:100vh}.app-nav{background:linear-gradient(135deg,#B35656 0%,#d97777 100%);color:#fff;padding:0;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-title{margin:0;font-size:1.5em;font-weight:700;padding:15px 0}.nav-menu{list-style:none;margin:0;padding:0;display:flex;gap:0}.nav-link{background:none;border:none;color:#fff;padding:20px;font-size:1em;cursor:pointer;transition:all .3s ease;font-weight:500;position:relative}.nav-link:hover{background-color:#0000001a}.nav-link.active{background-color:#0003;border-bottom:3px solid white}.app-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:20px}.app-header{text-align:center;margin-bottom:40px;padding:40px 20px;background:linear-gradient(135deg,#B35656 0%,#87B6BC 100%);border-radius:16px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px #0000004d;position:relative;overflow:hidden}.app-header:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 70%);pointer-events:none}.app-header h1{margin:0;font-size:2.8em;font-weight:700;letter-spacing:-1px;position:relative;z-index:1}.app-header p{margin:15px 0 0;font-size:1.15em;opacity:.95;position:relative;z-index:1}@media (max-width: 768px){.nav-container{flex-direction:column;gap:10px}.nav-title{font-size:1.2em;padding:10px 0}.nav-menu{width:100%;justify-content:center}.nav-link{padding:15px;font-size:.9em}.app-header h1{font-size:1.8em}.app-header p{font-size:.95em}}.menu-item-selector{width:100%;margin-bottom:30px}.menu-item-selector h2{text-align:center;margin-bottom:20px;color:#b35656}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.menu-item-card{background:#2a2a2a;border:2px solid #444;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;cursor:pointer;position:relative;overflow:hidden}.menu-item-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(179,86,86,.1),transparent 80%);pointer-events:none}.menu-item-card:hover{border-color:#b35656;transform:translateY(-6px);box-shadow:0 20px 40px #b3565640,0 0 20px #b3565626;background:linear-gradient(135deg,#2a2a2a 0%,#323232 100%)}.item-color-circle{width:80px;height:80px;border-radius:50%;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;font-size:2em;box-shadow:0 8px 20px #0000004d;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.15),rgba(0,0,0,.1));transition:all .3s ease}.menu-item-card:hover .item-color-circle{transform:scale(1.1);box-shadow:0 12px 30px #0006}.item-emoji{display:block}.menu-item-card h3{margin:10px 0;font-size:1.2em}.item-price{margin:5px 0 15px;font-size:1.8em;color:#f6f09f;font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.quantity-control{display:flex;align-items:center;justify-content:center;gap:10px;margin:15px 0}.quantity-control button{width:40px;height:40px;padding:0;border-radius:6px;background-color:#333;border:2px solid #B35656;color:#b35656;font-weight:700;cursor:pointer;transition:all .2s;font-size:1.1em}.quantity-control button:hover{background-color:#b35656;color:#fff;transform:scale(1.1)}.quantity-control button:active{transform:scale(.98)}.quantity-control input{width:50px;text-align:center;padding:8px;border:1px solid #444;border-radius:6px;background-color:#333;color:#fff;font-size:1em}.add-btn{background:linear-gradient(135deg,#B35656 0%,#87B6BC 100%);border:none;color:#fff;font-weight:700;padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .3s;margin-top:auto}.add-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #b3565666}.order-summary{width:100%;max-width:600px;background:#2a2a2a;border-radius:12px;padding:25px;margin-bottom:30px;border:1px solid #333;box-shadow:0 8px 24px #0000004d}.order-summary.empty{text-align:center;padding:60px 25px;display:flex;align-items:center;justify-content:center;min-height:200px}.empty-message{font-size:1.5em;color:#666}.order-summary h2{margin-top:0;margin-bottom:20px;color:#b35656;font-size:1.5em;font-weight:600}.order-items{display:flex;flex-direction:column;gap:12px}.order-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#333;border-radius:8px;border-left:4px solid #B35656;transition:all .2s ease}.order-item:hover{background:#373737;box-shadow:0 4px 12px #b3565626}.item-info{display:flex;flex-direction:column;gap:5px;flex:1}.item-name{font-weight:700;font-size:1em;color:#fff}.item-details{font-size:.85em;color:#aaa}.item-pricing{display:flex;align-items:center;gap:12px;min-width:140px}.price-column{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.subtotal{color:#999;text-decoration:line-through;font-size:.85em}.discounted-subtotal{font-weight:700;color:#f6f09f;font-size:1.1em}.discount-badge{background:#ff6b6b;color:#fff;padding:4px 10px;border-radius:6px;font-size:.8em;font-weight:700;animation:pulse .5s ease-out}@keyframes pulse{0%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.item-controls{display:flex;align-items:center;gap:8px;justify-self:end}.qty-btn{width:32px;height:32px;padding:0;border:2px solid #B35656;background:#333;color:#b35656;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s;font-size:.95em}.qty-btn:hover{background:#B35656;color:#fff;transform:scale(1.1)}.qty-btn:active{transform:scale(.95)}.qty-input{width:45px;padding:6px;text-align:center;border:1px solid #444;background:#333;color:#fff;border-radius:4px;font-size:.95em}.remove-btn{padding:6px 10px;border:none;background:transparent;cursor:pointer;font-size:1.2em;transition:transform .2s}.remove-btn:hover{transform:scale(1.2)}.price-display{width:100%;max-width:600px;background:linear-gradient(135deg,#B35656 0%,#87B6BC 100%);border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 15px 40px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes highlightPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.price-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2);animation:slideIn .4s ease-out}.price-item:last-child{border-bottom:none}.price-label{font-size:1em;color:#ffffffe6;font-weight:500}.price-value{font-size:1.1em;color:#fff;font-weight:700}.price-item.discount{padding:10px 0}.discount-label{color:#ffffffd9;font-size:.95em}.discount-value{color:#f6f09f;font-size:1em}.price-item.total{background:rgba(0,0,0,.2);margin:0 -25px -25px;padding:15px 25px;border-radius:0 0 12px 12px;border:none;animation:highlightPulse .6s ease-in-out}.total-label{font-size:1.2em;color:#fff;font-weight:700}.total-value{font-size:1.8em;color:#fff;font-weight:700;animation:slideIn .5s ease-out}.member-toggle{width:100%;max-width:600px;margin-bottom:30px;padding:20px;background:#2a2a2a;border-radius:12px;border:2px solid #444;transition:all .3s ease}.member-toggle.active{border-color:#b35656;box-shadow:0 0 20px #b3565633;background:linear-gradient(135deg,#2a2a2a 0%,#333333 100%)}.toggle-label{display:flex;align-items:center;gap:15px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-input{display:none}.toggle-slider{width:50px;height:28px;background-color:#444;border-radius:14px;position:relative;transition:all .4s ease;border:2px solid #666;flex-shrink:0}.toggle-slider:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:all .4s ease}.toggle-input:checked+.toggle-slider{background-color:#b35656;border-color:#87b6bc}.toggle-input:checked+.toggle-slider:after{left:26px}.toggle-text{font-size:1.05em;color:#fff;font-weight:500;display:flex;flex-direction:column;gap:8px}.status-active{color:#f6f09f}.status-inactive{color:#aaa}.badge{font-size:.75em;opacity:.8;font-weight:400;font-style:italic}.order-calculator{display:grid;grid-template-columns:3fr 1fr;gap:40px;align-items:start;width:100%;max-width:1400px;margin:0 auto}.calculator-left{display:flex;flex-direction:column}.calculator-right{display:flex;flex-direction:column;align-items:center}.action-buttons{display:flex;gap:15px;width:100%;max-width:600px;margin-top:20px}.checkout-btn,.clear-btn{flex:1;padding:15px 20px;font-size:1em;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.checkout-btn{background:linear-gradient(135deg,#B35656 0%,#87B6BC 100%);color:#fff}.checkout-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 25px #b3565666}.checkout-btn:disabled{opacity:.5;cursor:not-allowed}.clear-btn{background:#333;color:#fff;border:2px solid #B35656}.clear-btn:hover:not(:disabled){background:#B35656;color:#fff;box-shadow:0 5px 15px #b356564d}.clear-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.order-calculator{grid-template-columns:1fr;gap:30px}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}}@media (max-width: 768px){.order-calculator{padding:0 10px}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:15px!important}.action-buttons{flex-direction:column}.order-item{grid-template-columns:1fr!important;gap:10px!important}.item-controls{justify-self:auto!important}}.analytics-page{padding:30px 20px;max-width:1400px;margin:0 auto;background:#fafafa;min-height:calc(100vh - 100px)}.analytics-header{text-align:center;margin-bottom:40px}.analytics-header h2{margin:0;font-size:2.5em;color:#333;font-weight:700}.analytics-header p{margin:12px 0 0;color:#666;font-size:1.1em}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px}.summary-card{background:white;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:16px;transition:all .3s ease;border-left:4px solid #B35656}.summary-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.card-icon{font-size:2.5em;min-width:60px;text-align:center}.card-content{flex:1}.card-value{font-size:1.8em;font-weight:700;color:#b35656;margin-bottom:4px}.card-label{font-size:.9em;color:#999;text-transform:uppercase;letter-spacing:.5px}.top-items-container{background:white;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px #00000014}.top-items-container h3{margin:0 0 20px;font-size:1.3em;color:#333}.top-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.top-item-card{background:linear-gradient(135deg,#f5f5f5 0%,#eee 100%);border-radius:8px;padding:16px;border-left:4px solid #B35656}.item-name{font-weight:600;color:#333;margin-bottom:12px;font-size:1.1em}.item-stat{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #ddd}.item-stat:last-child{border-bottom:none}.stat-label{color:#999;font-size:.85em}.stat-value{color:#b35656;font-weight:600}.table-container{background:white;border-radius:12px;padding:30px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-header h3{margin:0;font-size:1.4em;color:#333}.refresh-btn{background:#B35656;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s}.refresh-btn:hover:not(:disabled){background:#d97777;transform:scale(1.05)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.analytics-table{width:100%;border-collapse:collapse;overflow:hidden}.analytics-table thead{background:#f5f5f5;border-bottom:2px solid #ddd}.analytics-table th{padding:16px 12px;text-align:left;font-weight:600;color:#555;font-size:.95em;text-transform:uppercase;letter-spacing:.5px}.analytics-table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s}.analytics-table tbody tr:hover{background-color:#f9f9f9}.analytics-table td{padding:14px 12px;color:#555}.name-cell{font-weight:600;color:#b35656}.price-cell{text-align:right}.qty-cell{text-align:center;background-color:#f0f0f0;border-radius:4px}.discount-cell{color:#d97777;font-weight:500;text-align:right}.total-cell{color:#b35656;font-weight:700;text-align:right}.timestamp-cell{color:#999;font-size:.9em;white-space:nowrap}.footer-row{background-color:#f5f5f5;border-top:2px solid #ddd;font-weight:700;color:#333}.footer-row td{padding:16px 12px}.empty-state{text-align:center;padding:60px 20px}.empty-state p{font-size:1.5em;color:#999;margin:0 0 10px}.empty-state small{color:#bbb;font-size:1em}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.spinner{width:50px;height:50px;border:5px solid #f0f0f0;border-top:5px solid #B35656;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{color:#666;font-size:1.1em;margin:0}.alert{padding:16px 20px;border-radius:8px;margin-bottom:30px;font-weight:500}.alert-error{background-color:#ffe6e6;color:#d32f2f;border:1px solid #ffcccc}.refresh-info{text-align:center;color:#999;font-size:.9em;margin-top:15px}@media (max-width: 1024px){.summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.analytics-page{padding:20px 15px}.analytics-header h2{font-size:1.8em}.analytics-header p{font-size:.95em}.summary-grid{grid-template-columns:repeat(2,1fr);gap:15px}.summary-card{padding:16px;flex-direction:column;text-align:center}.card-icon{font-size:2em;min-width:auto}.card-value{font-size:1.4em}.top-items-grid{grid-template-columns:repeat(2,1fr)}.table-container{padding:20px;overflow-x:auto}.analytics-table{font-size:.9em}.analytics-table th,.analytics-table td{padding:10px 8px}.timestamp-cell{display:none}}@media (max-width: 480px){.analytics-page{padding:15px 10px}.analytics-header h2{font-size:1.4em}.summary-grid{grid-template-columns:1fr;gap:12px}.summary-card{padding:12px}.card-value{font-size:1.2em}.top-items-grid{grid-template-columns:1fr}.table-container{padding:15px;overflow-x:auto}.analytics-table{font-size:.8em;min-width:600px}.analytics-table th,.analytics-table td{padding:8px 6px}.table-header{flex-direction:column;gap:10px;align-items:flex-start}.footer-row{display:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a;--primary: #B35656;--secondary: #87B6BC;--accent: #F6F09F;--muted: #BED4CB;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#b35656;text-decoration:inherit}a:hover{color:#87b6bc}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#b35656}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}