.header{min-height:86px;background:#ffffffd1;border:1px solid rgba(148,163,184,.35);display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-radius:32px 32px 0 0;border-bottom:none;box-shadow:0 20px 60px #080f282e;z-index:100;position:relative;backdrop-filter:blur(18px);gap:16px}.header-left{display:flex;align-items:center;justify-content:flex-start;flex:1;min-width:0;position:relative;z-index:10}.hamburger-button{display:none;width:44px;height:44px;border:none;background:#0f172a0f;border-radius:16px;cursor:pointer;color:var(--color-text);transition:all .2s;align-items:center;justify-content:center;padding:0;box-shadow:inset 0 1px #fff9}.hamburger-button:hover{background-color:#0f172a24;color:var(--color-primary)}.logo{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;margin:0 auto;text-align:center}.logo-image{height:110px;width:auto;object-fit:contain}.logo-fallback{display:flex;align-items:center;gap:12px}.logo-icon{font-size:40px}.logo-text{font-size:26px;font-weight:600;color:var(--color-text)}.header-center{flex:1;display:flex;justify-content:center;max-width:360px}.search-box{position:relative;width:100%;max-width:400px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-text-lighter)}.search-input{width:100%;height:40px;padding:0 16px 0 48px;border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--bg-primary);font-size:14px;color:var(--color-text);transition:all .2s}.search-input:focus{outline:none;border-color:var(--color-primary);background-color:var(--bg-card)}.header-right{display:flex;align-items:center;gap:14px;flex:1;min-width:0;justify-content:flex-end}.user-info{display:flex;align-items:center;gap:8px;color:var(--color-text);font-size:14px}.user-name{font-weight:500}.icon-button{width:44px;height:44px;border:none;background-color:#0f172a14;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text);transition:all .2s;box-shadow:inset 0 1px #ffffff80}.icon-button:hover{background-color:#0f172a26;color:var(--color-primary)}.logout-button{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;background-color:#ef44441a;border-radius:16px;cursor:pointer;color:#ef4444;font-size:14px;font-weight:600;transition:all .2s;box-shadow:inset 0 1px #ffffff80;white-space:nowrap}.logout-button:hover{background-color:#ef444433;color:#dc2626;transform:translateY(-1px)}.logout-button:active{transform:translateY(0)}.login-header-button{display:flex;align-items:center;gap:8px;padding:10px 22px;border:none;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 12px 25px #10b98159}.login-header-button:hover{transform:translateY(-1px) scale(1.01)}.login-header-button:active{transform:translateY(0)}.notification-wrapper,.notification-button{position:relative}.notification-button.has-notifications{color:var(--color-primary)}.notification-badge{position:absolute;top:-4px;right:-4px;background-color:#10b981;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:2px solid var(--bg-card)}.notifications-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:360px;max-width:90vw;max-height:500px;background:#fffffff2;border:1px solid rgba(148,163,184,.35);border-radius:24px;box-shadow:0 25px 70px #0f172a66;z-index:1000;display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(16px)}.notifications-header{padding:18px 22px;border-bottom:1px solid rgba(148,163,184,.3);display:flex;justify-content:space-between;align-items:center;background-color:#f7f8ffe6}.notifications-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text)}.mark-all-read{background:none;border:none;color:var(--color-primary);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:var(--radius);transition:background-color .2s}.mark-all-read:hover{background-color:var(--bg-card)}.notifications-list{max-height:400px;overflow-y:auto;scrollbar-width:thin}.notification-item{padding:16px 22px;border-bottom:1px solid rgba(148,163,184,.2);cursor:pointer;transition:background-color .2s;display:flex;justify-content:space-between;align-items:center;gap:12px}.notification-item:hover{background-color:#f7f8ffe6}.notification-item.unread{background-color:#10b98114}.notification-content{flex:1;display:flex;flex-direction:column;gap:4px}.notification-message{margin:0;font-size:14px;color:var(--color-text);line-height:1.4}.notification-item.unread .notification-message{font-weight:600}.notification-time{font-size:12px;color:var(--color-text-light)}.notification-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-primary);flex-shrink:0}.no-notifications{padding:40px 20px;text-align:center;color:var(--color-text-light)}.no-notifications p{margin:0;font-size:14px}.cart-wrapper,.cart-button{position:relative}.cart-button.has-items{color:var(--color-primary)}.cart-badge{position:absolute;top:-4px;right:-4px;background-color:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:2px solid var(--bg-card)}.cart-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:400px;max-width:90vw;max-height:600px;background:#fffffff2;border:1px solid rgba(148,163,184,.35);border-radius:24px;box-shadow:0 25px 70px #0f172a66;z-index:1000;display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(16px)}.cart-header{padding:18px 22px;border-bottom:1px solid rgba(148,163,184,.3);display:flex;justify-content:space-between;align-items:center;background-color:#f7f8ffe6}.cart-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text)}.cart-close-btn{width:32px;height:32px;border:none;background:#0f172a14;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text);transition:all .2s}.cart-close-btn:hover{background:#0f172a26}.cart-items-list{max-height:350px;overflow-y:auto;padding:16px;scrollbar-width:thin}.cart-items-list::-webkit-scrollbar{width:6px}.cart-items-list::-webkit-scrollbar-track{background:transparent}.cart-items-list::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.cart-items-list::-webkit-scrollbar-thumb:hover{background:#94a3b880}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#0f172a08;border-radius:12px;margin-bottom:8px;gap:12px}.cart-item:last-child{margin-bottom:0}.cart-item-image{width:60px;height:60px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#0f172a0d;display:flex;align-items:center;justify-content:center;position:relative}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,#10b9811a,#34d3991a)}.cart-item-info{flex:1;min-width:0}.cart-item-name{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-price{margin:0;font-size:13px;color:var(--color-primary);font-weight:600}.cart-item-controls{display:flex;align-items:center;gap:8px;background:#fffc;padding:4px 8px;border-radius:12px;border:1px solid rgba(148,163,184,.2)}.cart-quantity-btn{width:28px;height:28px;border:none;background:#10b9811a;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-primary);transition:all .2s}.cart-quantity-btn:hover{background:#10b98133}.cart-quantity{font-size:14px;font-weight:600;color:var(--color-text);min-width:24px;text-align:center}.cart-summary{padding:16px 22px;border-top:1px solid rgba(148,163,184,.3);background-color:#f7f8ffe6}.cart-summary-item{display:flex;justify-content:space-between;align-items:center;font-size:16px}.cart-summary-item span{color:var(--color-text);font-weight:500}.cart-summary-item strong{color:var(--color-primary);font-size:20px;font-weight:700}.cart-note{padding:16px 22px;border-top:1px solid rgba(148,163,184,.3)}.cart-note label{display:block;font-size:13px;font-weight:600;color:var(--color-text-light);margin-bottom:8px}.cart-note-input{width:100%;padding:10px 14px;border:1px solid rgba(148,163,184,.3);border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;background:#ffffffe6;color:var(--color-text)}.cart-note-input:focus{outline:none;border-color:var(--color-primary)}.cart-complete-btn{margin:0 22px 22px;padding:14px 24px;border:none;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-radius:16px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 8px 20px #10b9814d}.cart-complete-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #10b98166}.cart-complete-btn:active{transform:translateY(0)}@media (max-width: 640px){.notifications-dropdown{width:calc(100vw - 32px);right:-16px}.cart-dropdown{width:calc(100vw - 32px);right:-16px;max-height:calc(100vh - 120px)}.cart-items-list{max-height:250px}.cart-item{flex-direction:row;align-items:center;gap:12px}.cart-item-image{width:50px;height:50px}.cart-item-controls{width:auto;justify-content:center}}@media (max-width: 1024px){.header{flex-wrap:nowrap;height:auto;padding:12px 16px;gap:12px;min-height:70px;position:relative;border-radius:22px 22px 0 0;border-bottom:none}.hamburger-button{display:flex}.header-left{width:auto;justify-content:flex-start;flex:0;position:relative;z-index:10}.logo{position:absolute;left:50%;transform:translate(-50%);z-index:5}.header-right{margin-left:auto;z-index:10}.header-right .user-info,.header-right .notification-wrapper{display:none}.header-right .logout-button{display:flex;padding:10px;font-size:13px}.header-right .logout-button span{display:none}.header-right .cart-wrapper{display:flex}.login-header-button{margin-left:auto;display:flex}}@media (max-width: 640px){.logo-image{height:100px}.logo{margin-top:10px}.table-orders-badge{right:15px}.logo-text{font-size:22px}.logo-icon{font-size:32px}.login-header-button{margin-left:auto}.header-right{flex-wrap:wrap;gap:8px}.user-info{width:100%;justify-content:flex-start}.header-center{order:3}.search-box{max-width:none}}.menu-view{flex:1;padding:24px 32px;overflow-y:auto;position:relative;background:#fffc;border-radius:28px;border:1px solid rgba(148,163,184,.25);box-shadow:inset 0 1px #ffffffb3}.menu-content-wrapper{display:flex;gap:24px;position:relative}.menu-content{flex:1;min-width:0}.menu-header{margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.menu-header h2{font-size:26px;font-weight:700;color:var(--color-text)}.customer-table-selector-wrapper{margin-bottom:24px}.table-selector-trigger{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:28px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 40px #10b9814d,0 0 0 1px #fff3 inset;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.table-selector-trigger:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}.table-selector-trigger:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 25px 50px #10b98166,0 0 0 1px #ffffff4d inset}.table-selector-trigger:hover:before{opacity:1}.table-selector-trigger:active{transform:translateY(-1px) scale(.99)}.trigger-content{display:flex;align-items:center;gap:16px}.trigger-text{display:flex;flex-direction:column;gap:4px}.trigger-label{font-size:18px;font-weight:600;color:#fff}.trigger-hint{font-size:13px;color:#ffffffe6}.trigger-arrow{font-size:24px;color:#fff;font-weight:300;transition:transform .2s}.table-selector-trigger:hover .trigger-arrow{transform:translate(4px)}.selected-table-card{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;background:linear-gradient(135deg,#10b981,#059669);border-radius:28px;box-shadow:0 25px 50px #10b98159,0 0 0 1px #fff3 inset;gap:16px;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden;animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,to{box-shadow:0 25px 50px #10b98159,0 0 0 1px #fff3 inset}50%{box-shadow:0 25px 50px #10b98173,0 0 0 2px #ffffff4d inset}}.selected-table-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);pointer-events:none}.selected-table-content{display:flex;align-items:center;gap:16px;flex:1}.selected-table-icon{width:48px;height:48px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center;color:#fff}.selected-table-details{display:flex;flex-direction:column;gap:4px}.selected-table-label{font-size:12px;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.selected-table-name{font-size:18px;font-weight:600;color:#fff}.selected-table-total{font-size:20px;font-weight:700;color:#fff;padding:8px 16px;background-color:#fff3;border-radius:var(--radius)}.change-table-btn{width:36px;height:36px;border:none;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s}.change-table-btn:hover{background-color:#ffffff4d;transform:scale(1.1)}.table-selector-modal{position:fixed;inset:0;background:linear-gradient(135deg,#0f172abf,#1e293bd9);display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:40px 20px 20px;backdrop-filter:blur(8px);overflow-y:auto;animation:fadeInModal .3s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.table-selector-modal::-webkit-scrollbar{width:8px}.table-selector-modal::-webkit-scrollbar-track{background:transparent}.table-selector-modal::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.table-selector-modal::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.table-selector-content{background:linear-gradient(135deg,#fffffffa,#f8fafff2);border-radius:32px;max-width:900px;width:100%;max-height:calc(100vh - 80px);display:flex;flex-direction:column;box-shadow:0 50px 100px #0f172a66,0 0 0 1px #ffffff80 inset;overflow:hidden;border:1px solid rgba(148,163,184,.2);backdrop-filter:blur(20px);margin:0 auto;position:relative;animation:slideUpModal .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUpModal{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes scaleInModal{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.table-selector-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));z-index:1}.table-selector-header{padding:28px 32px;border-bottom:1px solid rgba(148,163,184,.15);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#ffffffe6,#f8faffcc);position:relative;z-index:2}.table-selector-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.3),transparent)}.table-selector-header h3{margin:0;font-size:24px;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:12px}.table-selector-header h3:before{content:"🪑";font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.close-selector-btn{width:40px;height:40px;border:none;background:#94a3b81a;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.close-selector-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));opacity:0;transition:opacity .3s}.close-selector-btn:hover{background:#94a3b826;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #0f172a26}.close-selector-btn:hover:before{opacity:.1}.close-selector-btn:active{transform:rotate(90deg) scale(.95)}.table-selector-body{padding:32px;overflow-y:auto;max-height:calc(100vh - 200px);scroll-behavior:smooth;background:linear-gradient(180deg,#ffffff80,#f8faff4d)}.table-floor-tabs{display:flex;gap:8px;margin-bottom:24px;padding:4px;background-color:#0f172a0f;border-radius:999px;border:1px solid rgba(148,163,184,.25)}.table-floor-tab{border:none;background:transparent;color:var(--color-text-light);font-size:14px;font-weight:500;padding:10px 22px;border-radius:999px;cursor:pointer;transition:all .2s;white-space:nowrap}.table-floor-tab:hover{background-color:#0f172a14;color:var(--color-text)}.table-floor-tab.active{background:linear-gradient(120deg,var(--color-primary),var(--color-secondary));color:#fff;box-shadow:0 15px 25px #0f172a33}.table-selector-body::-webkit-scrollbar{width:6px}.table-selector-body::-webkit-scrollbar-track{background:transparent}.table-selector-body::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.table-selector-body::-webkit-scrollbar-thumb:hover{background:#94a3b880}.table-floor-section{margin-bottom:0;animation:fadeInSection .5s ease-out;animation-fill-mode:both}.table-floor-section:nth-child(1){animation-delay:.1s}.table-floor-section:nth-child(2){animation-delay:.2s}.table-floor-section:nth-child(3){animation-delay:.3s}@keyframes fadeInSection{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.table-floor-section:last-child{margin-bottom:0}.floor-title{font-size:18px;font-weight:700;color:var(--color-text);margin-bottom:20px;padding:12px 20px;background:linear-gradient(135deg,#10b9811a,#34d3991a);border-radius:16px;border:1px solid rgba(148,163,184,.2);display:inline-flex;align-items:center;gap:10px;box-shadow:0 2px 8px #0f172a14;position:relative;overflow:hidden}.floor-title:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:16px 0 0 16px}.tables-grid-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;padding:8px 0}.table-card-selector{aspect-ratio:1;border:2px solid rgba(148,163,184,.25);border-radius:24px;background:linear-gradient(135deg,#fffffff2,#f8faffe6);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;padding:16px;font-weight:600;color:var(--color-text);box-shadow:0 4px 12px #0f172a14,inset 0 1px #fffc;overflow:hidden}.table-card-selector:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(16,185,129,.1),transparent 70%);opacity:0;transition:opacity .3s}.table-card-selector:hover:not(:disabled):before{opacity:1}.table-card-selector:hover:not(:disabled){border-color:var(--color-primary);background:linear-gradient(135deg,#fff,#f8fafff2);transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #10b98140,0 0 0 2px #10b9811a}.table-card-selector:active:not(:disabled){transform:translateY(-2px) scale(1)}.table-card-selector.selected{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;box-shadow:0 20px 40px #10b98166,0 0 0 3px #10b98133,inset 0 1px #ffffff4d;transform:translateY(-2px) scale(1.05);animation:pulseSelected 2s ease-in-out infinite}@keyframes pulseSelected{0%,to{box-shadow:0 20px 40px #10b98166,0 0 0 3px #10b98133,inset 0 1px #ffffff4d}50%{box-shadow:0 20px 40px #10b98180,0 0 0 4px #10b9814d,inset 0 1px #ffffff4d}}.table-card-selector.selected:before{opacity:.2;background:radial-gradient(circle at center,rgba(255,255,255,.3),transparent 70%)}.table-card-selector.occupied{border-color:#10b981;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;cursor:not-allowed;opacity:.8;position:relative}.table-card-selector.occupied:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(16,185,129,.1) 10px,rgba(16,185,129,.1) 20px);pointer-events:none}.table-card-selector:disabled{cursor:not-allowed}.table-card-number{font-size:32px;font-weight:700;line-height:1;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .3s}.table-card-selector:hover:not(:disabled) .table-card-number{transform:scale(1.1)}.table-card-selector.selected .table-card-number{text-shadow:0 2px 8px rgba(0,0,0,.2);color:#fff}.table-occupied-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #10b98166;z-index:2;border:2px solid white;text-transform:uppercase;letter-spacing:.5px}.table-selected-badge{position:absolute;top:8px;right:8px;background:#ffffff4d;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;z-index:2;border:2px solid rgba(255,255,255,.5);backdrop-filter:blur(4px);animation:checkmarkPulse 1.5s ease-in-out infinite}@keyframes checkmarkPulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #0003}50%{transform:scale(1.1);box-shadow:0 4px 12px #fff6}}.customer-table-prompt{padding:20px;background-color:#0f172a0a;border:1px dashed rgba(148,163,184,.5);border-radius:var(--radius-lg);text-align:center;margin-bottom:24px}.customer-table-prompt p{color:var(--color-text);font-size:15px;margin:0}.menu-item-add-btn:disabled{opacity:.5;cursor:not-allowed}.menu-item-add-btn:disabled:hover{transform:none;background-color:var(--color-primary)}.customer-complete-order{position:sticky;bottom:0;margin-top:24px;padding-top:16px;background:linear-gradient(180deg,rgba(250,250,250,0) 0%,var(--bg-card) 40%);border-top:2px solid var(--color-primary);display:flex;flex-direction:column;align-items:stretch;max-height:none;overflow-y:visible}@media (min-width: 1025px){.customer-complete-order{display:none}}.mobile-cart-title{font-size:20px;font-weight:700;color:var(--color-text);margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--color-border)}.mobile-cart-items{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.mobile-cart-item{display:flex;align-items:flex-start;gap:14px;padding:14px;background-color:#fffffff2;border-radius:20px;border:1px solid rgba(148,163,184,.25);box-shadow:0 4px 12px #0f172a14;position:relative}.mobile-cart-item-image{position:relative;width:100px;height:100px;flex-shrink:0;border-radius:16px;overflow:hidden;background-color:var(--bg-card);border:1px solid rgba(148,163,184,.25);box-shadow:0 2px 8px #0f172a1a}.mobile-cart-item-image img{width:100%;height:100%;object-fit:cover;display:block}.mobile-cart-item-image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;background-color:var(--bg-secondary)}.mobile-cart-item-quantity-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:3px solid white;box-shadow:0 2px 10px #10b98180;z-index:2}.mobile-cart-item-info{flex:1;min-width:120px;display:flex;flex-direction:column;gap:12px;padding-top:2px;overflow:hidden;justify-content:flex-start}.mobile-cart-item-name{font-size:16px;font-weight:700;color:var(--color-text);margin:0;line-height:1.4;display:block;white-space:normal;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto}.mobile-cart-item-price{font-size:18px;font-weight:700;color:#10b981;margin:0}.mobile-cart-item-controls{display:flex!important;align-items:center;justify-content:flex-start;gap:12px;background-color:#ffffffe6;border-radius:16px;padding:8px;border:1px solid rgba(148,163,184,.3);box-shadow:inset 0 1px #ffffffb3;flex-shrink:0;visibility:visible!important;opacity:1!important;width:fit-content}.mobile-cart-quantity-btn{width:36px;height:36px;border:none;background-color:transparent;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text);transition:all .2s}.mobile-cart-quantity-btn:hover{background-color:#0f172a14;color:var(--color-primary)}.mobile-cart-quantity-btn:active{transform:scale(.95)}.mobile-cart-quantity{min-width:36px;text-align:center;font-weight:700;font-size:16px;color:var(--color-text)}.customer-order-sidebar{display:none}@media (min-width: 1025px){.customer-order-sidebar{display:block;position:sticky;top:24px;height:fit-content;width:420px;flex-shrink:0;max-width:calc(100vw - 600px)}.customer-order-sidebar-content{background-color:var(--bg-card);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:24px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;gap:20px}.sidebar-title{font-size:20px;font-weight:700;color:var(--color-text);margin:0 0 8px;padding-bottom:16px;border-bottom:2px solid var(--color-border)}.sidebar-items-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.sidebar-item{display:flex;flex-direction:column;gap:10px;padding:12px;background-color:var(--bg-primary);border-radius:var(--radius);position:relative;border:1px solid var(--color-border)}.sidebar-item-image{position:relative;width:100%;height:90px;flex-shrink:0;border-radius:var(--radius);overflow:hidden;background-color:var(--bg-card);border:1px solid var(--color-border)}.sidebar-item-image img{width:100%;height:100%;object-fit:cover;display:block}.sidebar-item-image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;background-color:var(--bg-secondary)}.sidebar-item-quantity-badge{position:absolute;top:6px;right:6px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid var(--bg-card);box-shadow:0 2px 8px #5661e766;z-index:2}.sidebar-item-info{flex:1;min-width:0;width:100%}.sidebar-item-name{font-size:14px;font-weight:700;color:var(--color-text);margin:0 0 6px;line-height:1.4;overflow:visible;display:block;white-space:normal;word-wrap:break-word;word-break:break-word;hyphens:auto}.sidebar-item-price{font-size:16px;font-weight:700;color:var(--color-primary);margin:0}.sidebar-item-controls{display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--bg-card);border-radius:var(--radius);padding:6px;width:100%;border:1px solid var(--color-border)}.sidebar-quantity-btn{width:32px;height:32px;border:none;background-color:var(--bg-primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text);transition:all .2s;border:1px solid var(--color-border)}.sidebar-quantity-btn:hover{background-color:var(--color-primary);color:#fff;transform:scale(1.05)}.sidebar-quantity-btn:active{transform:scale(.95)}.sidebar-quantity{min-width:32px;text-align:center;font-weight:700;font-size:14px;color:var(--color-text)}.sidebar-summary{padding-top:16px;border-top:2px solid var(--color-border);display:flex;flex-direction:column;gap:12px}.customer-order-sidebar .order-summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--bg-primary);border-radius:var(--radius)}.customer-order-sidebar .order-summary-item span{font-size:14px;color:var(--color-text-light)}.customer-order-sidebar .order-summary-item strong{font-size:16px;font-weight:700;color:var(--color-text)}.customer-order-sidebar .order-summary-item.total-price strong{font-size:20px;color:var(--color-primary)}.customer-order-sidebar .complete-order-btn{width:100%;padding:16px;border:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #5661e74d}.customer-order-sidebar .complete-order-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5661e766;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%)}.customer-order-sidebar .complete-order-btn:active{transform:translateY(0)}}.customer-order-summary{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:var(--bg-primary);border-radius:var(--radius);margin-bottom:12px}@media (min-width: 1025px){.customer-order-summary{margin-bottom:0;padding:12px 20px;flex-direction:row;justify-content:center;align-items:center;gap:16px}}.order-summary-item{display:flex;flex-direction:column;gap:4px}.order-summary-item span{font-size:13px;color:var(--color-text-light)}.order-summary-item strong{font-size:16px;color:var(--color-text)}.order-total-amount{font-size:20px!important;font-weight:700!important;color:var(--color-primary)!important}.customer-order-note{margin-bottom:16px;padding:0 16px}.customer-order-note label{display:block;font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:8px}.order-note-input{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--bg-primary);color:var(--color-text);font-size:14px;font-family:inherit;resize:vertical;min-height:80px;transition:all .2s}.order-note-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.order-note-input::placeholder{color:var(--color-text-light)}@media (min-width: 1025px){.customer-order-note{padding:0 20px}}.complete-order-btn{width:100%;padding:16px;border:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-size:16px;flex-shrink:0}@media (min-width: 1025px){.complete-order-btn{width:auto;min-width:200px;padding:16px 32px}}font-weight: 600; cursor: pointer; box-shadow: 0 4px 12px rgba(59,130,246,.3); transition: all .2s ease; display: flex; align-items: center; justify-content: center; gap: 8px; } .complete-order-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.complete-order-btn:active{transform:translateY(0)}@media (max-width: 640px){.customer-order-summary{flex-direction:column;align-items:flex-start;gap:12px}.order-summary-item{width:100%;flex-direction:row;justify-content:space-between}.mobile-cart-item{padding:14px;gap:14px;flex-wrap:nowrap}.mobile-cart-item-image{width:90px;height:90px}.mobile-cart-item-info{flex:1;min-width:0;gap:10px}.mobile-cart-item-name{font-size:15px;line-height:1.3}.mobile-cart-item-price{font-size:17px}.mobile-cart-item-controls{display:flex!important;visibility:visible!important;opacity:1!important;flex-shrink:0;width:fit-content;margin-top:0}.mobile-cart-quantity-btn{width:32px;height:32px}.mobile-cart-quantity{min-width:32px;font-size:15px}.mobile-cart-item-quantity-badge{width:30px;height:30px;font-size:13px;top:6px;right:6px}}.table-selector-trigger{padding:16px 20px}.trigger-label{font-size:16px}.trigger-hint{font-size:12px}.selected-table-card{padding:16px 20px;flex-wrap:wrap}.selected-table-icon{width:40px;height:40px}.selected-table-name{font-size:16px}.selected-table-total{font-size:18px;padding:6px 12px}.table-selector-modal{padding:20px 10px 10px;align-items:flex-start}.table-selector-content{max-width:100%;max-height:calc(100vh - 40px);margin:0 auto;border-radius:24px}.table-selector-header{padding:20px 24px}.table-selector-header h3{font-size:20px}.table-selector-header h3:before{font-size:24px}.close-selector-btn{width:36px;height:36px}.table-selector-body{padding:20px;max-height:calc(100vh - 140px)}.table-floor-section{margin-bottom:0}.table-floor-tabs{gap:6px;padding:3px;margin-bottom:20px}.table-floor-tab{padding:8px 16px;font-size:13px}.floor-title{font-size:16px;padding:10px 16px;margin-bottom:16px}.tables-grid-selector{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.table-card-selector{padding:12px;border-radius:20px}.table-card-number{font-size:24px}.table-occupied-badge{top:6px;right:6px;padding:3px 6px;font-size:9px}.table-selected-badge{top:6px;right:6px;width:24px;height:24px}} .categories-scroll{display:flex;gap:12px;margin-top:20px;margin-bottom:36px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--color-secondary) transparent;-webkit-overflow-scrolling:touch}.categories-scroll::-webkit-scrollbar{height:4px}.categories-scroll::-webkit-scrollbar-track{background:transparent}.categories-scroll::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:2px}.category-tab{padding:11px 24px;border:none;background-color:#ffffffd9;border-radius:999px;font-size:15px;font-weight:500;color:var(--color-text);cursor:pointer;white-space:nowrap;transition:all .2s;box-shadow:inset 0 1px #ffffffb3,0 10px 20px #0f172a14;border:1px solid rgba(148,163,184,.2);margin-bottom:15px}.category-tab:hover{transform:translateY(-2px);border-color:#10b98180}.category-tab.active{background:linear-gradient(120deg,var(--color-primary),var(--color-accent));color:#fff;border-color:transparent;box-shadow:0 12px 24px #0f172a26}.menu-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;width:100%}.menu-item-card{background:radial-gradient(circle at top,rgba(16,185,129,.08),transparent 55%),#fffffff2;border-radius:24px;padding:22px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 25px 45px #0f172a1f;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.25);will-change:transform;transform:translateZ(0)}.menu-item-card.has-description{cursor:pointer}.menu-item-card:hover{transform:translate3d(0,-4px,0) scale(1.01);box-shadow:0 35px 60px #0f172a2e;border-color:#10b98180}.menu-item-image{width:100%;height:150px;margin-bottom:8px;border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);position:relative;border:1px solid rgba(148,163,184,.3);will-change:contents;transform:translateZ(0)}.menu-item-info-icon{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);opacity:0;transform:scale(.8);transition:all .2s ease;box-shadow:0 2px 8px #00000026;z-index:2}.menu-item-card.has-description:hover .menu-item-info-icon{opacity:1;transform:scale(1)}.menu-item-image img{width:100%;height:100%;object-fit:cover;display:block;will-change:auto;transform:translateZ(0)}.menu-item-image img[style*="display: none"]{display:none!important}.menu-item-image-fallback{font-size:64px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.menu-item-info{text-align:center;width:100%;flex:1;display:flex;flex-direction:column;justify-content:space-between}.menu-item-name{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:8px;line-height:1.3}.menu-item-price{font-size:18px;font-weight:700;color:var(--color-primary)}.menu-item-add-btn{width:100%;padding:13px;border:none;background:linear-gradient(120deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-radius:16px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s ease,box-shadow .15s ease;margin-top:auto;box-shadow:0 18px 30px #10b98159;will-change:transform;transform:translateZ(0)}.menu-item-add-btn:hover{transform:translateY(-1px)}.menu-item-add-btn:active{transform:scale(.98)}.menu-item-add-btn.added{background:linear-gradient(120deg,#10b981,#059669);animation:addedPulse .3s ease-out}@keyframes addedPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.menu-create-table{position:sticky;bottom:0;margin-top:24px;padding-top:12px;background:linear-gradient(180deg,rgba(250,250,250,0) 0%,var(--bg-card) 40%)}.menu-loading-state{width:100%;text-align:center;padding:32px 0;font-weight:500;color:var(--color-text-light)}.create-table-btn{width:100%;padding:16px;border:none;border-radius:24px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 30px 50px #0f172a40;transition:transform .2s ease,box-shadow .2s ease}.create-table-btn:hover{transform:translateY(-2px);box-shadow:0 40px 60px #0f172a4d}@media (max-width: 1280px){.customer-order-sidebar{width:360px}}@media (max-width: 1024px){.menu-view{padding:16px}.menu-content-wrapper{flex-direction:column}.customer-order-sidebar{display:none!important}.menu-header{margin-bottom:16px}.menu-header h2{font-size:20px;font-weight:600}.categories-scroll{margin-bottom:16px;padding-bottom:8px;gap:8px;-webkit-overflow-scrolling:touch}.category-tab{padding:10px 16px;font-size:14px;white-space:nowrap;flex-shrink:0}.menu-items-grid{grid-template-columns:repeat(2,1fr);gap:12px}.menu-item-card{padding:12px;gap:8px}.menu-item-image{height:140px;margin-bottom:8px}.menu-item-name{font-size:14px;margin-bottom:4px;line-height:1.3}.menu-item-price{font-size:16px}.menu-item-add-btn{padding:10px;font-size:13px;margin-top:4px}.mobile-cart-item{flex-wrap:nowrap;overflow:visible}.mobile-cart-item-info{gap:10px}.mobile-cart-item-controls{display:flex!important;visibility:visible!important;opacity:1!important;flex-shrink:0;width:fit-content}}@media (max-width: 640px){.menu-view{padding:12px}.menu-header{margin-bottom:12px}.menu-header h2{font-size:18px}.categories-scroll{margin-bottom:12px;gap:6px}.category-tab{padding:8px 14px;font-size:13px}.menu-items-grid{grid-template-columns:repeat(2,1fr);gap:10px}.menu-item-card{padding:10px;gap:6px;transition:transform .15s ease,box-shadow .15s ease;will-change:transform}.menu-item-card:hover{transform:translate3d(0,-2px,0)}.menu-item-image{height:120px;margin-bottom:6px}.menu-item-image-fallback{font-size:40px}.menu-item-name{font-size:13px;margin-bottom:4px;line-height:1.2}.menu-item-price{font-size:15px;font-weight:700}.menu-item-add-btn{padding:8px;font-size:12px;margin-top:4px}.menu-item-add-btn svg{width:16px;height:16px}}.product-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:2000;padding:20px;margin:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeInModal .3s ease-out;overflow:hidden;pointer-events:auto}.product-modal-content{background:#fff;border-radius:24px;width:100%;max-width:500px;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;overflow:hidden;position:relative;animation:scaleInModal .3s cubic-bezier(.16,1,.3,1);pointer-events:auto;max-height:85vh;margin:0}.product-modal-inner{padding:24px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1;min-height:0}.product-modal-image{width:100%;height:200px;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);position:relative;border:1px solid rgba(148,163,184,.3);margin-bottom:8px}.product-modal-image img{width:100%;height:100%;object-fit:cover;display:block}.product-modal-image img[style*="display: none"]{display:none!important}.product-modal-image-fallback{font-size:64px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.product-modal-title{margin:0;font-size:24px;font-weight:600;color:#000;line-height:1.3}.product-modal-description{margin:0;font-size:16px;color:#666;line-height:1.5}.product-modal-price{font-size:20px;font-weight:600;color:#000;margin-top:8px}.product-modal-close-btn{padding:16px 24px;border:none;background:transparent;color:#000;border-radius:0;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;border-top:1px solid #e5e5e5;margin-top:auto}.product-modal-close-btn:hover{background-color:#f5f5f5}.product-modal-close-btn:active{background-color:#e5e5e5}@media (max-width: 768px){.product-modal-overlay{padding:16px}.product-modal-content{max-width:100%;max-height:85vh;border-radius:20px}.product-modal-inner{padding:24px 20px 20px;gap:12px}.product-modal-title{font-size:20px}.product-modal-description{font-size:15px}.product-modal-price{font-size:18px}.product-modal-close-btn{padding:14px 20px;font-size:15px}.product-modal-image{height:200px;border-radius:16px}.product-modal-image-fallback{font-size:60px}}.app{display:flex;flex-direction:column;min-height:100vh;width:100vw;padding:28px;gap:0}.app-body{display:flex;flex:1;overflow:hidden;border-radius:0 0 32px 32px;background:linear-gradient(135deg,#ffffffbf,#f8f9ff99);border:1px solid rgba(255,255,255,.35);box-shadow:0 25px 80px #080f2840;backdrop-filter:blur(18px);border-top:none}.main-content{flex:1;display:flex;overflow:hidden;position:relative;min-height:0;padding:32px 28px;background:radial-gradient(circle at top,rgba(16,185,129,.08),transparent 50%),radial-gradient(circle at bottom,rgba(52,211,153,.08),transparent 45%),#ffffffd1}.tables-with-menu{display:flex;flex:1;overflow:hidden;height:100%}.tables-section{flex:1;min-width:0;min-height:0}.tables-section.hidden{display:none}.menu-panel{width:420px;max-width:45%;background:#ffffffe6;border-left:1px solid rgba(148,163,184,.2);box-shadow:-20px 0 50px #0f172a14;display:flex;flex-direction:column;transform:translate(100%);transition:transform .35s ease,opacity .35s ease;opacity:0;pointer-events:none;max-height:100%;backdrop-filter:blur(16px)}.menu-panel.open{transform:translate(0);opacity:1;pointer-events:auto;max-height:100%}.menu-panel.fullscreen{width:100%;max-width:none;border-left:none;box-shadow:none;transform:translate(0);opacity:1;pointer-events:auto}.menu-panel.expanded{width:100%;max-width:none;border-left:none;box-shadow:none}.menu-panel-header{padding:24px;border-bottom:1px solid rgba(148,163,184,.35);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f7faffcc}.menu-panel-title span{font-size:13px;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px}.menu-panel-title h3{margin-top:4px;font-size:20px;color:var(--color-text)}.menu-panel-account-name{margin-top:4px;font-size:14px;color:var(--color-text-light)}.menu-panel-total{text-align:right}.menu-panel-total span{font-size:13px;color:var(--color-text-light)}.menu-panel-total strong{display:block;font-size:26px;color:var(--color-primary)}.menu-panel-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.menu-panel .menu-view{padding:20px;border:none;border-radius:0;background:transparent;box-shadow:none}.menu-panel-content .menu-view{padding-top:16px}.menu-panel-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 32px;gap:10px;color:var(--color-text-light);background:linear-gradient(165deg,#ffffffe6,#f8fbff99);border-radius:24px;border:1px dashed rgba(148,163,184,.45)}@media (max-width: 1280px){.menu-panel{width:360px;max-width:50%}}@media (max-width: 1024px){.app{height:auto;min-height:100vh;overflow:visible;padding:16px}.app-body{flex-direction:column;overflow:visible;border-radius:0 0 24px 24px;border-top:none}.main-content{flex-direction:column;overflow:visible;padding:20px}.tables-with-menu{flex-direction:column;overflow:visible}.tables-section{order:1}.menu-panel{position:sticky;bottom:0;width:100%;max-width:none;border-left:none;border-top:1px solid rgba(148,163,184,.3);box-shadow:0 -18px 42px #0f172a40;transform:translateY(0);max-height:0;opacity:0;pointer-events:none;overflow:hidden}.menu-panel.open{max-height:75vh;opacity:1;pointer-events:auto}.menu-panel.fullscreen{position:relative;bottom:auto;max-height:none;height:auto;border-top:none;box-shadow:none}.menu-panel.fullscreen .menu-panel-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.menu-panel.fullscreen .menu-view{padding:12px}.tables-with-menu.mobile-layout{flex-direction:column}}@media (max-width: 640px){.tables-section{padding-bottom:16px}.menu-panel-header{padding:18px;flex-direction:column;align-items:flex-start;gap:12px}.menu-panel-title h3{font-size:18px}.menu-panel-total strong{font-size:20px}.menu-panel.fullscreen .menu-view{padding:12px}}.main-content.customer-mode{width:100%;max-width:100%}.sidebar-overlay{position:fixed;inset:0;background-color:#020617b3;z-index:999;animation:fadeIn .3s ease;backdrop-filter:blur(2px)}.login-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.login-modal-content{position:relative;background-color:var(--bg-card);border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.login-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:var(--color-text-light);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.login-modal-close:hover{background-color:var(--bg-primary);color:var(--color-text)}.success-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.success-modal-content{position:relative;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-primary) 100%);border-radius:24px;max-width:450px;width:100%;padding:40px 32px;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease-out;border:1px solid var(--color-border)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.success-modal-icon{display:flex;justify-content:center;margin-bottom:24px;animation:scaleIn .5s ease-out .2s both}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-modal-icon svg{color:#10b981;filter:drop-shadow(0 4px 8px rgba(16,185,129,.3))}.success-modal-title{font-size:28px;font-weight:700;color:var(--color-text);margin:0 0 16px;animation:fadeInUp .5s ease-out .3s both}@keyframes fadeInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.success-modal-total{font-size:32px;font-weight:700;color:var(--color-primary);margin:0 0 12px;animation:fadeInUp .5s ease-out .4s both}.success-modal-message{font-size:16px;color:var(--color-text-light);margin:0 0 32px;line-height:1.5;animation:fadeInUp .5s ease-out .5s both}.success-modal-button{width:100%;padding:16px 32px;border:none;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d;animation:fadeInUp .5s ease-out .6s both}.success-modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%)}.success-modal-button:active{transform:translateY(0)}@media (max-width: 640px){.success-modal-content{padding:32px 24px;border-radius:20px}.success-modal-title{font-size:24px}.success-modal-total{font-size:28px}.success-modal-icon svg{width:56px;height:56px}}.account-modal-overlay{position:fixed;inset:0;background:#0f172abf;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1500;padding:20px;animation:fadeIn .3s ease-out}.account-modal-content{background:linear-gradient(135deg,#fffffffa,#f8fafff2);border-radius:28px;width:100%;max-width:580px;padding:0;box-shadow:0 25px 80px #0f172a59,0 0 0 1px #ffffff80 inset;border:1px solid rgba(148,163,184,.2);overflow:hidden;animation:slideUp .4s cubic-bezier(.16,1,.3,1);position:relative}.account-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));z-index:1}.account-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:28px 32px 24px;background:linear-gradient(135deg,#ffffffe6,#f8faffcc);border-bottom:1px solid rgba(148,163,184,.15)}.account-modal-title{display:flex;align-items:center;gap:16px;flex:1}.account-modal-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #10b9814d;flex-shrink:0}.account-modal-title span{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--color-text-light);font-weight:700;display:block;margin-bottom:6px}.account-modal-title h3{margin:0;font-size:24px;font-weight:700;color:var(--color-text);line-height:1.3}.account-modal-close{border:none;background:#94a3b81a;cursor:pointer;color:var(--color-text-light);border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.account-modal-close:hover{background:#94a3b833;color:var(--color-text);transform:rotate(90deg)}.account-modal-close svg{width:18px;height:18px}.account-modal-body{display:flex;flex-direction:column;padding:28px 32px 32px;gap:24px}.account-modal-section{display:flex;flex-direction:column;gap:16px}.account-create-section{padding:24px;background:linear-gradient(135deg,#fff9,#f8faff66);border-radius:20px;border:1px solid rgba(148,163,184,.15)}.account-section-header{display:flex;align-items:center;gap:12px}.account-section-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#10b9811a,#34d3991a);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.account-section-header label,.account-section-header h4{font-size:15px;font-weight:700;color:var(--color-text);margin:0}.account-section-header h4{font-size:16px}.account-input-wrapper{position:relative}.account-input-wrapper input{width:100%;padding:16px 18px;border-radius:14px;border:2px solid rgba(148,163,184,.2);background:#ffffffe6;color:var(--color-text);font-size:15px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 8px #0f172a0d}.account-input-wrapper input:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 4px 16px #10b98126,0 0 0 4px #10b9811a}.account-input-wrapper input::placeholder{color:#94a3b899}.account-modal-actions{display:flex;flex-wrap:wrap;gap:12px}.account-btn-primary,.account-btn-secondary{flex:1;min-width:140px;padding:14px 20px;border-radius:14px;font-weight:600;font-size:15px;cursor:pointer;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.account-btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;box-shadow:0 8px 24px #10b9814d}.account-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.account-btn-primary:hover:before{left:100%}.account-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #10b98166}.account-btn-primary:active{transform:translateY(0)}.account-btn-primary:disabled{background:#94a3b84d;color:#94a3b899;cursor:not-allowed;box-shadow:none;transform:none}.account-btn-primary:disabled:before{display:none}.account-btn-primary svg{width:18px;height:18px}.account-btn-secondary{background:#ffffffe6;color:var(--color-text);border:2px solid rgba(148,163,184,.25);box-shadow:0 2px 8px #0f172a0d}.account-btn-secondary:hover{background:#fff;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 16px #10b98126}.account-btn-secondary:active{transform:translateY(0)}.account-modal-divider{display:flex;align-items:center;gap:16px;margin:8px 0}.account-modal-divider:before,.account-modal-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.3),transparent)}.account-modal-divider span{font-size:13px;color:var(--color-text-light);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.account-list{padding-top:8px}.account-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px;background:linear-gradient(135deg,#fff6,#f8faff4d);border-radius:16px;border:2px dashed rgba(148,163,184,.3)}.account-empty-state svg{color:#94a3b866;opacity:.6}.account-empty-state span{font-size:14px;color:var(--color-text-light);font-weight:500}.account-chip-group{display:flex;flex-direction:column;gap:12px}.account-chip{width:100%;border:2px solid rgba(148,163,184,.2);border-radius:16px;padding:18px 20px;background:linear-gradient(135deg,#ffffffe6,#f8faffb3);color:var(--color-text);text-align:left;cursor:pointer;display:flex;align-items:center;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.account-chip:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));transform:scaleY(0);transition:transform .3s ease}.account-chip:hover{border-color:var(--color-primary);background:linear-gradient(135deg,#fff,#f8faffe6);transform:translate(4px);box-shadow:0 8px 24px #10b98126}.account-chip:hover:before{transform:scaleY(1)}.account-chip-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#10b9811a,#34d3991a);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0;transition:all .3s ease}.account-chip:hover .account-chip-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;transform:scale(1.1)}.account-chip-content{flex:1;display:flex;flex-direction:column;gap:6px}.account-chip strong{font-size:16px;font-weight:700;color:var(--color-text);line-height:1.3}.account-chip-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-light);font-weight:600;padding:4px 10px;background:#10b9811a;border-radius:8px;width:fit-content}.account-chip-badge svg{width:14px;height:14px;color:var(--color-primary)}.account-chip-arrow{color:#94a3b866;transition:all .3s ease;flex-shrink:0}.account-chip:hover .account-chip-arrow{color:var(--color-primary);transform:translate(4px)}@keyframes slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width: 640px){.account-modal-content{max-width:100%;border-radius:24px;margin:0}.account-modal-header{padding:24px 20px 20px}.account-modal-icon{width:40px;height:40px}.account-modal-title h3{font-size:20px}.account-modal-body{padding:24px 20px 28px}.account-create-section{padding:20px}.account-modal-actions{flex-direction:column}.account-btn-primary,.account-btn-secondary{width:100%;min-width:auto}.account-chip{padding:16px}.account-chip-icon{width:40px;height:40px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-body: #050910;--bg-primary: #f7f8fb;--bg-card: rgba(255, 255, 255, .93);--bg-muted: rgba(255, 255, 255, .65);--bg-secondary: #ecfdf5;--color-primary: #10b981;--color-primary-dark: #059669;--color-secondary: #34d399;--color-accent: #6ee7b7;--color-text: #0f172a;--color-text-light: #475569;--color-text-lighter: #94a3b8;--color-text-secondary: #6b7280;--color-border: rgba(148, 163, 184, .45);--color-border-strong: rgba(15, 23, 42, .12);--color-surface: rgba(255, 255, 255, .85);--shadow-sm: 0 8px 18px rgba(15, 23, 42, .08);--shadow-md: 0 16px 30px rgba(15, 23, 42, .12);--shadow-lg: 0 30px 50px rgba(15, 23, 42, .18);--radius: 14px;--radius-lg: 26px;--blur-strong: 26px;--table-empty: #e2e8f0;--table-occupied: #10b981;--table-reserved: #34d399}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-body);background-image:radial-gradient(circle at 20% 20%,rgba(16,185,129,.25),transparent 50%),radial-gradient(circle at 80% 0%,rgba(52,211,153,.2),transparent 45%),radial-gradient(circle at 50% 80%,rgba(110,231,183,.3),transparent 45%),linear-gradient(135deg,#030711,#0f172a);color:var(--color-text);min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff6}@media (max-width: 1024px){body{overflow-y:auto;-webkit-overflow-scrolling:touch}#root{height:auto;min-height:100vh}}@media (max-width: 640px){body{font-size:14px}}@media (max-width: 768px){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}}