body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus{outline:none}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #4ecdc4;outline-offset:2px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.app,.app-header{position:relative}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-bottom:1px solid #ffffff1a;padding:3rem 1rem 2rem;text-align:center}.logo{gap:1rem;margin-bottom:.5rem}.logo,.logo-container{align-items:center;display:flex;justify-content:center}.logo-image{filter:drop-shadow(0 0 10px rgba(255,255,255,.3));height:60px;transition:transform .3s ease,filter .3s ease;width:60px}.logo-image:hover{filter:drop-shadow(0 0 15px rgba(255,255,255,.5));transform:scale(1.1)}.floating-logo{bottom:1rem;cursor:pointer;filter:drop-shadow(0 0 20px rgba(255,215,0,.3));left:1rem;position:fixed;transition:all .3s ease;z-index:1000}.floating-logo-image{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffd7004d;border-radius:50%;height:60px;transition:all .3s ease;width:60px}.floating-logo-glow{animation:logoGlow 3s ease-in-out infinite alternate;background:radial-gradient(circle,#ffd70033 0,#0000 70%);border-radius:50%;height:80px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}@keyframes logoGlow{0%{opacity:.3;transform:translate(-50%,-50%) scale(.8)}to{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.floating-logo:hover .floating-logo-image{border-color:#ffd700cc;box-shadow:0 0 30px #ffd70080}.floating-logo:hover .floating-logo-glow{animation-duration:1.5s}@media (max-width:768px){.floating-logo{bottom:.5rem;left:.5rem}.floating-logo-image{height:50px;width:50px}.floating-logo-glow{height:70px;width:70px}.track-order-btn-header{font-size:.8rem!important;left:.5rem!important;padding:.4rem .8rem!important;top:.1rem!important}}.logo-icon{filter:drop-shadow(0 0 10px rgba(255,255,255,.3));font-size:2.5rem}.logo h1{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:2.5rem;font-weight:700}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.tagline{color:#b0b0b0;font-size:1.1rem;font-style:italic}.admin-toggle{border:none;border-radius:20px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem}.admin-toggle,.order-notification{background:linear-gradient(45deg,#ff6b6b,#4ecdc4)}.order-notification{align-items:center;border-radius:15px;box-shadow:0 10px 30px #0000004d;display:flex;gap:1rem;left:50%;max-width:90%;padding:1rem 1.5rem;position:fixed;top:2rem;transform:translateX(-50%);width:auto;z-index:2000}.notification-icon{color:#fff;flex-shrink:0}.order-notification span{color:#fff;flex:1 1;font-weight:600}.close-notification{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.admin-view{flex:1 1;margin:0 auto;max-width:1200px;padding:1rem;width:100%}.admin-header{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:2rem;padding:1.5rem;text-align:center}.admin-header h2{color:#fff;font-size:2rem;margin-bottom:.5rem}.admin-header p{color:#4ecdc4;font-size:1.1rem;font-weight:600}.admin-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.admin-actions button{align-items:center;background:linear-gradient(45deg,#4ecdc4,#45b7d1);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.admin-actions button:hover{box-shadow:0 5px 15px #4ecdc44d;transform:translateY(-2px)}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.no-orders{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:3rem 1rem;text-align:center}.no-orders span{display:block;font-size:4rem;margin-bottom:1rem}.no-orders h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.no-orders p{color:#b0b0b0}.order-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem;transition:all .3s ease}.order-card.pending{border-color:#ff6b6b;box-shadow:0 0 20px #ff6b6b33}.order-card.preparing{border-color:#ffa726;box-shadow:0 0 20px #ffa72633}.order-card.delivering{border-color:#4ecdc4;box-shadow:0 0 20px #4ecdc433}.order-card.delivered{border-color:#66bb6a;box-shadow:0 0 20px #66bb6a33}.order-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.order-header h3{color:#fff;font-size:1.2rem}.order-time{color:#b0b0b0;font-size:.9rem}.order-items{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.delivery-details{background:#4ecdc41a;border:1px solid #4ecdc44d;border-radius:10px;margin-bottom:1rem;padding:1rem}.delivery-details h4{color:#4ecdc4;font-size:1rem;font-weight:600;margin:0 0 .75rem}.delivery-info{display:flex;flex-direction:column;gap:.5rem}.delivery-row{gap:.5rem}.delivery-icon{font-size:1rem;width:1.5rem}.delivery-text{color:#ffffffe6;font-size:.9rem;font-weight:500}.order-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:.5rem 0}.order-item span:first-child{color:#fff;flex:1 1}.order-item span:not(:first-child){color:#4ecdc4;font-weight:600;margin-left:1rem}.order-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:1rem}.order-total{display:flex;flex-direction:column;gap:.25rem}.order-total strong{color:#4ecdc4;font-size:1.1rem}.payment-method{color:#b0b0b0;font-size:.9rem}.order-status select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;min-width:120px;padding:.5rem 1rem}.order-status select:focus{outline:2px solid #4ecdc4;outline-offset:2px}.order-status select option{background:#1a1a2e!important;border:none!important;color:#fff!important;font-size:.9rem!important;min-height:2rem!important;padding:.5rem!important}.order-status select option:hover{background:#4ecdc4!important;color:#1a1a2e!important}.order-status select option:checked,.order-status select option:selected{background:#4ecdc4!important;color:#1a1a2e!important;font-weight:700!important}.order-status select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;padding-right:2.5rem}.tracking-view{flex:1 1;margin:0 auto;max-width:800px;padding:1rem;width:100%}.tracking-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.tracking-header h2{color:#fff;font-size:2rem}.order-details{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:2rem;padding:1.5rem}.order-id{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.order-id h3{color:#fff;font-size:1.2rem}.order-id span{color:#b0b0b0;font-size:.9rem}.order-items-tracking{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.tracking-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:.5rem 0}.tracking-item span:first-child{color:#fff;flex:1 1}.tracking-item span:not(:first-child){color:#4ecdc4;font-weight:600;margin-left:1rem}.order-total-tracking{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:1rem}.order-total-tracking strong{color:#4ecdc4;font-size:1.2rem}.tracking-status{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:2rem;padding:1.5rem;text-align:center}.tracking-status h3{color:#fff;font-size:1.3rem;margin-bottom:1rem}.status-indicator{border-radius:10px;display:inline-block;font-size:1.5rem;font-weight:600;padding:1rem}.status-indicator.pending{background:#ff6b6b33;border:1px solid #ff6b6b4d;color:#ff6b6b}.status-indicator.preparing{background:#ffa72633;border:1px solid #ffa7264d;color:#ffa726}.status-indicator.delivering{background:#4ecdc433;border:1px solid #4ecdc44d;color:#4ecdc4}.status-indicator.delivered{background:#66bb6a33;border:1px solid #66bb6a4d;color:#66bb6a}.tracking-steps{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:2rem;padding:1.5rem}.tracking-steps h3{color:#fff;font-size:1.3rem;margin-bottom:1.5rem;text-align:center}.tracking-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.track-order-btn{align-items:center;background:linear-gradient(45deg,#4ecdc4,#45b7d1);border:none;border-radius:12px;box-shadow:0 4px 15px #4ecdc44d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem}.menu-view{flex:1 1;margin:0 auto;max-width:1200px;padding:1rem;width:100%}.menu-header{margin-bottom:2rem;text-align:center}.menu-header h2{color:#fff;font-size:2rem;margin-bottom:.5rem}.menu-header p{color:#b0b0b0;font-size:1.1rem}.menu-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.menu-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.menu-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.menu-item:hover:before{left:100%}.menu-item:hover{border-color:#ff6b6b80;box-shadow:0 0 20px #ff6b6b4d}.item-image{align-items:center;display:flex;font-size:3rem;justify-content:center;margin-bottom:1rem;min-height:4rem;text-align:center}.item-image img{max-height:4rem;max-width:100%;object-fit:contain}.item-info h3{color:#fff;font-size:1.3rem;margin-bottom:.5rem}.item-info p{color:#b0b0b0;line-height:1.4;margin-bottom:1rem}.item-price{font-size:1.2rem;font-weight:600}.add-button{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;border-radius:50%;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;width:40px}.add-button,.cart-preview{align-items:center;display:flex}.cart-preview{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#4ecdc4f2,#45b7d1f2);border:1px solid #ffffff4d;border-radius:25px;bottom:1.5rem;box-shadow:0 15px 40px #4ecdc44d;justify-content:space-between;left:50%;max-width:calc(100vw - 2rem);padding:1rem 1.5rem;position:fixed;transform:translateX(-50%);width:320px;z-index:1000}.cart-info{display:flex;flex-direction:column;gap:.1rem;text-align:center}.cart-info span{font-size:1.1rem}.cart-info span,.view-cart-btn{font-weight:700;text-shadow:0 1px 3px #0000004d}.view-cart-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:2px solid #fff6;border-radius:20px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;padding:.8rem 1.5rem;text-align:center;transition:all .3s ease;white-space:nowrap;width:120px}.view-cart-btn:hover{background:#ffffff59;border-color:#fff9;box-shadow:0 8px 25px #4ecdc466;transform:translateY(-2px)}.cart-preview:hover{box-shadow:0 20px 50px #4ecdc466;transform:translateX(-50%) translateY(-2px)}.cart-view{flex:1 1;margin:0 auto;max-width:800px;padding:1rem;width:100%}.cart-header{gap:1rem;margin-bottom:2rem}.back-btn,.cart-header{align-items:center;display:flex}.back-btn{background:none;border:none;border-radius:8px;color:#4ecdc4;cursor:pointer;font-size:1.1rem;gap:.5rem;padding:.5rem;transition:all .3s ease}.back-btn:hover{background:#4ecdc41a}.cart-header h2{color:#fff;font-size:2rem}.cart-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.cart-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;padding:1rem}.cart-item .item-image{align-items:center;display:flex;font-size:2rem;justify-content:center;margin:0;min-height:3rem}.cart-item .item-image img{max-height:3rem;max-width:100%;object-fit:contain}.item-details{flex:1 1}.item-details h3{color:#fff;font-size:1.1rem;margin-bottom:.25rem}.item-details p{color:#4ecdc4;font-weight:600}.quantity-controls{align-items:center;display:flex;gap:1rem}.quantity-controls button{align-items:center;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:35px;justify-content:center;width:35px}.quantity-controls span{font-weight:600;min-width:30px;text-align:center}.cart-total{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:2rem;padding:1rem;text-align:center}.cart-total h3{color:#4ecdc4;font-size:1.5rem}.checkout-btn{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;border-radius:12px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:1rem;width:100%}.checkout-btn:disabled{cursor:not-allowed;opacity:.5}.payment-view{flex:1 1;margin:0 auto;max-width:600px;padding:1rem;width:100%}.payment-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.payment-header h2{color:#fff;font-size:2rem}.payment-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.payment-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:15px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.payment-option:hover{border-color:#ff6b6b80;box-shadow:0 0 20px #ff6b6b33}.payment-option.selected{background:#4ecdc41a;border-color:#4ecdc4;box-shadow:0 0 20px #4ecdc44d}.payment-icon{color:#4ecdc4;font-size:2rem}.payment-option h3{color:#fff;font-size:1.3rem;margin-bottom:.25rem}.payment-option p{color:#b0b0b0}.nequi-details{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:2rem;text-align:center}.nequi-details h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.phone-number{align-items:center;background:#4ecdc41a;border:1px solid #4ecdc44d;border-radius:10px;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem;padding:1rem}.phone-number span{color:#4ecdc4;font-size:1.5rem;font-weight:600}.copy-btn{align-items:center;border:none;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.confirm-btn,.copy-btn{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff;cursor:pointer}.confirm-btn{border:none;border-radius:12px;box-shadow:0 4px 15px #ff6b6b4d;font-size:1.2rem;font-weight:600;padding:1rem 2rem}.confirmation-view{flex:1 1;margin:0 auto;max-width:800px;padding:1rem;text-align:center;width:100%}.confirmation-content{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.success-icon{animation:bounce 1s ease-in-out;font-size:4rem;margin-bottom:1rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.confirmation-content h2{color:#4ecdc4;font-size:2rem;margin-bottom:1rem;text-shadow:0 0 10px #4ecdc480}.confirmation-message{color:#b0b0b0;font-size:1.2rem;margin-bottom:2rem}.order-summary{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:2rem;padding:1.5rem;text-align:left}.order-summary h3{color:#fff;font-size:1.3rem;margin-bottom:1rem;text-align:center}.summary-items{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.summary-item{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.5rem 0}.summary-total{border-top:2px solid #fff3;color:#4ecdc4;font-size:1.2rem;padding-top:1rem;text-align:center}.delivery-tracker{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:2rem;padding:1.5rem}.delivery-tracker h3{color:#fff;font-size:1.3rem;margin-bottom:1.5rem;text-align:center}.tracker-steps{display:flex;flex-direction:column;gap:1.5rem}.tracker-step{align-items:center;display:flex;gap:1rem;opacity:.5;transition:all .3s ease}.tracker-step.active{opacity:1}.step-number{align-items:center;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;width:40px}.step-info h4{color:#fff;font-size:1.1rem;margin-bottom:.25rem}.step-info p{color:#b0b0b0;font-size:.9rem}.new-order-btn{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;border-radius:12px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:1rem 2rem}.change-dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.change-dialog{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:20px;max-width:400px;padding:2rem;text-align:center;width:90%}.change-dialog h3{color:#fff;font-size:2rem;margin-bottom:.5rem}.change-dialog p{color:#b0b0b0;margin-bottom:1.5rem}.change-input{background:#ffffff0d;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:1.1rem;margin-bottom:1.5rem;padding:1rem;text-align:center;width:100%}.change-input::placeholder{color:#b0b0b0}.dialog-buttons{display:flex;gap:1rem}.cancel-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:1rem}.beer-selection-dialog{max-width:500px}.beer-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.beer-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.beer-option:hover{background:#4ecdc41a;border-color:#4ecdc480}.beer-option.selected{background:#4ecdc433;border-color:#4ecdc4;box-shadow:0 0 15px #4ecdc44d}.beer-icon{align-items:center;display:flex;font-size:2rem;justify-content:center;min-height:7rem}.beer-icon img{max-height:6.5rem;max-width:100%;object-fit:contain}.beer-name{color:#fff;font-size:1.1rem;font-weight:600}.beer-price{color:#4ecdc4;font-size:.9rem;font-weight:600}.aguardiente-selection-dialog{max-width:500px}.aguardiente-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;max-height:300px;overflow-y:auto}.aguardiente-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.aguardiente-option:hover{background:#ff6b6b1a;border-color:#ff6b6b80}.aguardiente-option.selected{background:#ff6b6b33;border-color:#ff6b6b;box-shadow:0 0 15px #ff6b6b4d}.aguardiente-icon{align-items:center;display:flex;font-size:2rem;justify-content:center;min-height:7rem}.aguardiente-icon img{max-height:6.5rem;max-width:100%;object-fit:contain}.aguardiente-name{color:#fff;font-size:1rem;font-weight:600}.aguardiente-price{color:#4ecdc4;font-size:.9rem;font-weight:600}.hamburger-selection-dialog{max-width:500px}.hamburger-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;max-height:300px;overflow-y:auto}.hamburger-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.hamburger-option:hover{background:#ffc1071a;border-color:#ffc10780}.hamburger-option.selected{background:#ffc10733;border-color:#ffc107;box-shadow:0 0 15px #ffc1074d}.hamburger-icon{font-size:2rem}.hamburger-name{color:#fff;font-size:1rem;font-weight:600}.hamburger-price{color:#4ecdc4;font-size:.9rem;font-weight:600}.drinks-selection-dialog{max-width:500px}.drinks-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;max-height:300px;overflow-y:auto}.drink-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.drink-option:hover{background:#00ffff1a;border-color:#00ffff80}.drink-option.selected{background:#0ff3;border-color:#0ff;box-shadow:0 0 15px #00ffff4d}.drink-icon{align-items:center;display:flex;font-size:2rem;justify-content:center;min-height:7rem}.drink-icon img{max-height:6.5rem;max-width:100%;object-fit:contain}.drink-name{color:#fff;font-size:1rem;font-weight:600}.drink-price{color:#0ff;font-size:.9rem;font-weight:600}.cigarettes-selection-dialog{max-width:500px}.cigarettes-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;max-height:300px;overflow-y:auto}.cigarette-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.cigarette-option:hover{background:#ffc1071a;border-color:#ffc10780}.cigarette-option.selected{background:#ffc10733;border-color:#ffc107;box-shadow:0 0 15px #ffc1074d}.cigarette-icon{font-size:2rem}.cigarette-name{color:#fff;font-size:1rem;font-weight:600}.confirm-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.logo h1{font-size:2rem}.menu-grid{grid-template-columns:1fr}.cart-preview{bottom:1rem;gap:.8rem;justify-content:flex-start;max-width:calc(100vw - .5rem);padding:.75rem;width:240px}@media (max-width:360px){.cart-preview{bottom:.8rem;gap:.6rem;justify-content:flex-start;max-width:calc(100vw - .3rem);padding:.6rem .5rem;width:220px}.cart-info span{font-size:.85rem}.view-cart-btn{font-size:.75rem;padding:.5rem .8rem;width:85px}}@media (max-width:768px) and (orientation:landscape){.cart-preview{bottom:.5rem;gap:.8rem;justify-content:flex-start;max-width:calc(100vw - 1rem);padding:.6rem .75rem;width:220px}.cart-info{gap:.1rem}.cart-info span{font-size:.85rem}.view-cart-btn{font-size:.8rem;padding:.5rem .8rem;width:85px}.floating-logo{bottom:.3rem;left:.3rem}.floating-logo-image{height:45px;width:45px}.floating-logo-glow{height:60px;width:60px}}@media (max-width:600px) and (orientation:landscape){.cart-preview{bottom:.3rem;gap:.6rem;justify-content:flex-start;max-width:calc(100vw - .5rem);padding:.5rem;width:200px}.cart-info span{font-size:.8rem}.view-cart-btn{font-size:.75rem;padding:.4rem .7rem;width:80px}.floating-logo-image{height:40px;width:40px}.floating-logo-glow{height:55px;width:55px}}.payment-options{gap:.75rem}.payment-option{padding:1rem}.tracker-steps{gap:1rem}.admin-toggle{margin-top:1rem;position:static}.order-footer{align-items:stretch;flex-direction:column;gap:1rem}.order-status select{width:100%}.tracking-buttons{flex-direction:column}.new-order-btn,.track-order-btn{width:100%}}.menu-item:active{transform:scale(.98)}.add-button:active{transform:scale(.9)}.menu-item:hover .add-button{box-shadow:0 0 20px #ff6b6b80}.checkout-btn:hover,.confirm-btn:hover,.new-order-btn:hover,.track-order-btn:hover{box-shadow:0 0 25px #ff6b6b80}html{scroll-behavior:smooth}.particle-bg{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.particle{animation:float 6s ease-in-out infinite;background:#ffffff1a;border-radius:50%;height:2px;position:absolute;width:2px}@keyframes float{0%,to{opacity:0;transform:translateY(0) rotate(0deg)}50%{opacity:1;transform:translateY(-20px) rotate(180deg)}}.enhanced-button{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.enhanced-button:hover:before{left:100%}.enhanced-button:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.glow-effect{animation:glow 2s ease-in-out infinite alternate;box-shadow:0 0 20px #4ecdc44d}@keyframes glow{0%{box-shadow:0 0 20px #4ecdc44d}to{box-shadow:0 0 30px #4ecdc499}}.page-transition{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.menu-item-enhanced{overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.menu-item-enhanced:hover{box-shadow:0 15px 35px #0003;transform:scale(1.02) translateY(-5px)}.menu-item-enhanced:after{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.menu-item-enhanced:hover:after{opacity:1}.floating-icon{animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.pulse-important{animation:pulse 2s infinite}.enhanced-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:2rem}.form-input-enhanced{background:#ffffff14;border:2px solid #ffffff1a;border-radius:10px;color:#fff;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-input-enhanced:focus{background:#ffffff1f;border-color:#4ecdc4;box-shadow:0 0 15px #4ecdc44d;outline:none}.form-input-enhanced::placeholder{color:#fff9}.status-indicator-enhanced{overflow:hidden;position:relative}.status-indicator-enhanced:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.admin-login-dialog{max-width:450px!important;width:90%!important}.admin-login-dialog .floating-label{color:#ffffffe6!important;font-weight:600!important}.admin-login-dialog .input-icon{color:#ff6b6b!important;opacity:1!important}.admin-login-header{margin-bottom:2rem;text-align:center}.admin-login-header .form-icon{color:#ff6b6b;filter:drop-shadow(0 0 15px rgba(255,107,107,.8));font-size:3rem;margin-bottom:1rem;opacity:1}.admin-login-header h3{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 10px #ff6b6b4d}.admin-login-header p{color:#e0e0e0;font-size:1rem;opacity:1}.admin-info{background:#ff6b6b1a;border:1px solid #ff6b6b33;border-radius:10px;margin-top:1rem;padding:1rem}.admin-info .info-icon{color:#ff6b6b;font-size:1.2rem}.admin-info p{color:#fffffff2;font-size:.9rem;font-weight:500}.error-message{align-items:center;background:#ff6b6b26;border:1px solid #ff6b6b4d;border-radius:10px;display:flex;gap:.5rem;margin:1rem 0;padding:1rem}.error-message .error-icon{color:#ff6b6b;flex-shrink:0;font-size:1.2rem}.error-message span:last-child{color:#fff;font-weight:500}#admin-password-input{background:#ffffff1f!important;border:2px solid #fff3!important;color:#fff!important;font-family:Courier New,monospace;letter-spacing:2px}#admin-password-input::placeholder{color:#fffc!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;letter-spacing:normal!important;opacity:1!important}#admin-password-input:focus{background:#ffffff26!important;border-color:#ff6b6b!important;box-shadow:0 0 15px #ff6b6b4d!important}.admin-toggle.enhanced-button{background:linear-gradient(45deg,#ff6b6b,#e74c3c);box-shadow:0 4px 15px #ff6b6b66}.admin-toggle.enhanced-button:hover{box-shadow:0 6px 20px #ff6b6b99;transform:translateY(-3px)}.security-indicator{align-items:center;color:#4ecdc4;display:flex;font-size:.9rem;gap:.5rem;margin-top:.5rem}.security-indicator:before{content:"🔒";font-size:1rem}.connection-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;border-radius:15px;padding:.3rem .7rem}.notification-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000e6;border:1px solid #fff3;border-radius:15px;max-height:500px;overflow:hidden;position:fixed;right:20px;top:80px;width:350px;z-index:1000}.notification-panel-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem}.notification-panel-header h3{color:#fff;font-size:1.1rem;margin:0}.notification-panel-actions{display:flex;gap:.5rem}.notification-panel-actions button{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;padding:.3rem .6rem;transition:background .3s ease}.notification-panel-actions button:hover{background:#fff3}.notification-list{max-height:400px;overflow-y:auto}.notification-item{border-bottom:1px solid #ffffff0d;padding:1rem;transition:background .3s ease}.notification-item:hover{background:#ffffff0d}.notification-item.unread{background:#4ecdc41a;border-left:3px solid #4ecdc4}.notification-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.notification-item-title{color:#fff;font-size:.9rem;font-weight:600;margin:0}.notification-item-time{color:#888;font-size:.7rem}.notification-item-message{color:#ccc;font-size:.8rem;line-height:1.4}.notification-item-actions{display:flex;gap:.5rem;margin-top:.5rem}.notification-item-actions button{background:#4ecdc433;border:1px solid #4ecdc44d;border-radius:6px;color:#4ecdc4;cursor:pointer;font-size:.7rem;padding:.2rem .5rem;transition:all .3s ease}.notification-item-actions button:hover{background:#4ecdc44d;transform:translateY(-1px)}.no-notifications{color:#888;padding:2rem;text-align:center}.no-notifications span{display:block;font-size:3rem;margin-bottom:1rem}.notification-settings-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.notification-settings-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;max-width:400px;padding:2rem;width:90%}.notification-settings-content h3{color:#fff;margin-bottom:1.5rem;text-align:center}.setting-group{margin-bottom:1.5rem}.setting-group label{align-items:center;color:#fff;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.setting-toggle{background:#fff3;border-radius:25px;cursor:pointer;height:25px;position:relative;transition:background .3s ease;width:50px}.setting-toggle.active{background:#4ecdc4}.setting-toggle-slider{background:#fff;border-radius:50%;height:21px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:21px}.setting-toggle.active .setting-toggle-slider{transform:translateX(25px)}.volume-slider{margin-top:.5rem;width:100%}.volume-slider input{-webkit-appearance:none;background:#fff3;border-radius:5px;height:5px;outline:none;width:100%}.volume-slider input::-webkit-slider-thumb{-webkit-appearance:none;background:#4ecdc4;border-radius:50%;cursor:pointer;height:20px;width:20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#4ecdc4;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notification-enhanced{animation:slideInDown .5s ease-out;overflow:hidden;position:relative}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.modal-backdrop-enhanced{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.custom-scrollbar{scrollbar-color:#4ecdc4 #ffffff1a;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#ff5252,#26a69a)}.enhanced-focus:focus{box-shadow:0 0 0 3px #4ecdc44d;outline:none;transform:scale(1.02)}.enhanced-text{letter-spacing:.5px;text-shadow:0 2px 4px #0000004d}.enhanced-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.enhanced-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-card:hover{border-color:#4ecdc44d;box-shadow:0 15px 35px #0003;transform:translateY(-5px)}.enhanced-card:before{background:linear-gradient(135deg,#4ecdc41a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.enhanced-card:hover:before{opacity:1}.customer-form-dialog.enhanced{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:500px;overflow:hidden;padding:0;width:90%}.form-header{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center}.form-header:before{animation:shimmer 2s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.form-icon{animation:floatIcon 3s ease-in-out infinite;display:block;font-size:3rem;margin-bottom:1rem}.form-header h3{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.form-header p{color:#ffffffe6;font-size:1rem;font-weight:400}.form-content{padding:2rem 1.5rem}.form-row{margin-bottom:1.5rem}.form-row.two-columns{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1.3fr}.form-group.enhanced,.input-wrapper{position:relative}.input-wrapper{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:15px;display:flex;overflow:visible;padding:.5rem;transform:translateZ(0);transition:border-color .3s ease,box-shadow .3s ease}.input-wrapper:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:100%}.input-wrapper:hover:not(:focus-within):before{left:100%}.input-wrapper:focus-within{border-color:#4ecdc4;box-shadow:0 0 20px #4ecdc44d}.input-icon{color:#4ecdc4;flex-shrink:0;font-size:1.2rem;margin-right:.75rem}.form-input.enhanced{background:#0000;border:none;color:#fff;cursor:text;font-size:1rem;outline:none;padding:.75rem 0;position:relative;transform:translateZ(0);width:100%;will-change:auto;z-index:5}.form-input.enhanced::placeholder{color:#fff9;font-style:italic;transition:opacity .3s ease}.form-input.enhanced:focus::placeholder,.form-input.enhanced:not(:placeholder-shown)::placeholder{opacity:0}.form-input.enhanced:focus{color:#fff}.form-input.enhanced[type=select],select.form-input.enhanced{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;cursor:pointer;font-size:.9rem;overflow:hidden;padding-right:1.8rem;text-overflow:ellipsis;white-space:nowrap}select.form-input.enhanced option{background:#1a1a1a;color:#fff;padding:.5rem}select.form-input.enhanced option:first-child{color:#fff9;font-style:italic}.floating-label{background:#0000;color:#ffffffb3;font-size:.9rem;left:3rem;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;will-change:transform,opacity;z-index:10}.form-input.enhanced:focus~.floating-label,.form-input.enhanced:not(:placeholder-shown)~.floating-label{background:#000000e6;border-radius:4px;box-shadow:0 2px 8px #0000004d;color:#4ecdc4;font-size:.75rem;font-weight:600;left:.5rem;opacity:1;padding:.25rem .5rem;top:-1rem}.form-info{align-items:center;background:#4ecdc41a;border:1px solid #4ecdc44d;border-radius:10px;display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem}.info-icon{flex-shrink:0}.form-info p{color:#ffffffe6;font-size:.9rem;line-height:1.4;margin:0}.required-info{background:#ffc1071a;border:1px solid #ffc1074d;margin-top:1rem}.required-info .info-icon{color:#ffc107}.dialog-buttons.enhanced{background:#0000001a;border-top:1px solid #ffffff1a;display:flex;gap:1rem;padding:1.5rem}.cancel-btn.enhanced,.confirm-btn.enhanced{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.cancel-btn.enhanced{background:#ffffff1a;border:1px solid #fff3;color:#fffc}.cancel-btn.enhanced:hover{background:#fff3;box-shadow:0 5px 15px #0003;color:#fff;transform:translateY(-2px)}.confirm-btn.enhanced:hover{background:linear-gradient(45deg,#45b7d1,#4ecdc4)}.confirm-btn.enhanced:disabled{background:#ffffff1a;box-shadow:none;color:#ffffff80;cursor:not-allowed;transform:none}@media (max-width:768px){.customer-form-dialog.enhanced,.delivery-form-dialog.enhanced{display:flex;flex-direction:column;margin:1rem;max-height:90vh;overflow-y:auto;width:95%}.form-row.two-columns{gap:1rem;grid-template-columns:1fr}.form-header{flex-shrink:0;padding:1.5rem 1rem}.form-header h3{font-size:1.5rem}.form-content{flex:1 1;overflow-y:auto;padding:1.5rem 1rem}.dialog-buttons.enhanced{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-top:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;gap:.75rem;padding:1rem}.cancel-btn.enhanced,.confirm-btn.enhanced{padding:.875rem 1rem}.change-dialog-overlay{align-items:flex-start;overflow-y:auto;padding:1rem 0}.confirm-btn.enhanced{-webkit-tap-highlight-color:transparent;min-height:48px;position:relative;touch-action:manipulation;width:100%;z-index:10}.confirm-btn.enhanced:active{transform:scale(.98)}.payment-view .confirm-btn{-webkit-tap-highlight-color:transparent;min-height:48px;touch-action:manipulation}.payment-details.enhanced{display:flex;flex-direction:column;min-height:auto}.cash-details-content,.transfer-details{flex:1 1}.payment-details .confirm-btn.enhanced{flex-shrink:0;margin-top:auto}}.delivery-form-dialog.enhanced{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:500px;overflow:hidden;padding:0;width:90%}.delivery-header{background:linear-gradient(45deg,#4ecdc4,#45b7d1)}.delivery-info{background:#4ecdc426;border-color:#4ecdc466}.tracking-view.enhanced{margin:0 auto;max-width:800px;padding:2rem 1rem}.tracking-header.enhanced{margin-bottom:2rem;position:relative;text-align:center}.tracking-title{align-items:center;display:flex;flex-direction:column;gap:.5rem}.tracking-icon{animation:floatIcon 3s ease-in-out infinite;font-size:3rem}.tracking-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0}.tracking-title p{color:#ffffffb3;font-size:1rem;margin:0}.back-btn.enhanced{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;left:0;padding:.75rem 1rem;position:absolute;top:0;transition:all .3s ease}.back-btn.enhanced:hover{background:#fff3;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.order-details.enhanced{margin-bottom:2rem}.order-card-enhanced{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0003;padding:2rem}.order-header-enhanced{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.order-id-enhanced h3{color:#4ecdc4;font-size:1.5rem;font-weight:700;margin:0}.order-time-enhanced{color:#ffffffb3;font-size:.9rem}.status-badge{border-radius:20px;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-align:center}.status-badge.pending{background:#ffc10733;border:1px solid #ffc1074d;color:#ffc107}.status-badge.preparing{background:#4ecdc433;border:1px solid #4ecdc44d;color:#4ecdc4}.status-badge.delivering{background:#ff6b6b33;border:1px solid #ff6b6b4d;color:#ff6b6b}.status-badge.delivered{background:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.order-items-enhanced h4{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.tracking-item-enhanced{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem;transition:all .3s ease}.tracking-item-enhanced:hover{background:#ffffff1a;transform:translateX(5px)}.item-info-enhanced{gap:.75rem}.item-icon,.item-info-enhanced{align-items:center;display:flex}.item-icon{font-size:1.5rem;justify-content:center;min-height:2rem}.item-icon img{max-height:2rem;max-width:100%;object-fit:contain}.item-name{color:#fff;font-weight:600}.item-details-enhanced{align-items:center;display:flex;gap:1rem}.item-quantity{color:#ffffffb3;font-weight:600}.item-price{color:#4ecdc4;font-weight:700}.order-summary-enhanced{grid-gap:1rem;border-top:1px solid #ffffff1a;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1.5rem;padding-top:1.5rem}.payment-section,.total-section{display:flex;flex-direction:column;gap:.5rem}.payment-label,.total-label{color:#ffffffb3;font-size:.9rem}.total-amount{color:#4ecdc4;font-size:1.5rem;font-weight:700}.payment-method-enhanced{color:#fff;font-weight:600}.tracking-progress-enhanced{margin-bottom:2rem}.tracking-progress-enhanced h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.progress-timeline{padding-left:2rem;position:relative}.progress-timeline:before{background:#fff3;bottom:0;content:"";left:1rem;position:absolute;top:0;width:2px}.timeline-step{margin-bottom:2rem;padding-left:2rem;position:relative}.timeline-step:before{background:#fff3;content:"";height:2px;left:-1rem;position:absolute;top:1.5rem;width:2rem}.timeline-step.active:before,.timeline-step.completed:before{background:#4ecdc4}.step-circle{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;display:flex;height:3rem;justify-content:center;left:-1.5rem;position:absolute;top:.5rem;transition:all .3s ease;width:3rem}.timeline-step.completed .step-circle{background:#4ecdc433;border-color:#4ecdc4;box-shadow:0 0 20px #4ecdc44d}.timeline-step.active .step-circle{animation:pulse 2s infinite;background:linear-gradient(45deg,#4ecdc4,#45b7d1);border-color:#4ecdc4;box-shadow:0 0 20px #4ecdc480}.step-icon{color:#fff;font-size:1.2rem}.step-content{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:all .3s ease}.timeline-step.completed .step-content{background:#4ecdc41a;border-color:#4ecdc44d}.timeline-step.active .step-content{background:#4ecdc426;border-color:#4ecdc466;box-shadow:0 5px 20px #4ecdc433}.step-content h4{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.step-content p{color:#fffc;line-height:1.4;margin:0 0 .5rem}.step-time{color:#4ecdc4;font-size:.8rem;font-weight:600}.tracking-actions{text-align:center}.refresh-btn{background:linear-gradient(45deg,#4ecdc4,#45b7d1);border:none;border-radius:12px;box-shadow:0 4px 15px #4ecdc44d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.refresh-btn:hover{box-shadow:0 8px 25px #4ecdc466;transform:translateY(-2px)}@media (max-width:768px){.tracking-view.enhanced{padding:1rem}.tracking-title h2{font-size:1.5rem}.order-header-enhanced{flex-direction:column;gap:1rem;text-align:center}.order-summary-enhanced{gap:1rem;grid-template-columns:1fr}.progress-timeline,.timeline-step{padding-left:1rem}.step-circle{height:2.5rem;left:-1.25rem;width:2.5rem}.step-content{padding:1rem}}.payment-view.enhanced{margin:0 auto;max-width:1200px;padding:2rem 1rem}.payment-header.enhanced{margin-bottom:1rem;position:relative;text-align:center}.payment-title-centered,.tracking-title-centered{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:15px;display:flex;flex-direction:column;margin:40px 0 30px;padding:30px;text-align:center}.payment-title{align-items:center;display:flex;flex-direction:column;gap:.5rem}.payment-icon-main{animation:floatIcon 3s ease-in-out infinite;font-size:3rem}.payment-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0}.payment-title p{color:#ffffffb3;font-size:1rem;margin:0}.payment-container{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.payment-left-panel{display:flex;flex-direction:column;gap:1.5rem}.delivery-summary.compact{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0003;padding:1.5rem}.delivery-summary.compact h3{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:1rem;text-align:center}.delivery-info-compact{display:flex;flex-direction:column;gap:.75rem}.delivery-row{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:.75rem;padding:.5rem}.delivery-icon{font-size:1.2rem;text-align:center;width:24px}.delivery-text{color:#fff;font-size:.95rem;font-weight:600}.payment-options.enhanced{display:flex;flex-direction:column;gap:1rem}.payment-option.enhanced{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #fff3;border-radius:15px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;text-align:left;transition:all .3s ease}.payment-option.enhanced:hover{border-color:#4ecdc4;box-shadow:0 10px 30px #4ecdc433;transform:translateX(5px)}.payment-option.enhanced.selected{background:#4ecdc41a;border-color:#4ecdc4;box-shadow:0 0 30px #4ecdc44d}.payment-option-icon{color:#4ecdc4;flex-shrink:0;font-size:2rem}.payment-option-content h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.payment-option-content p{color:#fffc;font-size:.9rem;margin:0}.payment-right-panel{align-items:center;display:flex;justify-content:center;min-height:400px}.payment-details.enhanced{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0003;padding:2rem;width:100%}.details-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.details-icon{color:#4ecdc4;font-size:2rem}.details-header h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.transfer-details{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.cash-amount,.transfer-amount{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;text-align:center}.amount-label{color:#ffffffb3;display:block;font-size:.9rem;margin-bottom:.5rem}.amount-value{color:#4ecdc4;display:block;font-size:2rem;font-weight:700}.transfer-number{text-align:center}.number-label{color:#ffffffb3;display:block;font-size:.9rem;margin-bottom:.5rem}.number-display{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;gap:1rem;justify-content:center;padding:1rem 1.5rem}.number-value{color:#fff;font-size:1.2rem;font-weight:700}.copy-btn.enhanced{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.copy-btn.enhanced:hover{background:#ffffff4d;transform:scale(1.1)}.cash-details-content{gap:1.5rem;margin-bottom:2rem}.cash-details-content,.cash-info{display:flex;flex-direction:column}.cash-info{gap:1rem}.info-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.info-icon{color:#4ecdc4;font-size:1.2rem}.info-text{color:#ffffffe6;font-size:.95rem}.payment-placeholder{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:2px dashed #fff3;border-radius:20px;padding:3rem 2rem;text-align:center;width:100%}.placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.payment-placeholder h3{color:#fff;font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.payment-placeholder p{color:#ffffffb3;margin:0}.confirm-btn.enhanced{background:linear-gradient(45deg,#4ecdc4,#45b7d1);border:none;border-radius:12px;box-shadow:0 4px 15px #4ecdc44d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.confirm-btn.enhanced:hover{box-shadow:0 8px 25px #4ecdc466;transform:translateY(-2px)}@media (max-width:768px){.payment-view.enhanced{padding:1rem}.payment-container{gap:1.5rem;grid-template-columns:1fr}.payment-title h2{font-size:1.5rem}.payment-option.enhanced{padding:1rem}.payment-details.enhanced{padding:1.5rem}.amount-value{font-size:1.5rem}}.qr-dialog{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:2px solid #4ecdc44d;box-shadow:0 20px 60px #00000080,0 0 40px #4ecdc433;max-width:500px;width:90vw}.qr-header{border-bottom:2px solid #4ecdc433;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.qr-icon{animation:pulse 2s infinite;display:block;font-size:3rem;margin-bottom:1rem}.qr-header h3{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 10px #4ecdc44d}.qr-header p{color:#fffc;font-size:1rem;line-height:1.5;margin:0}.qr-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.qr-code-container{background:#fff;border:3px solid #4ecdc44d;border-radius:20px;box-shadow:0 10px 30px #0000004d;padding:1.5rem;transition:all .3s ease}.qr-code-container:hover{border-color:#4ecdc499;box-shadow:0 15px 40px #0006;transform:scale(1.02)}.qr-url{background:#ffffff1a;border:1px solid #4ecdc433;border-radius:12px;max-width:100%;padding:1rem 1.5rem;text-align:center;word-break:break-all}.qr-url span{color:#ffffffe6;font-family:Courier New,monospace;font-size:.9rem}.qr-dialog .dialog-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.qr-dialog .cancel-btn{align-items:center;background:linear-gradient(45deg,#ff6b6b,#ee5a52);border:none;border-radius:12px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.qr-dialog .cancel-btn:hover{box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-2px)}.qr-dialog .confirm-btn{align-items:center;background:linear-gradient(45deg,#4ecdc4,#45b7d1);border:none;border-radius:12px;box-shadow:0 4px 15px #4ecdc44d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.qr-dialog .confirm-btn:hover{box-shadow:0 8px 25px #4ecdc466;transform:translateY(-2px)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:768px){.qr-dialog{margin:1rem;width:95vw}.qr-header h3{font-size:1.5rem}.qr-code-container{padding:1rem}.qr-dialog .dialog-buttons{flex-direction:column}.qr-dialog .cancel-btn,.qr-dialog .confirm-btn{justify-content:center;width:100%}}
/*# sourceMappingURL=main.9a1ed7bb.css.map*/