@import"https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bitcount:wght@100..900&family=Caveat:wght@400..700&family=Cormorant:ital,wght@0,300..700;1,300..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=League+Spartan:wght@100..900&family=Manrope:wght@200..800&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Righteous&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&family=Urbanist:ital,wght@0,100..900;1,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";.sidebar{height:100vh;width:300px;background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;padding-top:24px;position:fixed;top:0;left:0;z-index:1000;transition:all .3s ease-in-out;box-shadow:2px 0 12px #0000000a}.logo{margin-bottom:24px;padding-left:30px;width:200px;margin-top:-50px;height:100px;position:relative;display:flex;align-items:center;gap:10px;z-index:1001}.logo img{width:100%;height:100%;object-fit:contain;transition:all .3s ease}.role-badge{background:#4a90e2;color:#fff;font-size:13px;padding:4px 10px;border-radius:20px;font-weight:700;white-space:nowrap;position:absolute;right:-20px;top:30px;transition:all .3s ease}.nav{display:flex;flex-direction:column;gap:18px;flex:1;padding-left:20px}.nav-item{all:unset;display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:8px;cursor:pointer;transition:.2s;width:238px}.nav-item:hover{background-color:#4a90e214}.nav-item.active{background-color:#4a90e21f;border-left:3px solid #4A90E2;width:238px}.icon{font-size:22px;color:#4a90e2;transition:all .3s ease}.nav-item p{margin:0;font-size:18px;font-family:roboto;color:#333;transition:all .3s ease}.nav-item:last-of-type{margin-top:8px;padding-top:18px;border-top:1px solid rgba(74,144,226,.15)}.sidebar-footer{padding:20px 25px;border-top:1px solid #f0f0f0;margin-top:auto;transition:all .3s ease}.user-info{display:flex;align-items:center;gap:12px;padding:12px;background:#4a90e214;border-radius:10px;border:1px solid rgba(74,144,226,.15);transition:all .3s ease}.user-avatar{font-size:28px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#fafafa;border-radius:50%;color:#4a90e2;transition:all .3s ease}.user-role{margin:0;font-size:20px;font-weight:700;color:#4a90e2;text-transform:capitalize;letter-spacing:.5px;transition:all .3s ease}.logout-btn{width:100%;padding:10px;background:#dc2626cc;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;transition:all .2s;margin-top:10px}.logout-btn:hover{background:#dc2626;transform:translateY(-2px)}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-top:2px solid rgba(74,144,226,.15);z-index:1000;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));box-shadow:0 -2px 12px #0000000f;transition:all .3s ease}.mobile-nav-container{display:flex;justify-content:space-around;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;background:none;border:none;cursor:pointer;transition:all .2s;min-width:60px;position:relative;color:#999}.mobile-nav-item.active{color:#4a90e2}.mobile-nav-item .mobile-nav-icon{font-size:24px;transition:transform .2s}.mobile-nav-item.active .mobile-nav-icon{transform:scale(1.1)}.mobile-nav-item .mobile-nav-label{font-size:10px;font-weight:500;white-space:nowrap;transition:all .3s ease}.mobile-nav-item.active:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:20px;height:2px;background-color:#4a90e2;border-radius:2px}.mobile-more-menu{display:none;position:fixed;bottom:70px;left:50%;transform:translate(-50%);background:#fff;border:1px solid rgba(74,144,226,.15);border-radius:16px;padding:12px;z-index:1001;box-shadow:0 -4px 20px #0000001a;animation:slideUp .3s ease;min-width:200px;transition:all .3s ease}.mobile-more-menu.show{display:block}.mobile-more-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#333;background:none;border:none;width:100%;cursor:pointer;border-radius:8px;transition:all .2s;font-size:14px}.mobile-more-item:hover{background:#4a90e214}.mobile-more-item .icon{font-size:20px}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dark-mode .sidebar{background-color:#1a1a1a;border-right:1px solid rgba(74,144,226,.2);box-shadow:2px 0 12px #0000004d}.dark-mode .role-badge{background:#4a90e2;color:#1a1a1a}.dark-mode .logo img{background:#4a90e21a;box-shadow:0 2px 10px #4a90e21a}.dark-mode .nav-item:hover{background-color:#4a90e21f}.dark-mode .nav-item.active{background-color:#4a90e22e;border-left:3px solid #4A90E2}.dark-mode .icon{color:#4a90e2}.dark-mode .nav-item p{color:#fff}.dark-mode .nav-item:last-of-type{border-top:1px solid rgba(74,144,226,.3)}.dark-mode .sidebar-footer{border-top:1px solid rgba(74,144,226,.2)}.dark-mode .user-info{background:#4a90e21f;border:1px solid rgba(74,144,226,.2)}.dark-mode .user-avatar{background:#2a2a2a;color:#4a90e2}.dark-mode .user-role{color:#4a90e2}.dark-mode .mobile-bottom-nav{background-color:#1a1a1a;border-top:2px solid rgba(74,144,226,.25);box-shadow:0 -2px 12px #0000004d}.dark-mode .mobile-nav-item{color:#999}.dark-mode .mobile-nav-item.active{color:#4a90e2}.dark-mode .mobile-nav-item .mobile-nav-label{color:#999}.dark-mode .mobile-nav-item.active .mobile-nav-label{color:#4a90e2}.dark-mode .mobile-nav-item.active:before{background-color:#4a90e2}.dark-mode .mobile-more-menu{background:#1e1e1e;border:1px solid rgba(74,144,226,.25);box-shadow:0 -4px 20px #00000080}.dark-mode .mobile-more-item{color:#fff}.dark-mode .mobile-more-item:hover{background:#4a90e21f}.dark-mode .mobile-more-item .icon{color:#4a90e2}@media (min-width: 1024px) and (max-width: 1199px) and (max-height: 800px){.sidebar{width:220px!important;padding-top:16px!important}.main{margin-left:220px!important}.logo{width:140px!important;height:70px!important;padding-left:20px!important;margin-top:-30px!important;margin-bottom:16px!important}.logo img{width:100%!important;height:100%!important}.role-badge{font-size:10px!important;padding:2px 8px!important;right:-10px!important;top:18px!important}.nav{gap:10px!important;padding-left:12px!important}.nav-item{padding:8px 10px!important;width:190px!important;gap:10px!important}.nav-item.active{width:190px!important}.icon{font-size:18px!important}.nav-item p{font-size:14px!important}.nav-item:last-of-type{margin-top:4px!important;padding-top:12px!important}.sidebar-footer{padding:12px 16px!important}.user-info{padding:8px 10px!important;gap:8px!important}.user-avatar{width:36px!important;height:36px!important;font-size:18px!important}.user-role{font-size:14px!important}.logout-btn{padding:6px!important;font-size:12px!important;margin-top:6px!important}}@media (min-width: 769px) and (max-width: 1024px){.sidebar{width:260px}.main{margin-left:260px}.nav-item p{font-size:16px}.icon{font-size:20px}.user-role{font-size:18px}.logo{width:160px;height:80px;padding-left:20px}.logo img{width:120%;height:120%}.role-badge{font-size:11px;right:-15px;top:20px;padding:3px 8px}}@media (max-width: 768px){.sidebar{display:none}.mobile-bottom-nav{display:block}.mobile-menu-btn{display:none}.layout{padding-bottom:70px}.main{margin-left:0}.content{padding-bottom:80px}}.layout{display:flex;min-height:100vh;transition:all .3s ease}.dark-mode .layout{background:#1a1a1a}.main{flex:1;margin-left:300px;transition:margin-left .3s ease}@media (max-width: 768px){.main{margin-left:0}}@media (min-width: 769px) and (max-width: 1024px){.main{margin-left:260px}}.content{padding:20px;transition:all .3s ease}.tables-page{padding:24px 32px;background:#f8fafc;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.header-section{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;flex-wrap:wrap;gap:16px;text-align:center}.header-buttons{display:flex;gap:12px}.titlee-area{text-align:center}.titlee-area h1{margin:0 0 6px;font-size:28px;font-weight:600;color:#1e293b}.subtitle{color:#6c757d;margin:0;font-size:13px}.add-table-btn,.reset-btn,.free-selected-btn{border:none;padding:10px 20px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.add-table-btn{background:#3b82f6;color:#fff}.add-table-btn:hover{transform:translateY(-1px)}.reset-btn{background:#e2e8f0;color:#334155}.reset-btn:hover{background:#cbd5e1;transform:translateY(-1px)}.free-selected-btn{background:#dc2626;color:#fff}.free-selected-btn:hover{background:#b91c1c;transform:translateY(-1px)}.stats-row{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.stat-card{background:#fff;padding:14px 20px;border-radius:12px;text-align:center;flex:1;min-width:100px;border:1px solid #4A90E2;transition:all .2s;box-shadow:0 1px 3px #0000000d}.stat-value{display:block;font-size:28px;font-weight:700;color:#ff8c00;line-height:1.2;margin-bottom:4px}.stat-label{display:block;font-size:12px;color:#7f8c8d;margin-top:4px;font-weight:500}.tables-container{position:relative;border-radius:16px;background:#f1f5f9;transition:all .1s;min-height:500px;width:100%;overflow:hidden}.table-card{background:#fff;border-radius:16px;padding:16px 12px 14px;text-align:center;cursor:grab;border:2px solid transparent;box-shadow:0 2px 6px #0000001a;transition:all .2s;-webkit-user-select:none;user-select:none;width:140px;margin:8px}.table-card:active{cursor:grabbing}.table-card.dragging{opacity:.5;cursor:grabbing;z-index:1000}.table-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.table-card.bosh{border-color:#cbd5e1;background:#fff}.table-card.band{border-color:#dc2626;background:#fef2f2}.table-card.rezerv{border-color:#3b82f6;background:#eff6ff}.delete-table-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:6px;background:#f1f5f9;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .2s}.delete-table-btn:hover{background:#fee2e2;color:#dc2626;transform:scale(1.1)}.qr-table-btn{position:absolute;top:8px;right:35px;background:#fffffff2;border:none;border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:14px;z-index:10;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.qr-table-btn:hover{background:#ff8c00;transform:scale(1.1);color:#fff}.table-number{font-size:36px;font-weight:700;margin-bottom:10px;color:#1e293b}.table-info{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding-top:8px;border-top:1px solid #e2e8f0}.seats{display:flex;align-items:center;gap:4px;color:#64748b}.status-badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.status-badge.bosh{background:#e2e8f0;color:#475569}.status-badge.band{background:#dc2626;color:#fff}.status-badge.rezerv{background:#3b82f6;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:#fff;border-radius:20px;width:90%;max-width:400px;overflow:hidden;box-shadow:0 10px 25px #00000026;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 12px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#1e293b}.modal-close{width:28px;height:28px;border-radius:50%;border:none;background:#f1f5f9;font-size:20px;cursor:pointer;color:#64748b;transition:all .2s}.modal-close:hover{background:#e2e8f0;transform:scale(1.1)}.modal-body{padding:16px 20px}@media (max-width: 1024px) and (min-width: 769px){.tables-page{padding:20px 16px}.header-section{margin-bottom:20px;flex-wrap:wrap}.titlee-area h1{font-size:24px}.header-buttons{gap:8px;flex-wrap:wrap;justify-content:flex-start}.add-table-btn,.reset-btn,.free-selected-btn{padding:8px 14px;font-size:13px}.stats-row{gap:8px;margin-bottom:16px}.stat-card{padding:10px 12px;min-width:70px}.stat-value{font-size:22px}.stat-label{font-size:11px}.tables-container{min-height:400px;padding:12px;overflow:auto;position:relative}.table-card{width:180px!important;padding:12px 8px 10px;margin:6px;height:110px}.table-number{font-size:28px;margin-bottom:6px}.table-info{font-size:10px;padding-top:4px}.seats{font-size:10px}.seats svg{width:12px;height:12px}.status-badge{padding:2px 8px;font-size:9px}.delete-table-btn{width:20px;height:20px;font-size:10px;top:6px;right:6px}.qr-table-btn{width:22px;height:22px;font-size:10px;top:6px;right:30px}.modal{max-width:380px}.modal-header h2{font-size:18px}.modal-body{padding:12px 16px}.seat-option{width:44px;padding:6px 0;font-size:13px}.payment-btn{padding:8px 12px;font-size:12px}}@media (max-width: 776px){.tables-page{padding:12px}.header-section{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.header-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px}.add-table-btn,.reset-btn,.free-selected-btn{flex:1;min-width:100px;justify-content:center;padding:8px 12px;font-size:12px}.titlee-area h1{font-size:20px;margin-bottom:4px}.subtitle{font-size:11px}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.stat-card{min-width:auto;padding:10px 8px;margin:0}.stat-value{font-size:20px;margin-bottom:2px}.stat-label{font-size:10px;margin-top:2px}.tables-container{min-height:auto;padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;justify-items:center;align-items:start;position:relative!important;height:auto!important;overflow:visible}.table-card{position:relative!important;width:100%!important;max-width:120px;margin:0;left:auto!important;top:auto!important;transform:none!important;padding:12px 8px 10px}.table-number{font-size:24px;margin-bottom:4px}.table-info{font-size:10px;padding-top:4px}.seats svg{width:12px;height:12px}.status-badge{padding:2px 6px;font-size:9px}.delete-table-btn{width:20px;height:20px;font-size:10px;top:6px;right:6px}.qr-table-btn{width:22px;height:22px;font-size:10px;top:6px;right:30px}.modal{width:95%;max-width:95%;border-radius:16px;margin:10px}.modal-header{padding:12px 14px 10px}.modal-header h2{font-size:17px}.modal-body{padding:10px 14px}.modal-footer{padding:10px 14px 14px;gap:8px;flex-direction:row}.cancel-btn,.confirm-btn{flex:1;padding:10px;font-size:13px}.seats-selector{gap:6px;flex-wrap:wrap}.seat-option{width:40px;padding:6px 0;font-size:12px}.payment-buttons{flex-direction:row;flex-wrap:wrap;gap:6px}.payment-btn{flex:1;min-width:70px;padding:8px 10px;font-size:11px}.check-total{padding:10px;font-size:14px}.check-total-amount{font-size:16px}.edit-item{flex-wrap:wrap;gap:6px;padding:8px 10px}.edit-item-name{width:100%;font-size:13px}.edit-item-controls{width:100%;justify-content:flex-end;gap:6px}.edit-item-price{min-width:60px;font-size:13px}.edit-qty-btn{width:24px;height:24px;font-size:12px}.edit-buttons{flex-direction:column;gap:8px}.save-edit-btn,.cancel-edit-btn{width:100%;justify-content:center;padding:10px}.edit-header{flex-direction:column;gap:8px;align-items:stretch}.edit-actions{justify-content:center}.cancel-reason-modal{max-width:100%!important}.cancel-actions{flex-direction:column;gap:8px}.cancel-order-final-btn,.cancel-close-btn{width:100%;justify-content:center;padding:12px}.reason-option{padding:10px 12px}.reason-option .reason-label{font-size:13px}.cancel-warning-box{padding:8px 12px;font-size:13px;flex-wrap:wrap}.qr-modal .modal-body{padding:16px}.download-qr-btn,.copy-link-btn{padding:8px 14px;font-size:12px;width:100%;justify-content:center}.order-header-with-edit{flex-wrap:wrap;gap:6px}.order-actions{flex-wrap:wrap}.edit-order-btn,.cancel-order-btn{width:28px;height:28px}.cancellation-reason{font-size:12px;padding:4px 10px;flex-wrap:wrap}.check-item{font-size:12px;padding:4px 0}.check-item-name,.check-item-price{font-size:12px}.check-order-total{font-size:12px;padding:6px 0}}@media (max-width: 480px){.tables-page{padding:8px}.header-buttons{flex-direction:column;gap:6px}.add-table-btn,.reset-btn,.free-selected-btn{min-width:auto;width:100%;padding:8px;font-size:12px}.stats-row{grid-template-columns:repeat(2,1fr);gap:6px}.stat-card{padding:8px 6px}.stat-value{font-size:18px}.tables-container{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px;padding:6px}.table-card{max-width:100px;padding:10px 6px 8px}.table-number{font-size:20px}.table-info{font-size:9px;padding-top:3px}.status-badge{padding:1px 6px;font-size:8px}.seats{font-size:9px}.seats svg{width:10px;height:10px}.delete-table-btn{width:18px;height:18px;font-size:9px;top:4px;right:4px}.qr-table-btn{width:20px;height:20px;font-size:9px;top:4px;right:26px}.modal{width:98%;max-width:98%;margin:8px;border-radius:12px}.modal-header{padding:10px 12px 8px}.modal-header h2{font-size:16px}.modal-body{padding:8px 10px}.modal-footer{flex-direction:column;gap:6px;padding:8px 10px 12px}.cancel-btn,.confirm-btn{width:100%;padding:10px;font-size:12px}.payment-buttons{flex-direction:column;gap:6px}.payment-btn{width:100%;padding:8px;font-size:12px}.seat-option{width:36px;font-size:11px;padding:6px 0}.check-item{font-size:11px;padding:3px 0}.check-item-price{font-size:11px}.check-total{font-size:13px;padding:8px}.check-total-amount{font-size:14px}}@media (max-width: 360px){.tables-page{padding:4px}.titlee-area h1{font-size:18px}.stats-row{grid-template-columns:repeat(2,1fr);gap:4px}.stat-card{padding:6px 4px}.stat-value{font-size:16px}.stat-label{font-size:9px}.tables-container{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:4px;padding:4px}.table-card{max-width:90px;padding:8px 4px 6px;border-radius:10px}.table-number{font-size:18px;margin-bottom:3px}.table-info{font-size:8px;padding-top:3px}.status-badge{padding:1px 4px;font-size:7px}.seats{font-size:8px}.seats svg{width:8px;height:8px}.delete-table-btn{width:16px;height:16px;font-size:8px;top:3px;right:3px}.qr-table-btn{width:18px;height:18px;font-size:8px;top:3px;right:22px}.modal{border-radius:8px}.modal-header h2{font-size:14px}.seat-option{width:32px;font-size:10px;padding:4px 0}.payment-btn{font-size:11px;padding:6px}}@media (max-width: 776px) and (orientation: landscape){.tables-page{padding:8px}.stats-row{grid-template-columns:repeat(4,1fr);gap:6px}.stat-card{padding:6px 4px}.stat-value{font-size:16px}.tables-container{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px;padding:6px}.table-card{max-width:110px;padding:10px 6px 8px}.table-number{font-size:22px}.modal{max-height:80vh}}.dark-mode .tables-page{background:#1a1a1a}.dark-mode .titlee-area h1{color:#fff}.dark-mode .subtitle{color:#999}.dark-mode .stat-card{background:#1e1e1e;border:1px solid #4A90E2;box-shadow:0 1px 3px #0000004d}.dark-mode .stat-card:hover{box-shadow:0 4px 12px #ff8c0026}.dark-mode .tables-container{background:#1e1e1e}.dark-mode .table-card{background:#2a2a2a;border-color:transparent;box-shadow:0 2px 6px #0000004d}.dark-mode .table-card:hover{box-shadow:0 4px 12px #4a90e2}.dark-mode .table-card.bosh{border-color:#4a90e2;background:#2a2a2a}.dark-mode .table-card.band{border-color:#dc2626;background:#dc262626}.dark-mode .table-card.rezerv{border-color:#3b82f6;background:#3b82f626}.dark-mode .table-number{color:#fff}.dark-mode .table-info{border-top:1px solid rgba(255,140,0,.2)}.dark-mode .seats{color:#999}.dark-mode .status-badge.bosh{background:#ff8c0026;color:#ff8c00}.dark-mode .delete-table-btn{background:#ffffff0d;color:#999}.dark-mode .delete-table-btn:hover{background:#dc262633;color:#ef4444}.dark-mode .qr-table-btn{background:#ffffff1a;color:#999;box-shadow:0 1px 3px #0000004d}.dark-mode .qr-table-btn:hover{background:#ff8c00;color:#fff}.dark-mode .modal{background:#1e1e1e;box-shadow:0 10px 25px #00000080}.dark-mode .modal-header{border-bottom:1px solid rgba(255,140,0,.2)}.dark-mode .modal-header h2{color:#fff}.dark-mode .modal-close{background:#ffffff0d;color:#999}.dark-mode .modal-close:hover{background:#ffffff1a;color:#fff}.dark-mode .detail-label{color:#999}.dark-mode .detail-value.bosh{background:#ff8c0026;color:#ff8c00}.dark-mode .form-group label{color:#ff8c00}.dark-mode .seat-option{background:#2a2a2a;border-color:#ff8c0033;color:#fff}.dark-mode .seat-option:hover{border-color:#ff8c00;background:#333}.dark-mode .seat-option.active{background:#ff8c00;border-color:#ff8c00;color:#fff}.dark-mode .reset-btn{background:#ffffff0d;color:#999;border:1px solid #4A90E2}.dark-mode .reset-btn:hover{background:#ffffff1a;color:#fff}.dark-mode .payment-btn{background:#2a2a2a;border-color:#ff8c0033;color:#fff}.dark-mode .tables-container::-webkit-scrollbar-track{background:#2a2a2a}.dark-mode .tables-container::-webkit-scrollbar-thumb{background:#ff8c00}.check-modal{max-width:450px!important;width:95%!important}.restaurant-header-info{text-align:center;margin-bottom:15px}.restaurant-header-info h2{font-family:monospace;font-size:20px;letter-spacing:2px;margin:0}.restaurant-header-info p{font-family:monospace;font-size:12px;color:#666;margin:3px 0}.divider{border-top:1px dashed #ccc;margin:10px 0}.check-items{max-height:350px;overflow-y:auto;font-family:monospace}.check-order{margin-bottom:15px}.check-item{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-family:monospace;font-size:13px}.check-item-name{flex:2;text-align:left}.check-item-quantity{flex:.5;text-align:center}.check-item-price{flex:1;text-align:right}.check-order-total{display:flex;justify-content:space-between;padding:8px 0;margin-top:5px;font-family:monospace;font-weight:700;font-size:13px;border-top:1px dotted #ccc}.check-total{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-radius:8px;margin:15px 0;font-family:monospace;font-weight:700;font-size:16px}.check-total-amount{color:#ff8c00;font-size:18px}.payment-section{margin-bottom:15px}.payment-section h4{margin-bottom:10px;font-size:14px;color:#1e293b}.payment-buttons{display:flex;gap:10px}.payment-btn{flex:1;padding:10px 12px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;font-size:13px;font-weight:500;color:#475569}.payment-btn:hover{border-color:#ff8c00;transform:translateY(-2px);box-shadow:0 2px 8px #ff8c0026}.payment-btn.active{background:#ff8c00;border-color:#ff8c00;color:#fff}.payment-btn.active:hover{background:#ff7000;border-color:#ff7000}.check-actions{display:flex;flex-direction:column;gap:10px;margin-top:5px}.free-table-btn{width:100%;padding:14px;background:#ff8c00;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.free-table-btn:hover{background:#ff7000;transform:translateY(-2px);box-shadow:0 4px 12px #ff8c004d}.occupy-table-btn{width:100%;padding:14px;background:#3b82f6;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.occupy-table-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.print-check-btn{width:100%;padding:12px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.print-check-btn:hover{background:#2563eb;transform:translateY(-2px)}.check-subtotal{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-family:monospace;font-size:14px;color:#666}.check-service{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-family:monospace;font-size:14px;border-bottom:1px dotted #ccc;margin-bottom:8px}.service-control{display:flex;align-items:center;gap:10px}.service-buttons{display:flex;gap:5px}.service-toggle{padding:4px 12px;border:1px solid #cbd5e1;background:#fff;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.service-toggle.active{background:#ff8c00;border-color:#ff8c00;color:#fff}.service-toggle:hover{transform:translateY(-1px)}.dark-mode .check-total{background:#2a2a2a;color:#fff}.dark-mode .check-total-amount{color:#ff8c00}.dark-mode .check-subtotal{color:#999}.dark-mode .check-service{border-bottom-color:#ff8c0033}.dark-mode .service-toggle,.dark-mode .payment-btn{background:#2a2a2a;border-color:#ff8c0033;color:#fff}.dark-mode .payment-btn:hover{border-color:#ff8c00}.dark-mode .payment-btn.active{background:#ff8c00;border-color:#ff8c00;color:#fff}.dark-mode .payment-section h4{color:#fff}.dark-mode .restaurant-header-info p{color:#999}.dark-mode .divider{border-top-color:#ff8c0033}.dark-mode .check-item{color:#ccc}.dark-mode .check-item-price{color:#999}.dark-mode .check-item-quantity{color:#ff8c00}.dark-mode .check-order-total{border-top-color:#ff8c0033;color:#fff}.order-header-with-edit{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin-bottom:8px;border-bottom:1px solid #e2e8f0}.order-id{font-weight:600;font-size:14px;color:#1e293b}.order-actions{display:flex;gap:6px;align-items:center}.edit-order-btn{background:#e0e7ff;color:#4a90e2;border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.edit-order-btn:hover{background:#4a90e2;color:#fff;transform:scale(1.05)}.cancel-order-btn{background:#fee2e2;color:#dc2626;border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.cancel-order-btn:hover{background:#dc2626;color:#fff;transform:scale(1.05)}.cancelled-badge{color:#dc2626;font-size:12px;font-weight:500}.cancellation-reason{display:flex;gap:8px;padding:6px 12px;margin-top:4px;background:#fef2f2;border-radius:6px;font-size:13px;border-left:3px solid #dc2626}.cancellation-reason .reason-label{font-weight:600;color:#dc2626}.cancellation-reason .reason-text{color:#1e293b}.edit-mode{padding:12px 0}.edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #4A90E2}.edit-header h4{margin:0;color:#1e293b}.edit-actions{display:flex;gap:8px}.add-item-btn{background:#4a90e2;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:4px;transition:all .2s}.add-item-btn:hover{background:#2563eb;transform:scale(1.02)}.edit-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:6px;background:#f8fafc;border-radius:8px;border-left:3px solid #4A90E2}.edit-item-name{flex:1;font-weight:500;font-size:14px;color:#1e293b}.edit-item-controls{display:flex;align-items:center;gap:8px}.edit-qty-btn{width:28px;height:28px;border:none;border-radius:50%;background:#fff;color:#4a90e2;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 1px 3px #0000001a}.edit-qty-btn:hover{background:#4a90e2;color:#fff;transform:scale(1.05)}.edit-qty{font-weight:600;min-width:24px;text-align:center;font-size:14px}.edit-item-price{font-weight:600;color:#1e293b;min-width:80px;text-align:right;font-size:14px}.edit-remove-btn{background:#fee2e2;color:#ef4444;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.edit-remove-btn:hover{background:#ef4444;color:#fff;transform:scale(1.05)}.edit-total{text-align:right;padding:12px;margin-top:12px;border-top:2px solid #e2e8f0;font-size:16px;color:#1e293b}.edit-total strong{margin-right:8px}.edit-buttons{display:flex;gap:10px;margin-top:12px;justify-content:flex-end}.save-edit-btn{background:#10b981;color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s}.save-edit-btn:hover{background:#059669;transform:scale(1.02)}.cancel-edit-btn{background:#f1f5f9;color:#64748b;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s}.cancel-edit-btn:hover{background:#fee2e2;color:#ef4444}@media (max-width: 768px){.check-modal{max-width:100%!important;width:98%!important;margin:10px}.payment-buttons{flex-direction:row;flex-wrap:wrap;gap:6px}.payment-btn{flex:1;min-width:80px;padding:8px 10px;font-size:12px}.check-total{padding:10px;font-size:14px}.check-total-amount{font-size:16px}.edit-item{flex-wrap:wrap;gap:6px;padding:8px 10px}.edit-item-name{width:100%;font-size:13px}.edit-item-controls{width:100%;justify-content:flex-end;gap:6px}.edit-item-price{min-width:60px;font-size:13px}.edit-buttons{flex-direction:column;gap:8px}.save-edit-btn,.cancel-edit-btn{width:100%;justify-content:center;padding:10px}.edit-header{flex-direction:column;gap:8px;align-items:stretch}.edit-actions{justify-content:center}.order-header-with-edit{flex-wrap:wrap;gap:6px}}@media (max-width: 480px){.payment-buttons{flex-direction:column;gap:6px}.payment-btn{width:100%;padding:10px;font-size:13px}.check-item{font-size:12px;padding:3px 0}.check-item-price{font-size:11px}.check-total{font-size:13px;padding:8px}.check-total-amount{font-size:14px}}.dark-mode .order-header-with-edit{border-bottom:1px solid rgba(255,140,0,.2)}.dark-mode .order-id{color:#fff}.dark-mode .edit-order-btn{background:#4a90e233;color:#4a90e2}.dark-mode .edit-order-btn:hover{background:#4a90e2;color:#fff}.dark-mode .cancel-order-btn{background:#dc262633;color:#ef4444}.dark-mode .cancel-order-btn:hover{background:#dc2626;color:#fff}.dark-mode .edit-mode{background:#1e1e1e}.dark-mode .edit-header{border-bottom:2px solid #4A90E2}.dark-mode .edit-header h4{color:#fff}.dark-mode .edit-item{background:#2a2a2a;border-left:3px solid #4A90E2}.dark-mode .edit-item-name{color:#fff}.dark-mode .edit-qty-btn{background:#333;color:#4a90e2;box-shadow:0 1px 3px #0000004d}.dark-mode .edit-qty-btn:hover{background:#4a90e2;color:#fff}.dark-mode .edit-qty{color:#fff}.dark-mode .edit-item-price{color:#ff8c00}.dark-mode .edit-remove-btn{background:#dc262633;color:#ef4444}.dark-mode .edit-remove-btn:hover{background:#dc2626;color:#fff}.dark-mode .edit-total{border-top:2px solid rgba(255,140,0,.2);color:#fff}.dark-mode .cancel-edit-btn{background:#ffffff0d;color:#999}.dark-mode .cancel-edit-btn:hover{background:#dc262633;color:#ef4444}.dark-mode .cancellation-reason{background:#dc26261a;border-left:3px solid #dc2626}.dark-mode .cancellation-reason .reason-label{color:#ef4444}.dark-mode .cancellation-reason .reason-text{color:#ccc}.dark-mode .cancelled-badge{color:#ef4444}.cancel-reason-modal{max-width:450px!important;width:95%!important}.cancel-reason-modal .modal-header{border-bottom:2px solid #dc2626!important}.cancel-reason-modal .modal-header h2{color:#dc2626!important;display:flex;align-items:center;gap:8px}.cancel-reason-modal .modal-header h2 svg{font-size:22px}.cancel-info{margin-bottom:16px}.cancel-info p{font-size:14px;color:#666;margin-bottom:8px}.cancel-warning-box{display:flex;align-items:center;gap:10px;background:#fef2f2;padding:10px 14px;border-radius:8px;border:1px solid #fecaca;color:#dc2626;font-weight:500;margin:12px 0}.cancel-warning-box span:first-child{font-size:24px}.cancel-reasons{margin:16px 0}.reason-title{font-weight:600;color:#1e293b;margin-bottom:12px;font-size:15px}.reason-option{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:6px;background:#f8fafc;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.reason-option:hover{background:#f1f5f9;border-color:#e2e8f0}.reason-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#4A90E2;flex-shrink:0}.reason-option .reason-label{font-size:14px;color:#1e293b}.reason-option input[type=radio]:checked+.reason-label{color:#4a90e2;font-weight:500}.reason-option:has(input:checked){background:#e0e7ff;border-color:#4a90e2}.cancel-actions{display:flex;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #f1f5f9}.cancel-order-final-btn{flex:1;padding:12px 20px;background:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.cancel-order-final-btn:hover:not(:disabled){background:#b91c1c;transform:scale(1.02);box-shadow:0 4px 12px #dc26264d}.cancel-order-final-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-close-btn{padding:12px 24px;background:#f1f5f9;color:#64748b;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s}.cancel-close-btn:hover{background:#e2e8f0}.dark-mode .cancel-reason-modal .modal-header{border-bottom:2px solid #dc2626!important}.dark-mode .cancel-reason-modal .modal-header h2{color:#ef4444!important}.dark-mode .cancel-info p{color:#999}.dark-mode .cancel-warning-box{background:#dc262626;border-color:#dc2626;color:#ef4444}.dark-mode .reason-title{color:#fff}.dark-mode .reason-option{background:#2a2a2a;border-color:transparent}.dark-mode .reason-option:hover{background:#333;border-color:#ff8c0033}.dark-mode .reason-option .reason-label{color:#ccc}.dark-mode .reason-option:has(input:checked){background:#4a90e233;border-color:#4a90e2}.dark-mode .reason-option input[type=radio]:checked+.reason-label{color:#4a90e2}.dark-mode .cancel-actions{border-top:1px solid rgba(255,140,0,.2)}.dark-mode .cancel-close-btn{background:#ffffff0d;color:#999}.dark-mode .cancel-close-btn:hover{background:#ffffff1a}@media (max-width: 768px){.cancel-reason-modal{max-width:100%!important;width:98%!important;margin:10px!important;border-radius:12px!important}.cancel-reason-modal .modal-body{padding:12px 16px!important}.cancel-actions{flex-direction:column;gap:8px}.cancel-order-final-btn,.cancel-close-btn{width:100%;justify-content:center;padding:12px;font-size:14px}.reason-option{padding:12px 14px}.reason-option .reason-label{font-size:13px}.cancel-warning-box{padding:8px 12px;font-size:13px;flex-wrap:wrap}.cancel-reason-modal .modal-header{padding:12px 16px 10px!important}.cancel-reason-modal .modal-header h2{font-size:17px!important}.reason-title{font-size:14px}}@media (max-width: 480px){.cancel-reason-modal{margin:6px!important;border-radius:8px!important}.cancel-reason-modal .modal-body{padding:10px 12px!important}.cancel-reason-modal .modal-header{padding:10px 12px 8px!important}.cancel-reason-modal .modal-header h2{font-size:15px!important}.reason-option{padding:8px 10px}.reason-option .reason-label{font-size:12px}.cancel-order-final-btn,.cancel-close-btn{padding:10px;font-size:13px}.cancel-warning-box{font-size:12px;padding:6px 10px}.cancel-warning-box span:first-child{font-size:20px}}@media (max-width: 768px) and (orientation: landscape){.cancel-reason-modal{max-height:80vh!important}.cancel-reason-modal .modal-body{padding:10px 16px!important}.cancel-actions{flex-direction:row;gap:10px}.cancel-order-final-btn,.cancel-close-btn{width:auto;flex:1}.reason-option{padding:8px 12px}}.add-modal{max-width:450px!important;width:95%!important}.add-modal .modal-body{padding:20px 24px!important}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:#1e293b;font-size:14px}.form-group input[type=number]{width:100%;padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;outline:none;transition:all .2s;background:#fff;color:#1e293b}.form-group input[type=number]:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.form-group input[type=number]:hover{border-color:#94a3b8}.form-group small{display:block;margin-top:6px;font-size:12px;color:#94a3b8}.seats-selector{display:flex;gap:8px;flex-wrap:wrap}.seat-option{width:48px;height:48px;padding:0;border:2px solid #e2e8f0;background:#fff;border-radius:10px;font-weight:600;cursor:pointer;font-size:15px;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#475569}.seat-option:hover{border-color:#4a90e2;background:#f8fafc;transform:scale(1.05)}.seat-option.active{background:#4a90e2;border-color:#4a90e2;color:#fff;box-shadow:0 2px 8px #4a90e24d}.seat-option.active:hover{background:#2563eb;border-color:#2563eb}.modal-footer{display:flex;gap:10px;padding:16px 20px 20px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 20px 20px}.cancel-btn,.confirm-btn{flex:1;padding:12px;border:none;border-radius:10px;font-weight:600;cursor:pointer;font-size:14px;transition:all .2s}.cancel-btn{background:#f1f5f9;color:#64748b}.cancel-btn:hover{background:#e2e8f0}.confirm-btn{background:#4a90e2;color:#fff}.confirm-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.confirm-btn:active{transform:scale(.98)}.dark-mode .add-modal .modal-body{background:#1e1e1e}.dark-mode .form-group label{color:#e2e8f0}.dark-mode .form-group input[type=number]{background:#2a2a2a;border-color:#3a3a3a;color:#fff}.dark-mode .form-group input[type=number]:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233}.dark-mode .form-group input[type=number]:hover{border-color:#4a4a4a}.dark-mode .form-group small{color:#6b7280}.dark-mode .seat-option{background:#2a2a2a;border-color:#3a3a3a;color:#e2e8f0}.dark-mode .seat-option:hover{border-color:#4a90e2;background:#333}.dark-mode .seat-option.active{background:#4a90e2;border-color:#4a90e2;color:#fff}.dark-mode .modal-footer{background:#1a1a1a;border-top-color:#2a2a2a}.dark-mode .cancel-btn{background:#2a2a2a;color:#94a3b8}.dark-mode .cancel-btn:hover{background:#3a3a3a}@media (max-width: 768px){.add-modal{max-width:100%!important;width:98%!important;margin:10px!important}.add-modal .modal-body{padding:16px!important}.form-group{margin-bottom:16px}.form-group label{font-size:13px}.form-group input[type=number]{padding:10px 12px;font-size:15px}.seat-option{width:44px;height:44px;font-size:14px}.modal-footer{padding:12px 16px 16px!important;flex-direction:row;gap:8px}.cancel-btn,.confirm-btn{padding:10px;font-size:13px}}@media (max-width: 480px){.add-modal .modal-body{padding:12px!important}.form-group{margin-bottom:12px}.form-group label{font-size:12px}.form-group input[type=number]{padding:8px 10px;font-size:14px}.seat-option{width:38px;height:38px;font-size:13px;border-radius:8px}.seats-selector{gap:6px}.modal-footer{flex-direction:column;gap:6px;padding:10px 12px 14px!important}.cancel-btn,.confirm-btn{width:100%;padding:10px;font-size:13px}}@media (max-width: 768px) and (orientation: landscape){.add-modal{max-height:80vh!important}.add-modal .modal-body{padding:12px 16px!important}.seat-option{width:40px;height:40px;font-size:13px}.modal-footer{flex-direction:row}.cancel-btn,.confirm-btn{width:auto;flex:1}}.qr-modal{max-width:450px!important;width:95%!important}.qr-modal .modal-body{text-align:center;padding:30px!important}.qr-modal .qr-code-wrapper{background:#fff;padding:20px;border-radius:12px;display:inline-block;box-shadow:0 4px 12px #0000001a;margin:0 auto}.qr-modal .qr-description{margin-top:15px;color:#666;font-size:14px}.qr-modal .qr-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:15px}.download-qr-btn{padding:10px 24px;background:#ff8c00;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:8px}.download-qr-btn:hover{background:#ff7000;transform:scale(1.02);box-shadow:0 4px 12px #ff8c004d}.download-qr-btn:active{transform:scale(.98)}.copy-link-btn{padding:10px 24px;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:8px}.copy-link-btn:hover{background:#2563eb;transform:scale(1.02);box-shadow:0 4px 12px #3b82f64d}.copy-link-btn:active{transform:scale(.98)}.dark-mode .qr-modal .qr-code-wrapper{background:#2a2a2a;box-shadow:0 4px 12px #0000004d}.dark-mode .qr-modal .qr-description{color:#999}.dark-mode .download-qr-btn{background:#ff8c00}.dark-mode .download-qr-btn:hover{background:#ff7000}.dark-mode .copy-link-btn{background:#3b82f6}.dark-mode .copy-link-btn:hover{background:#2563eb}@media (max-width: 768px){.qr-modal{max-width:100%!important;width:98%!important;margin:10px!important}.qr-modal .modal-body{padding:20px!important}.qr-modal .qr-code-wrapper{padding:16px}.qr-modal .qr-code-wrapper canvas{width:180px!important;height:180px!important}.qr-modal .qr-description{font-size:13px;margin-top:12px}.qr-modal .qr-actions{flex-direction:column;gap:8px;margin-top:12px}.download-qr-btn,.copy-link-btn{width:100%;justify-content:center;padding:12px;font-size:14px}}@media (max-width: 480px){.qr-modal .modal-body{padding:16px!important}.qr-modal .qr-code-wrapper{padding:12px}.qr-modal .qr-code-wrapper canvas{width:150px!important;height:150px!important}.qr-modal .qr-description{font-size:12px}.download-qr-btn,.copy-link-btn{padding:10px;font-size:13px}}@media (max-width: 360px){.qr-modal .qr-code-wrapper canvas{width:120px!important;height:120px!important}.qr-modal .modal-body{padding:12px!important}.download-qr-btn,.copy-link-btn{padding:8px;font-size:12px}}body{background:#f0f2f5;overflow-x:hidden}.menu-container{font-family:Inter,Roboto,sans-serif;min-height:100vh;padding:12px;max-width:1600px;margin:0 auto;overflow-x:hidden;width:100%;transition:all .3s ease}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:12px;background:#fff;border-radius:16px;width:100%;box-shadow:0 2px 8px #0000000f}.search-wrapper{flex:1;position:relative}.search-input{width:100%;height:44px;border-radius:12px;padding-left:16px;padding-right:40px;border:1.5px solid #e2e8f0;outline:none;font-size:15px;transition:all .2s;background:#f8fafc}.search-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;background:#fff}.search-input::placeholder{color:#94a3b8;font-size:14px}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#f1f5f9;border:none;cursor:pointer;color:#64748b;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.clear-search:hover{background:#e2e8f0;color:#1e293b}.guest-table-info{background:linear-gradient(135deg,#4a90e2,#5ba0f2);padding:14px 18px;border-radius:16px;margin-bottom:14px;color:#fff;box-shadow:0 4px 12px #4a90e233}.guest-table-info h2{font-size:18px;margin-bottom:4px;font-weight:600}.guest-table-info p{font-size:13px;opacity:.9}.bars{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:4px 0 12px;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:8px}.bars::-webkit-scrollbar{display:none}.bar{padding:8px 18px;border-radius:30px;border:1.5px solid #e2e8f0;background-color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 1px 3px #0000000a}.bar:hover,.bar.active{background:linear-gradient(135deg,#4a90e2,#5ba0f2);color:#fff;border-color:#4a90e2;box-shadow:0 4px 12px #4a90e24d;transform:translateY(-1px)}.content{display:flex;gap:20px;width:100%;align-items:flex-start}.menu-grid{display:grid;gap:20px;flex:1;width:100%;transition:all .3s ease-in-out}.food-card{position:relative;cursor:pointer;transition:transform .2s,box-shadow .2s;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 4px 12px #0000000f;animation-fill-mode:both;width:100%}.food-img{width:100%;height:200px;object-fit:cover;display:block}.food-info{padding:16px 14px 70px}.food-info h3{font-size:18px;margin-bottom:8px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price{font-weight:700;color:#4a90e2;font-size:18px}.big-add-btn{position:absolute;bottom:16px;left:16px;right:16px;width:auto;height:48px;border-radius:30px;background:linear-gradient(135deg,#4a90e2,#5ba0f2);color:#fff;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.big-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a90e266}.big-add-btn:active{transform:translateY(0)}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (min-width: 1024px) and (max-width: 1199px) and (max-height: 800px){.menu-container.with-sidebar .menu-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.menu-container.without-sidebar .menu-grid{grid-template-columns:repeat(3,1fr)!important;gap:18px!important}.food-img{height:160px!important}.food-info{padding:12px 12px 60px!important}.food-info h3{font-size:15px!important}.price{font-size:16px!important}.big-add-btn{height:40px!important;font-size:13px!important;bottom:12px!important;left:12px!important;right:12px!important}.cart-sidebar{width:300px!important;padding:16px!important}.cart-items{max-height:300px!important}.guest-table-info{padding:10px 14px!important}.guest-table-info h2{font-size:16px!important}.bar{padding:6px 14px!important;font-size:13px!important}}@media (min-width: 1200px){.menu-container.with-sidebar .menu-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (min-width: 1400px){.menu-container.without-sidebar .menu-grid{grid-template-columns:repeat(4,1fr);gap:28px}}@media (min-width: 1800px){.menu-container.without-sidebar .menu-grid{grid-template-columns:repeat(5,1fr);gap:30px}}@media (min-width: 992px) and (max-width: 1199px){.menu-container.with-sidebar .menu-grid{grid-template-columns:repeat(2,1fr);gap:20px}.menu-container.without-sidebar .menu-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (min-width: 768px) and (max-width: 991px){.menu-container.with-sidebar .menu-grid{grid-template-columns:repeat(2,1fr);gap:16px}.menu-container.without-sidebar .menu-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width: 767px){.menu-container.with-sidebar .menu-grid,.menu-container.without-sidebar .menu-grid{grid-template-columns:repeat(2,1fr);gap:12px}.food-img{height:140px}.food-info{padding:12px 10px 60px}.food-info h3,.price{font-size:14px}.big-add-btn{height:40px;font-size:12px;bottom:12px;left:12px;right:12px}}@media (max-width: 480px){.menu-grid{gap:10px}.food-img{height:120px}.food-info{padding:10px 8px 50px}.food-info h3,.price{font-size:13px}.big-add-btn{height:36px;font-size:11px;bottom:10px;left:10px;right:10px}}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.cart-header h2{font-size:20px;font-weight:700;color:#1e293b}.cart-items{flex:1;overflow-y:auto;max-height:400px;padding-right:4px}.cart-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f1f5f9}.cart-item-img{width:56px;height:56px;object-fit:cover;border-radius:14px;box-shadow:0 2px 6px #00000014}.item-info{flex:1}.item-info p{font-weight:600;margin-bottom:4px;font-size:14px;color:#1e293b}.item-price{color:#64748b;font-size:12px}.quantity-control{display:flex;align-items:center;gap:8px;background:#f8fafc;padding:4px 8px;border-radius:30px}.quantity-control button{width:28px;height:28px;border:none;background:#fff;border-radius:50%;cursor:pointer;font-weight:700;font-size:14px;color:#4a90e2;box-shadow:0 1px 3px #0000001a;transition:all .2s}.quantity-control button:active{transform:scale(.9)}.quantity-control span{font-weight:600;min-width:20px;text-align:center}.remove-btn{background:none;border:none;color:#ef4444;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:50%;transition:all .2s}.remove-btn:hover{background:#fef2f2}.cart-summary{margin:20px 0 12px;padding-top:16px;border-top:2px solid #f1f5f9}.total-row{display:flex;justify-content:space-between;font-size:18px;font-weight:700;margin-bottom:8px;color:#1e293b}.order-btn{width:100%;padding:14px;background:linear-gradient(135deg,#4a90e2,#5ba0f2);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px;transition:all .2s;box-shadow:0 4px 12px #4a90e24d}.order-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a90e266}.order-btn:active{transform:translateY(0)}.cancell-btn{width:100%;padding:12px;background:#f1f5f9;color:#64748b;border:none;border-radius:16px;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px;transition:all .2s}.cancell-btn:hover{background:#fee2e2;color:#ef4444}.clear-cart{background:none;border:1.5px solid #fecaca;color:#ef4444;font-size:12px;cursor:pointer;padding:6px 12px;border-radius:20px;font-weight:500;transition:all .2s}.clear-cart:hover{background:#fef2f2}.empty-cart{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px;color:#64748b}.empty-text{font-size:15px;color:#64748b}.no-results{text-align:center;grid-column:1 / -1;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f}.no-results p{font-size:16px;margin-bottom:16px;color:#64748b}.no-results button{margin-top:12px;padding:10px 24px;background:linear-gradient(135deg,#4a90e2,#5ba0f2);color:#fff;border:none;border-radius:30px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.no-results button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.menu-loading{text-align:center;padding:80px 20px;font-size:16px;color:#64748b}@media (min-width: 768px){.cart-sidebar{transform:none!important;border-radius:20px;box-shadow:0 4px 20px #00000014;background:#fff;padding:24px;width:360px;flex-shrink:0;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;display:flex!important;flex-direction:column}.cart-overlay,.cart-drag-handle,.mobile-cart-fab{display:none}}@media (min-width: 1024px) and (max-width: 1199px) and (max-height: 800px){.cart-sidebar{width:300px!important;padding:16px!important;max-height:calc(100vh - 30px)!important;top:15px!important}.cart-items{max-height:250px!important}.cart-header h2{font-size:17px!important}.cart-item{padding:8px 0!important}.cart-item-img{width:44px!important;height:44px!important}.item-info p{font-size:12px!important}.quantity-control button{width:24px!important;height:24px!important;font-size:12px!important}.total-row{font-size:16px!important}.order-btn{padding:12px!important;font-size:14px!important}}@media (max-width: 767px){.cart-sidebar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;border-radius:24px 24px 0 0!important;transform:translateY(100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;z-index:1000!important;max-height:70vh!important;height:auto!important;padding:20px!important;background:#fff!important;box-shadow:0 -8px 32px #00000026!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;width:100%!important}.cart-sidebar.open{transform:translateY(0)!important}.cart-drag-handle{display:flex!important;justify-content:center!important;padding-bottom:16px!important;cursor:pointer!important;margin-top:-8px!important;margin-bottom:8px!important}.handle-bar{width:50px!important;height:4px!important;background:#cbd5e1!important;border-radius:20px!important}.mobile-cart-fab{display:flex!important;position:fixed!important;bottom:80px!important;right:20px!important;width:56px!important;height:56px!important;border-radius:50%!important;background:linear-gradient(135deg,#4a90e2,#5ba0f2)!important;color:#fff!important;border:none!important;font-size:24px!important;cursor:pointer!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 16px #4a90e266!important;z-index:200!important}.cart-count-badge{position:absolute!important;top:-4px!important;right:-4px!important;background:#ef4444!important;color:#fff!important;font-size:12px!important;font-weight:700!important;width:22px!important;height:22px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important}.cart-overlay{display:block!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#00000080!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:999!important;visibility:hidden!important;opacity:0!important;transition:all .3s!important}.cart-overlay.show{visibility:visible!important;opacity:1!important}.cart-items{max-height:35vh!important;overflow-y:auto!important}.cancel-btn{width:100%!important;padding:12px!important;background:#f1f5f9!important;color:#64748b!important;border:none!important;border-radius:16px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;margin-top:8px!important;transition:all .2s!important}}.delete-btn{position:absolute;top:10px;right:10px;background:#dc2626e6;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10;box-shadow:0 2px 8px #0003}.delete-btn svg{color:#fff;font-size:18px}.delete-btn:active{transform:scale(.95)}.delete-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .3s ease}.delete-confirm-modal{background:#fff;border-radius:16px;padding:30px;width:90%;max-width:400px;text-align:center;animation:slideUp .3s ease;border:1px solid rgba(74,144,226,.2);box-shadow:0 20px 60px #0000004d}.delete-confirm-modal h3{color:#dc2626;margin-bottom:15px;font-size:24px;font-weight:700;font-family:roboto}.delete-confirm-modal p{color:#333;margin-bottom:25px;font-size:16px;font-family:roboto;line-height:1.5}.delete-confirm-buttons{display:flex;gap:15px;justify-content:center}.cancel-delete-btn,.confirm-delete-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:roboto}.cancel-delete-btn{background:#f1f5f9;color:#333;border:1px solid #e2e8f0}.cancel-delete-btn:hover{background:#e2e8f0;border-color:#4a90e2;transform:translateY(-2px)}.confirm-delete-btn{background:#dc2626;color:#fff}.confirm-delete-btn:hover:not(:disabled){background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.confirm-delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.delete-btn{width:28px;height:28px;top:8px;right:8px}.delete-btn svg{font-size:16px}.delete-confirm-modal{padding:20px;width:85%;max-width:350px}.delete-confirm-modal h3{font-size:20px}.delete-confirm-modal p{font-size:14px}.cancel-delete-btn,.confirm-delete-btn{padding:8px 20px;font-size:13px}}@media (min-width: 769px) and (max-width: 1024px){.delete-btn{width:30px;height:30px}.delete-btn svg{font-size:17px}}.role-switcher{position:fixed;top:10px;right:10px;z-index:9999;background:#fff;padding:10px;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;gap:8px;border:1px solid #e2e8f0}.role-switcher.mobile{padding:6px;gap:4px;max-width:calc(100% - 20px);flex-wrap:wrap}.role-btn{padding:6px 12px;border:none;border-radius:8px;cursor:pointer;background:#f1f5f9;color:#334155;transition:all .2s}.role-switcher.mobile .role-btn{padding:4px 8px;font-size:11px}.role-btn.active{background:#4a90e2;color:#fff;font-weight:600}.guest-banner{background:linear-gradient(135deg,#4a90e2,#3a7bc8);padding:16px 24px;margin-bottom:20px;border-radius:0 0 16px 16px}.guest-info{display:flex;align-items:center;gap:16px;color:#fff;font-weight:600;font-size:18px}.guest-icon{font-size:24px}.access-denied{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:40px}.access-denied-content{text-align:center;background:#fff;padding:60px 40px;border-radius:24px;box-shadow:0 4px 20px #0000001a}.back-button{margin-top:24px;padding:12px 32px;background:#4a90e2;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:all .2s}@media (max-width: 768px){.role-switcher{top:10px;right:10px}.guest-banner{position:sticky;top:0;z-index:100;padding:12px 16px;margin-bottom:16px;border-radius:0 0 12px 12px;box-shadow:0 2px 8px #0000001a}.guest-info{justify-content:center;gap:12px;font-size:16px}.guest-icon{font-size:24px}.access-denied{min-height:60vh;padding:20px}.access-denied-content{padding:40px 20px;max-width:90%}.back-button{margin-top:20px;padding:10px 24px}}@media (min-width: 768px) and (max-width: 1024px){.content{padding:18px}}.layout{display:flex;min-height:100vh;background-color:#f5f5f5}.main{flex:1;transition:margin-left .3s ease-in-out;min-height:100vh;overflow-x:hidden}.content{padding:20px}@media (max-width: 768px){.content{padding:16px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#4a90e2;border-radius:5px}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.summary-row{display:flex;justify-content:space-between;font-size:15px;margin-bottom:8px;color:#64748b}.total-row{display:flex;justify-content:space-between;font-size:18px;font-weight:700;margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0;color:#1e293b}.total-amount{color:#4a90e2}.dark-mode body,.dark-mode .menu-container{background:#1a1a1a}.dark-mode .header{background:#1e1e1e;box-shadow:0 2px 8px #0000004d}.dark-mode .search-input{background:#2a2a2a;border-color:#4a90e240;color:#fff}.dark-mode .search-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e226;background:#333}.dark-mode .search-input::placeholder{color:#888}.dark-mode .clear-search{background:#ffffff0d;color:#999}.dark-mode .clear-search:hover{background:#ffffff1a;color:#fff}.dark-mode .guest-table-info{background:linear-gradient(135deg,#4a90e2,#3a7bc8);box-shadow:0 4px 12px #4a90e24d}.dark-mode .bar{background:#2a2a2a;border-color:#4a90e233;color:#999;box-shadow:0 1px 3px #0003}.dark-mode .bar:hover,.dark-mode .bar.active{background:linear-gradient(135deg,#4a90e2,#5ba0f2);color:#fff;border-color:#4a90e2}.dark-mode .food-card{background:#1e1e1e;box-shadow:0 4px 12px #0000004d}.dark-mode .food-card:hover{box-shadow:0 8px 24px #4a90e226}.dark-mode .food-info h3{color:#fff}.dark-mode .price{color:#4a90e2}.dark-mode .no-results{background:#1e1e1e;box-shadow:0 2px 8px #0000004d}.dark-mode .no-results p,.dark-mode .menu-loading{color:#999}.dark-mode .cart-sidebar{background:#1e1e1e;box-shadow:0 4px 20px #0000004d}@media (max-width: 767px){.dark-mode .cart-sidebar{background:#1e1e1e!important;box-shadow:0 -8px 32px #00000080!important}.dark-mode .handle-bar{background:#555!important}.dark-mode .cancel-btn{background:#2a2a2a!important;color:#999!important}.dark-mode .cancel-btn:hover{background:#333!important;color:#4a90e2!important}}.dark-mode .cart-header{border-bottom:2px solid rgba(74,144,226,.2)}.dark-mode .cart-header h2{color:#fff}.dark-mode .cart-item{border-bottom:1px solid rgba(74,144,226,.1)}.dark-mode .cart-item-img{box-shadow:0 2px 6px #0006}.dark-mode .item-info p{color:#fff}.dark-mode .quantity-control{background:#2a2a2a}.dark-mode .quantity-control button{background:#333;color:#4a90e2;box-shadow:0 1px 3px #0000004d}.dark-mode .quantity-control button:hover{background:#444}.dark-mode .quantity-control span{color:#fff}.dark-mode .remove-btn{color:#ef4444}.dark-mode .remove-btn:hover{background:#ef444426}.dark-mode .clear-cart{border-color:#ef44444d;color:#ef4444}.dark-mode .clear-cart:hover{background:#ef444426}.dark-mode .cart-summary{border-top:2px solid rgba(74,144,226,.2)}.dark-mode .total-row{color:#fff}.dark-mode .total-amount{color:#4a90e2}.dark-mode .summary-row{color:#999}.dark-mode .total-row{border-top:1px solid rgba(74,144,226,.2)}.dark-mode .order-btn{box-shadow:0 4px 12px #4a90e24d}.dark-mode .cancell-btn{background:#2a2a2a;color:#999}.dark-mode .cancell-btn:hover{background:#ef444426;color:#ef4444}.dark-mode .empty-cart{color:#999}.dark-mode .empty-icon{color:#666}.dark-mode .empty-text{color:#999}.dark-mode .mobile-cart-fab{box-shadow:0 4px 16px #4a90e280!important}.dark-mode .cart-overlay{background:#000000b3!important}.dark-mode .delete-confirm-modal{background:#1e1e1e;border:1px solid rgba(74,144,226,.25);box-shadow:0 20px 60px #00000080}.dark-mode .delete-confirm-modal h3{color:#ef4444}.dark-mode .delete-confirm-modal p{color:#fff}.dark-mode .cancel-delete-btn{background:#2a2a2a;color:#fff;border:1px solid rgba(74,144,226,.2)}.dark-mode .cancel-delete-btn:hover{background:#333;border-color:#4a90e2}.dark-mode .role-switcher{background:#1e1e1e;border:1px solid rgba(74,144,226,.2);box-shadow:0 4px 12px #0000004d}.dark-mode .role-btn{background:#2a2a2a;color:#999}.dark-mode .role-btn:hover{background:#333;color:#4a90e2}.dark-mode .role-btn.active{background:#4a90e2;color:#fff}.dark-mode .guest-banner{background:linear-gradient(135deg,#4a90e2,#3a7bc8);box-shadow:0 2px 8px #0000004d}.dark-mode .access-denied-content{background:#1e1e1e;box-shadow:0 4px 20px #0000004d}.dark-mode .layout{background-color:#1a1a1a}.dark-mode .content{background:#1a1a1a}.price-display{display:flex;align-items:center;justify-content:space-between;gap:8px}.edit-price-btn{background:none;border:none;cursor:pointer;color:#4a90e2;font-size:16px;padding:4px 8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.edit-price-btn:hover{background:#4a90e21a;transform:scale(1.1)}.price-edit-form{display:flex;align-items:center;gap:8px;width:100%}.price-input{flex:1;padding:6px 10px;border:2px solid #4A90E2;border-radius:8px;font-size:16px;font-weight:600;color:#1e293b;background:#fff;outline:none;min-width:80px;transition:all .2s}.price-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #4a90e233}.price-input:disabled{opacity:.6;cursor:not-allowed}.price-edit-actions{display:flex;gap:4px}.save-price-btn,.cancel-price-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:16px}.save-price-btn{background:#4a90e2;color:#fff}.save-price-btn:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.save-price-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-price-btn{background:#f1f5f9;color:#64748b}.cancel-price-btn:hover:not(:disabled){background:#fee2e2;color:#ef4444;transform:scale(1.05)}.cancel-price-btn:disabled{opacity:.6;cursor:not-allowed}.dark-mode .edit-price-btn{color:#4a90e2}.dark-mode .edit-price-btn:hover{background:#4a90e233}.dark-mode .price-input{background:#2a2a2a;color:#fff;border-color:#4a90e2}.dark-mode .price-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #4a90e233}.dark-mode .save-price-btn{background:#4a90e2;color:#fff}.dark-mode .save-price-btn:hover:not(:disabled){background:#2563eb}.dark-mode .cancel-price-btn{background:#2a2a2a;color:#999}.dark-mode .cancel-price-btn:hover:not(:disabled){background:#ef444433;color:#ef4444}@media (max-width: 768px){.price-edit-form{flex-wrap:wrap}.price-input{min-width:60px;font-size:14px;padding:4px 8px}.save-price-btn,.cancel-price-btn{width:28px;height:28px;font-size:14px}.edit-price-btn{font-size:14px}}.view-only-banner{background:#f0f0f0;color:#333;padding:12px 20px;text-align:center;border-radius:8px;margin-bottom:16px;font-size:15px;font-weight:500;border:1px solid #e0e0e0}.view-only-label{position:absolute;bottom:12px;right:12px;width:8px;height:8px;background:#999;border-radius:50%;pointer-events:none}.guest-table-info h2{font-size:18px;font-weight:600;color:#333}.guest-table-info p{color:#666;font-size:14px;margin-top:4px}.food-card .view-only-label{display:block}.order-mode-switcher{display:flex;gap:8px;margin-bottom:16px;padding:4px;background:#f1f5f9;border-radius:12px;border:1px solid #e2e8f0}.mode-btn{flex:1;padding:10px 16px;border:none;border-radius:8px;background:transparent;color:#64748b;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.mode-btn:hover{background:#ffffff80;color:#1e293b}.mode-btn.active{background:#fff;color:#4a90e2;box-shadow:0 2px 8px #0000001a}.mode-btn.active:hover{background:#fff}.guest-mode-indicator{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f8fafc;border-radius:10px;margin-bottom:14px;border:1px solid #e2e8f0}.guest-mode-indicator .mode-label{font-weight:600;font-size:16px;color:#1e293b}.guest-mode-indicator .mode-hint{font-size:13px;color:#64748b;background:#f1f5f9;padding:2px 12px;border-radius:12px}.guest-table-info.takeaway-info{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.guest-table-info.takeaway-info h2{color:#fff}.guest-table-info.takeaway-info p{color:#ffffffe6}@media (max-width: 768px){.order-mode-switcher{border-radius:10px;padding:3px}.mode-btn{padding:8px 12px;font-size:13px;gap:6px}.mode-btn svg{font-size:16px}.guest-mode-indicator{padding:8px 12px;flex-wrap:wrap}.guest-mode-indicator .mode-label{font-size:14px}}.table-select-modal{max-width:500px;width:90%}.table-select-search{margin-bottom:16px}.table-select-search input{width:100%;padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.table-select-search input:focus{border-color:#4a90e2}.table-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:350px;overflow-y:auto;padding:4px}.table-select-item{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;transition:all .2s ease}.table-select-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.table-select-item.selected{border-color:#4a90e2;background:#e8f0fe;box-shadow:0 0 0 3px #4a90e233}.table-select-item .table-number{font-size:24px;font-weight:700;color:#2d3748}.table-select-item .table-details{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:6px;font-size:12px}.table-select-item .table-seats{color:#718096}.table-select-item .table-status{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.table-select-item .table-status.free{background:#c6f6d5;color:#276749}.no-tables-message{text-align:center;padding:30px 20px}.no-tables-message p{color:#e53e3e;font-weight:500;margin-bottom:12px}.refresh-tables-btn{padding:8px 20px;background:#4a90e2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.refresh-tables-btn:hover{background:#357abd}.table-select-loading{text-align:center;padding:30px;color:#718096}.order-mode-selector{display:flex;gap:10px;padding:10px 16px;background:#f8f9fa;border-radius:12px;margin:10px 16px;border:1px solid #e9ecef}.mode-btn{flex:1;padding:10px 16px;border:2px solid transparent;border-radius:8px;background:#fff;color:#495057;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.mode-btn:hover{background:#f1f3f5;transform:translateY(-1px)}.mode-btn.active{border-color:#4a90e2;background:#e8f0fe;color:#4a90e2;box-shadow:0 2px 8px #4a90e233}.mode-btn svg{font-size:18px}.cart-summary .order-mode-indicator{padding:6px 12px;margin-bottom:8px;background:#f1f3f5;border-radius:6px;text-align:center}.cart-summary .mode-label{font-size:13px;color:#495057;font-weight:500}.kds-container{padding:16px;background:#f5f5f5;min-height:100vh;transition:background .3s ease}.kds-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;margin-left:10px}.kds-header h1{font-size:25px;color:#333;margin:0;font-family:Inter,sans-serif}.header-buttons{display:flex;align-items:center;gap:15px}.guest-badge{display:flex;align-items:center;gap:8px;background:#f3f4f6;padding:6px 14px;border-radius:20px;font-size:14px;color:#6b7280}.guest-view .kds-card .card-footer{border-top:none;padding-top:0}.guest-view .status-label{display:inline-block;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500}.guest-view .status-label.preparing{background:#fef3c7;color:#d97706}.guest-view .status-label.ready{background:#d1fae5;color:#059669}.tv-monitor-btn{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 16px!important;background:linear-gradient(135deg,#ff6b35,#ff4500)!important;color:#fff!important;border:none!important;border-radius:8px!important;cursor:pointer!important;font-weight:600!important;transition:all .3s ease!important;margin-top:10px!important;width:100%!important}.tv-monitor-btn:hover{transform:scale(1.02);box-shadow:0 4px 15px #ff6b3566}.tv-monitor-btn .icon{font-size:20px}.tv-monitor-btn p{margin:0;font-size:14px}.notifications-bell{position:relative;background:#4a90e2;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.notifications-bell:hover{transform:scale(1.05)}.bell-icon{font-size:20px;color:#fff}.badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:700}.mark-all-btn{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;white-space:nowrap;transition:background .2s}.mark-all-btn:hover{background:#059669}.notifications-panel{position:absolute;top:70px;right:20px;width:320px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;z-index:100;box-shadow:0 5px 20px #0000001a}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #f0f0f0}.notifications-header h3{color:#4a90e2;margin:0;font-size:16px}.notifications-header button{background:none;border:none;color:#999;font-size:20px;cursor:pointer;transition:color .2s}.notifications-header button:hover{color:#333}.notifications-list{max-height:300px;overflow-y:auto}.notification-item{display:flex;gap:12px;padding:12px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.notification-item:hover{background:#fafafa}.notification-icon{font-size:18px;color:#4a90e2}.notification-content{flex:1}.notification-content p{margin:0 0 5px;color:#333;font-size:13px}.notification-content small{color:#999;font-size:11px}.no-notifications{text-align:center;padding:30px;color:#999}.kds-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid #e5e7eb;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding:0 10px}.kds-tabs::-webkit-scrollbar{height:4px}.kds-tabs::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.kds-tabs::-webkit-scrollbar-thumb{background:#4a90e2;border-radius:2px}.tabb{padding:10px 16px;background:none;border:none;cursor:pointer;font-size:14px;color:#6b7280;position:relative;flex-shrink:0;transition:color .2s;display:flex;align-items:center;gap:6px;font-family:Inter,sans-serif}.tabb:hover{color:#4a90e2}.tabb.active{color:#4a90e2;font-weight:600}.tabb.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#4a90e2}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-left:20px}.kds-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000014;transition:all .3s ease;border-left:4px solid transparent}.kds-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.kds-card.ready{border-left-color:#10b981;background:linear-gradient(to right,#fff,#f0fdf4)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:6px}.order-number{font-weight:600;font-size:15px;color:#333;font-family:Inter,sans-serif;display:flex;align-items:center;gap:6px}.delivery-badge,.takeaway-badge{padding:2px 10px;border-radius:4px;font-size:11px;font-weight:500}.delivery-badge{background:#3b82f6;color:#fff}.takeaway-badge{background:#f59e0b;color:#fff}.order-time{font-size:12px;color:#9ca3af;display:flex;align-items:center;gap:4px}.card-items{margin-bottom:14px}.order-item{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid #f3f4f6;font-family:Inter,sans-serif}.order-item:last-child{border-bottom:none}.item-qty{font-weight:600;color:#4a90e2;min-width:36px;font-size:14px}.item-name{color:#4b5563;font-size:14px;flex:1}.card-footer{padding-top:10px;border-top:1px solid #e5e7eb}.status-btn{width:100%;padding:10px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.status-btn:hover{transform:scale(1.02)}.status-btn:active{transform:scale(.98)}.start-btn{background:#f59e0b;color:#fff}.start-btn:hover{background:#d97706}.ready-btn{background:#10b981;color:#fff}.ready-btn:hover{background:#059669}.complete-btn{background:#6b7280;color:#fff}.complete-btn:hover{background:#4b5563}.empty-state{text-align:center;padding:60px 20px;color:#9ca3af;grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state p{font-size:16px;margin:0}.kds-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#f5f5f5}.spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #4A90E2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.order-toast{position:fixed;bottom:20px;right:20px;background:#4a90e2;color:#fff;padding:12px 20px;border-radius:8px;z-index:1000;animation:slideInRight .3s ease;box-shadow:0 4px 12px #4a90e24d}.order-toast.hide{animation:slideOutRight .3s ease}.toast-content{display:flex;align-items:center;gap:10px}.toast-icon{font-size:18px}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}@media (max-width: 480px){.kds-container{padding:12px}.kds-header{margin-bottom:16px;margin-left:0}.kds-header h1{font-size:18px}.mark-all-btn{padding:6px 12px;font-size:12px}.tabb{padding:8px 12px;font-size:13px}.orders-grid{gap:12px;margin-left:0}.kds-card{padding:12px;border-radius:10px}.order-number{font-size:14px}.delivery-badge,.takeaway-badge{font-size:10px;padding:2px 6px}.order-time{font-size:10px}.order-item{padding:4px 0;gap:8px}.item-qty{font-size:13px;min-width:30px}.item-name{font-size:13px}.status-btn{padding:10px;font-size:13px;min-height:44px}.empty-state{padding:40px 16px;font-size:13px}.notifications-panel{width:calc(100% - 40px);right:20px;left:20px;top:60px}.notifications-bell{width:35px;height:35px}.bell-icon{font-size:16px}.tv-monitor-btn{padding:8px 12px!important;font-size:12px!important}.tv-monitor-btn .icon{font-size:16px}}@media (max-width: 768px){.orders-grid{grid-template-columns:1fr;margin-left:0}.kds-container{padding:16px}.tabb{padding:8px 14px;font-size:14px}.kds-header{margin-left:0}}@media (min-width: 769px) and (max-width: 1024px){.orders-grid{grid-template-columns:repeat(2,1fr)}}.dark-mode .kds-container{background:#0a0a0a}.dark-mode .kds-header h1{color:#fff}.dark-mode .mark-all-btn{background:#059669}.dark-mode .mark-all-btn:hover{background:#047857}.dark-mode .guest-badge{background:#1a1a1a;color:#888;border:1px solid #333}.dark-mode .guest-view .status-label.preparing{background:#2a1f00;color:#f59e0b}.dark-mode .guest-view .status-label.ready{background:#002a1a;color:#10b981}.dark-mode .kds-tabs{border-bottom:2px solid rgba(74,144,226,.2)}.dark-mode .kds-tabs::-webkit-scrollbar-track{background:#1a1a1a}.dark-mode .kds-tabs::-webkit-scrollbar-thumb{background:#4a90e2}.dark-mode .tabb{color:#888}.dark-mode .tabb:hover,.dark-mode .tabb.active{color:#4a90e2}.dark-mode .tabb.active:after{background:#4a90e2}.dark-mode .kds-card{background:#1a1a1a;box-shadow:0 1px 3px #0000004d}.dark-mode .kds-card.ready{background:linear-gradient(to right,#1a1a1a,#0a2a1a)}.dark-mode .kds-card:hover{box-shadow:0 4px 12px #00000080}.dark-mode .order-number{color:#fff}.dark-mode .delivery-badge{background:#2563eb;color:#fff}.dark-mode .takeaway-badge{background:#d97706;color:#fff}.dark-mode .item-qty{color:#4a90e2}.dark-mode .item-name{color:#ccc}.dark-mode .card-footer{border-top:1px solid rgba(74,144,226,.15)}.dark-mode .start-btn{background:#d97706;box-shadow:0 2px 8px #f59e0b33}.dark-mode .start-btn:hover{background:#b45309}.dark-mode .ready-btn{background:#059669;box-shadow:0 2px 8px #10b98133}.dark-mode .ready-btn:hover{background:#047857}.dark-mode .complete-btn{background:#4b5563;box-shadow:0 2px 8px #6b728033}.dark-mode .complete-btn:hover{background:#374151}.dark-mode .empty-state,.dark-mode .empty-state p{color:#666}.dark-mode .kds-loading{background:#0a0a0a}.dark-mode .notifications-bell{background:#4a90e2;box-shadow:0 2px 8px #4a90e24d}.dark-mode .notifications-bell:hover{box-shadow:0 4px 12px #4a90e266}.dark-mode .bell-icon{color:#1a1a1a}.dark-mode .badge{background:#ef4444;color:#fff}.dark-mode .notifications-panel{background:#1a1a1a;border:1px solid rgba(74,144,226,.2);box-shadow:0 5px 20px #00000080}.dark-mode .notifications-header{border-bottom:1px solid rgba(74,144,226,.2)}.dark-mode .notifications-header button{color:#888}.dark-mode .notifications-header button:hover{color:#fff}.dark-mode .notification-item:hover{background:#2a2a2a}.dark-mode .notification-content small,.dark-mode .no-notifications{color:#888}.dark-mode .order-toast{background:#4a90e2;color:#1a1a1a;box-shadow:0 4px 12px #4a90e266}.dark-mode .order-toast .toast-content strong{color:#1a1a1a}.dark-mode ::-webkit-scrollbar-track{background:#1a1a1a}.dark-mode .tv-monitor-btn{background:linear-gradient(135deg,#ff6b35,#cc3700)!important}.dark-mode .tv-monitor-btn:hover{box-shadow:0 4px 15px #ff6b3580}.tv-monitor{min-height:100vh;background:#f5f5f5;color:#333;padding:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tv-header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 1px 3px #00000014;margin-left:10px}.header-left{display:flex;align-items:center}.logo-section{display:flex;align-items:center;gap:12px}.logo-icon{font-size:28px;color:#4a90e2}.logo-section h1{font-size:25px;font-weight:700;color:#333;margin:0;font-family:Inter,sans-serif}.logo-badge{background:#4a90e2;color:#fff;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:1px;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.header-right{display:flex;align-items:center}.header-time{display:flex;align-items:center;gap:10px}.time-icon{font-size:20px;color:#4a90e2}.time-display{font-size:28px;font-weight:600;color:#333;font-variant-numeric:tabular-nums;letter-spacing:1px}.date-display{font-size:14px;color:#6b7280;font-weight:500;padding-left:8px;border-left:2px solid #e5e7eb}.tv-content{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:calc(100vh - 140px);margin-left:10px}.tv-column{background:#fff;border-radius:12px;padding:16px;display:flex;flex-direction:column;box-shadow:0 1px 3px #00000014;border-left:4px solid transparent}.preparing-col{border-left-color:#f59e0b}.ready-col{border-left-color:#10b981}.tv-col-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #e5e7eb;margin-bottom:14px}.title-left{display:flex;align-items:center;gap:8px}.col-icon{font-size:16px}.preparing-col .col-icon{color:#f59e0b}.ready-col .col-icon{color:#10b981}.tv-col-title h2{font-size:16px;font-weight:600;color:#333;margin:0;font-family:Inter,sans-serif;letter-spacing:.5px}.preparing-col .tv-col-title h2{color:#d97706}.ready-col .tv-col-title h2{color:#059669}.count-badge{background:#f3f4f6;padding:4px 16px;border-radius:20px;font-size:15px;font-weight:600;color:#4b5563}.ready-count{background:#d1fae5;color:#059669}.tv-orders{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:5px}.tv-orders::-webkit-scrollbar{width:5px}.tv-orders::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.tv-orders::-webkit-scrollbar-thumb{background:#4a90e2;border-radius:10px}.tv-card{background:#fafafa;border-radius:10px;padding:14px 16px;border-left:4px solid transparent;transition:all .3s ease;box-shadow:0 1px 2px #0000000d}.tv-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.tv-card.preparing{border-left-color:#f59e0b}.tv-card.ready{border-left-color:#10b981;background:#f0fdf4}.tv-card.ready:hover{background:#dcfce7}.tv-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:4px}.order-id-group{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tv-id{font-size:15px;font-weight:600;color:#333;font-family:Inter,sans-serif}.tv-table{display:flex;align-items:center;gap:5px;font-size:14px;color:#4b5563;font-weight:500}.table-icon{font-size:12px;color:#9ca3af}.order-time-group{display:flex;align-items:center;gap:4px;font-size:12px;color:#9ca3af}.time-icon-small{font-size:12px}.tv-items{display:flex;flex-wrap:wrap;gap:5px 10px;padding:4px 0}.tv-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#4b5563;padding:3px 12px 3px 8px;border-radius:6px;background:#ffffffb3;border:1px solid #f3f4f6}.tv-qty{font-weight:600;color:#4a90e2;min-width:20px}.tv-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:6px}.cooking-time{display:flex;align-items:center;gap:4px;font-size:13px;color:#6b7280}.stopwatch-icon{font-size:13px;color:#9ca3af}.status-dot{display:flex;align-items:center;font-size:10px}.preparing-dot{color:#f59e0b;animation:blink-dot 1.5s infinite}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.2}}.ready-badge{display:flex;align-items:center;gap:6px;color:#10b981;font-weight:700;font-size:14px}.check-icon{font-size:16px}.tv-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;gap:8px}.empty-icon{font-size:40px;opacity:.4;color:#9ca3af}.tv-empty p{font-size:16px;font-weight:500;margin:0}@media (min-width: 1920px){.tv-monitor{padding:24px 32px}.logo-section h1{font-size:32px}.logo-icon{font-size:34px}.time-display{font-size:36px}.tv-card{padding:18px 22px}.tv-id{font-size:18px}.tv-item{font-size:16px}}@media (max-width: 1024px) and (min-width: 769px){.tv-monitor{padding:12px 16px}.tv-header{padding:12px 20px;margin-left:0}.logo-section h1{font-size:22px}.logo-icon{font-size:24px}.logo-badge{font-size:10px;padding:2px 8px}.time-display{font-size:24px}.date-display{font-size:12px}.tv-content{gap:12px;height:calc(100vh - 120px);margin-left:0}.tv-column{padding:14px}.tv-col-title h2{font-size:15px}.count-badge{font-size:14px;padding:3px 14px}.tv-card{padding:12px 14px}.tv-id{font-size:14px}.tv-table{font-size:13px}.tv-item{font-size:13px;padding:2px 10px 2px 6px}}@media (max-width: 776px){.tv-monitor{padding:10px}.tv-header{flex-direction:column;padding:12px 16px;margin-left:0;gap:10px;align-items:center}.header-left{width:100%;justify-content:center}.logo-section h1{font-size:20px}.logo-icon{font-size:22px}.logo-badge{font-size:9px;padding:1px 8px}.header-right{width:100%;justify-content:center}.header-time{padding-top:10px;border-top:2px solid #e5e7eb;width:100%;justify-content:center}.time-display{font-size:22px}.date-display{font-size:12px;padding-left:6px}.tv-content{grid-template-columns:1fr;gap:12px;height:auto;margin-left:0}.tv-column{max-height:400px;padding:12px 14px}.tv-col-title{padding-bottom:8px;margin-bottom:10px}.tv-col-title h2{font-size:14px}.count-badge{font-size:13px;padding:2px 12px}.tv-orders{gap:10px;max-height:320px}.tv-card{padding:10px 12px}.tv-card-top{flex-direction:column;align-items:flex-start;gap:6px}.order-id-group{width:100%;justify-content:space-between}.tv-id{font-size:13px}.tv-table{font-size:12px}.order-time-group{font-size:11px}.tv-item{font-size:12px;padding:2px 8px 2px 4px}.tv-card-bottom{flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width: 480px){.tv-monitor{padding:6px}.tv-header{padding:10px 12px}.logo-section h1{font-size:17px}.logo-icon{font-size:18px}.logo-badge{font-size:8px;padding:1px 6px}.time-display{font-size:18px}.date-display{font-size:10px;padding-left:4px}.time-icon{font-size:16px}.tv-column{padding:10px 12px;max-height:350px}.tv-col-title h2{font-size:13px}.count-badge{font-size:12px;padding:2px 10px}.tv-orders{gap:8px;max-height:280px}.tv-card{padding:8px 10px}.tv-id{font-size:12px}.tv-table{font-size:11px}.tv-item{font-size:11px;padding:1px 6px 1px 4px}.tv-qty{font-size:11px;min-width:16px}.ready-badge{font-size:12px}.tv-empty .empty-icon{font-size:32px}.tv-empty p{font-size:13px}}@media (max-width: 776px) and (orientation: landscape){.tv-header{flex-direction:row;padding:10px 16px;flex-wrap:wrap}.header-left{width:auto;justify-content:flex-start}.header-right{width:auto}.header-time{border-top:none;padding-top:0;width:auto}.time-display{font-size:20px}.tv-content{grid-template-columns:1fr 1fr;gap:10px}.tv-column{max-height:350px}.tv-orders{max-height:280px}}.report-container{padding:30px;background:#f5f7fa;min-height:100vh}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:16px}.report-header h1{font-size:24px;color:#1e293b;margin:0;font-weight:600;font-family:inter}.period-selector{display:flex;gap:12px;background:#fff;padding:4px;border-radius:12px;box-shadow:0 1px 3px #0000000d;flex-wrap:wrap}.period-btn{padding:8px 24px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;color:#666;font-family:inter}.period-btn.active{background:#4a90e2;color:#fff}.period-btn:hover:not(.active){background:#f0f0f0}.report-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.export-buttons{display:flex;gap:10px}.export-pdf-btn,.export-excel-btn{display:flex;align-items:center;gap:5px;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.export-pdf-btn{background:#dc2626;color:#fff}.export-pdf-btn:hover{background:#b91c1c;transform:translateY(-1px)}.export-excel-btn{background:#10b981;color:#fff}.export-excel-btn:hover{background:#059669;transform:translateY(-1px)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.stat-card{background:#fff;border-radius:20px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #0000000a;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px}.stat-icon.green{background:#4a90e21a;color:#4a90e2}.stat-icon.blue{background:#e3f2fd;color:#1565c0}.stat-icon.orange{background:#4a90e21a;color:#4a90e2}.stat-info{flex:1}.stat-label{display:block;font-size:14px;color:#8b8b8b;margin-bottom:8px;font-family:inter}.stat-value{display:block;font-size:28px;font-weight:700;color:#1e293b;margin-bottom:8px;font-family:inter}.stat-growth{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;padding:4px 10px;font-family:inter;border-radius:20px}.stat-growth.positive{background:#4a90e21a;color:#4a90e2}.stat-growth.negative{background:#ffebee;color:#c62828}.stat-growth svg{font-size:12px}.top-products{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000a}.top-products h3{font-size:18px;color:#1e293b;margin:0 0 20px;font-weight:600;font-family:sans-serif}.products-list{margin-top:0}.product-item{display:flex;align-items:center;gap:15px;padding:12px;border-bottom:1px solid #e2e8f0;transition:background .2s}.product-item:hover{background:#f8fafc}.product-rank{font-size:20px;font-weight:700;color:#4a90e2;width:40px}.product-name{flex:1;font-weight:500;color:#1e293b}.product-quantity{color:#64748b;font-weight:500}.chart-container{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 8px #0000000a}.chart-container h3{font-family:roboto}.chart-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;font-family:inter}.chart-header h3{font-size:18px;color:#1e293b;margin:0;font-weight:600}.chart{margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;min-height:280px;padding:10px 0}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px}.chart-bar{width:100%;max-width:50px;background:#4a90e2;border-radius:12px 12px 4px 4px;position:relative;transition:all .3s;min-height:4px;cursor:pointer}.chart-bar:hover{background:#3a7bc8;transform:scaleX(1.05)}.bar-value{position:absolute;top:-28px;left:50%;transform:translate(-50%);font-size:11px;color:#666;white-space:nowrap;font-family:Courier New,Courier,monospace;font-weight:500}.bar-label{font-size:13px;color:#8b8b8b;text-align:center;font-weight:500}.chart-time-axis{display:flex;justify-content:space-between;margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}.chart-time-axis span{font-size:12px;color:#999;flex:1;text-align:center}.report-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#f5f7fa}.spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top:3px solid #4A90E2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.report-container{padding:24px}.stats-grid{gap:16px}.stat-value{font-size:24px}.stat-card{padding:20px}.stat-icon{width:48px;height:48px;font-size:24px}.chart-bars{gap:12px}}@media (max-width: 768px){.report-container{padding:16px}.report-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.report-header h1{font-size:20px;text-align:center}.period-selector{justify-content:center;gap:8px}.period-btn{padding:6px 16px;font-size:12px}.report-actions{justify-content:center}.export-buttons{gap:8px}.export-pdf-btn,.export-excel-btn{padding:6px 12px;font-size:12px}.stats-grid{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.stat-card{padding:16px;gap:16px}.stat-value{font-size:22px}.stat-label{font-size:13px}.stat-icon{width:48px;height:48px;font-size:22px}.stat-growth{font-size:11px;padding:2px 8px}.top-products{padding:16px;margin-bottom:16px}.top-products h3{font-size:16px;margin-bottom:16px;font-family:sans serif}.product-item{padding:10px;gap:10px}.product-rank{font-size:16px;width:30px}.product-name{font-size:13px}.product-quantity{font-size:12px}.chart-container{padding:16px}.chart-header h3{font-size:16px}.chart-bars{gap:8px;min-width:500px;min-height:240px}.chart-bar-wrapper{gap:8px}.bar-value{font-size:9px;top:-22px}.bar-label{font-size:10px}.chart-time-axis{margin-top:16px;padding-top:16px}.chart-time-axis span{font-size:9px}}@media (max-width: 380px){.report-container{padding:12px}.report-header h1{font-size:18px}.period-btn{padding:4px 12px;font-size:11px}.export-pdf-btn,.export-excel-btn{padding:5px 10px;font-size:11px}.stat-card{padding:12px;gap:12px}.stat-icon{width:40px;height:40px;font-size:18px}.stat-value{font-size:20px}.stat-label{font-size:12px}.product-item{flex-wrap:wrap;gap:8px}.product-rank{width:25px}.product-name{width:100%;order:2}.product-quantity{order:3}}@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape){.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px}.report-container{padding:20px}}@media (max-width: 768px) and (orientation: landscape){.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.report-header{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.report-header h1{font-size:18px}.period-selector{order:2}.report-actions{order:3;width:100%}.chart-bars{min-width:400px}}@media (hover: none) and (pointer: coarse){.period-btn:active,.export-pdf-btn:active,.export-excel-btn:active,.stat-card:active,.product-item:active{transform:scale(.98);transition:transform .1s}.period-btn,.export-pdf-btn,.export-excel-btn,.stat-card,.product-item,.chart-bar{-webkit-tap-highlight-color:transparent}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card,.top-products,.chart-container{animation:fadeInUp .3s ease}@media (max-width: 768px){.stat-value{letter-spacing:-.5px}.product-name{line-height:1.3}}.dark-mode .report-container{background:#1a1a1a}.dark-mode .report-header h1{color:#fff}.dark-mode .period-selector{background:#1e1e1e;box-shadow:0 1px 3px #0000004d}.dark-mode .period-btn{color:#999}.dark-mode .period-btn.active{background:#4a90e2;color:#1a1a1a}.dark-mode .period-btn:hover:not(.active){background:#2a2a2a;color:#fff}.dark-mode .export-pdf-btn{background:#dc2626;box-shadow:0 2px 8px #dc26264d}.dark-mode .export-pdf-btn:hover{background:#b91c1c}.dark-mode .export-excel-btn{background:#059669;box-shadow:0 2px 8px #10b9814d}.dark-mode .export-excel-btn:hover{background:#047857}.dark-mode .stat-card{background:#1e1e1e;box-shadow:0 2px 8px #0000004d}.dark-mode .stat-card:hover{box-shadow:0 4px 12px #4a90e226}.dark-mode .stat-icon.green{background:#4a90e226;color:#4a90e2}.dark-mode .stat-icon.blue{background:#3b82f626;color:#60a5fa}.dark-mode .stat-icon.orange{background:#4a90e226;color:#4a90e2}.dark-mode .stat-label{color:#888}.dark-mode .stat-value{color:#fff}.dark-mode .stat-growth.positive{background:#4a90e226;color:#4a90e2}.dark-mode .stat-growth.negative{background:#c6282826;color:#ef4444}.dark-mode .top-products{background:#1e1e1e;box-shadow:0 2px 8px #0000004d}.dark-mode .top-products h3{color:#fff}.dark-mode .product-item{border-bottom:1px solid rgba(74,144,226,.1)}.dark-mode .product-item:hover{background:#2a2a2a}.dark-mode .product-rank{color:#4a90e2}.dark-mode .product-name{color:#fff}.dark-mode .product-quantity{color:#999}.dark-mode .chart-container{background:#1e1e1e;box-shadow:0 2px 8px #0000004d}.dark-mode .chart-header{border-bottom:1px solid rgba(74,144,226,.15)}.dark-mode .chart-header h3{color:#fff}.dark-mode .chart-bar{background:#4a90e2}.dark-mode .chart-bar:hover{background:#3a7bc8}.dark-mode .bar-value{color:#ccc}.dark-mode .bar-label{color:#888}.dark-mode .chart-time-axis{border-top:1px solid rgba(74,144,226,.15)}.dark-mode .chart-time-axis span{color:#888}.dark-mode .report-loading{background:#1a1a1a}.dark-mode .spinner{border:3px solid rgba(255,255,255,.1);border-top:3px solid #4A90E2}.dark-mode .chart::-webkit-scrollbar{height:6px}.dark-mode .chart::-webkit-scrollbar-track{background:#2a2a2a;border-radius:3px}.dark-mode .chart::-webkit-scrollbar-thumb{background:#4a90e2;border-radius:3px}.dark-mode .stat-card,.dark-mode .top-products,.dark-mode .chart-container{animation:fadeInUp .3s ease}@media (hover: none) and (pointer: coarse){.dark-mode .period-btn:active,.dark-mode .export-pdf-btn:active,.dark-mode .export-excel-btn:active,.dark-mode .stat-card:active,.dark-mode .product-item:active{transform:scale(.98);transition:transform .1s}.dark-mode .period-btn,.dark-mode .export-pdf-btn,.dark-mode .export-excel-btn,.dark-mode .stat-card,.dark-mode .product-item,.dark-mode .chart-bar{-webkit-tap-highlight-color:transparent}}.daily-history{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000a;animation:fadeInUp .3s ease}.daily-history-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.daily-history-header .history-icon{font-size:24px;color:#4a90e2}.daily-history-header h3{font-size:18px;color:#1e293b;margin:0;font-weight:600}.history-list{display:flex;flex-direction:column;gap:20px;max-height:500px;overflow-y:auto;padding-right:8px}.history-order{background:#f8fafc;border-radius:16px;padding:16px;transition:all .2s}.history-order:hover{background:#f1f5f9;transform:translate(4px)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed #cbd5e1}.order-time{display:flex;align-items:center;gap:6px;font-weight:600;color:#4a90e2;font-size:14px}.order-total{font-weight:700;color:#1e293b;font-size:16px}.order-items{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;gap:12px;font-size:13px;padding:6px 0;border-bottom:1px solid #e2e8f0}.history-item:last-child{border-bottom:none}.item-name{flex:2;font-weight:500;color:#334155}.item-quantity{flex:.5;color:#64748b;font-weight:500}.item-price{flex:.8;color:#64748b;text-align:right}.item-total{flex:.8;font-weight:600;color:#1e293b;text-align:right}.dark-mode .daily-history{background:#1e1e1e;box-shadow:0 2px 8px #0000004d}.dark-mode .daily-history-header{border-bottom-color:#4a90e233}.dark-mode .daily-history-header h3{color:#fff}.dark-mode .history-order{background:#2a2a2a}.dark-mode .history-order:hover{background:#333}.dark-mode .order-header{border-bottom-color:#404040}.dark-mode .order-total{color:#fff}.dark-mode .history-item{border-bottom-color:#404040}.dark-mode .item-name{color:#e2e8f0}.dark-mode .item-quantity,.dark-mode .item-price{color:#94a3b8}.dark-mode .item-total{color:#fff}@media (max-width: 768px){.daily-history{padding:16px}.daily-history-header h3{font-size:16px}.history-list{max-height:400px}.history-order{padding:12px}.order-total{font-size:14px}.history-item{flex-wrap:wrap;gap:6px}.item-name{flex:1 1 100%;font-size:13px}.item-quantity,.item-price,.item-total{font-size:12px}}@media (max-width: 480px){.daily-history{padding:12px}.history-order{padding:10px}.order-header{flex-direction:column;align-items:flex-start;gap:6px}.order-total{font-size:13px}.history-item{flex-wrap:wrap}.item-quantity,.item-price,.item-total{flex:auto;text-align:left}}.stat-card .stat-icon.purple{background:#8b5cf626;color:#8b5cf6}.stat-card .stat-icon.gold{background:#fbbf2426;color:#f59e0b}.stat-sub{display:block;margin-top:4px;font-size:12px;color:#64748b}.order-totals{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.order-cost{font-size:13px;color:#8b5cf6;font-weight:600}.order-profit{font-size:13px;font-weight:700}.history-item .item-cost{font-size:12px;color:#8b5cf6;min-width:60px}.history-item .item-profit{font-size:12px;font-weight:600;min-width:60px}.product-profit{font-weight:700;font-size:14px;margin-left:auto}.dark-mode .stat-card .stat-icon.purple{background:#8b5cf640}.dark-mode .stat-card .stat-icon.gold{background:#fbbf2440}.dark-mode .stat-sub{color:#94a3b8}.dark-mode .order-cost,.dark-mode .history-item .item-cost{color:#a78bfa}.orders-history-section{background:#fff;border-radius:16px;padding:20px;margin-top:20px;box-shadow:0 2px 8px #0000000f}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.section-header h3{display:flex;align-items:center;font-size:18px;color:#1e293b}.history-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search-box{position:relative}.orders-table-wrapper{overflow-x:auto}.orders-history-table{width:100%;border-collapse:collapse;font-size:14px}.orders-history-table thead{background:#f8fafc}.orders-history-table th{padding:12px 14px;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0;white-space:nowrap}.orders-history-table td{padding:12px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.orders-history-table tbody tr:hover{background:#f8fafc}.orders-history-table .cancelled-row{opacity:.7;background:#fef2f2}.orders-history-table .cancelled-row:hover{background:#fee2e2}.order-item-tag{background:#f1f5f9;padding:2px 8px;border-radius:4px;font-size:12px;display:inline-block;margin:2px 0}.more-items{font-size:12px;color:#4a90e2;font-weight:500;margin-left:4px}.no-items{color:#94a3b8;font-size:12px}.amount-cell{font-weight:600;color:#1e293b}.cost-cell{color:#64748b}.profit-cell{font-weight:600}.profit-cell.positive{color:#10b981}.profit-cell.negative{color:#ef4444}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;display:inline-block}.status-badge.completed{background:#d1fae5;color:#065f46}.status-badge.cancelled{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:6px}.view-btn,.print-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:14px}.view-btn{background:#e0e7ff;color:#4a90e2}.view-btn:hover{background:#4a90e2;color:#fff;transform:scale(1.05)}.print-btn{background:#d1fae5;color:#065f46}.print-btn:hover{background:#065f46;color:#fff;transform:scale(1.05)}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid #f1f5f9}.page-btn{padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.page-btn:hover:not(:disabled){background:#4a90e2;color:#fff;border-color:#4a90e2}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:14px;color:#64748b}.no-orders-message{text-align:center;padding:40px 20px;color:#94a3b8}.order-details-modal{max-width:800px!important;width:95%!important}.order-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:#94a3b8;font-weight:500}.info-value{font-size:16px;font-weight:600;color:#1e293b}.info-value.amount{color:#4a90e2}.items-details-table{width:100%;border-collapse:collapse;font-size:13px}.items-details-table thead{background:#f8fafc}.items-details-table th{padding:10px 12px;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.items-details-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9}.items-details-table tfoot td{font-weight:600;padding-top:12px;border-top:2px solid #e2e8f0}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid #f1f5f9}.print-check-btn{padding:10px 24px;background:#4a90e2;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s}.print-check-btn:hover{background:#2563eb;transform:translateY(-1px)}.close-modal-btn{padding:10px 24px;background:#f1f5f9;color:#64748b;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.close-modal-btn:hover{background:#e2e8f0}@media (max-width: 768px){.section-header{flex-direction:column;align-items:stretch}.history-controls{flex-direction:column;width:100%}.search-box{width:100%}.search-box input{width:100%!important}.history-controls select{width:100%}.orders-history-table{font-size:12px}.orders-history-table th,.orders-history-table td{padding:8px 10px}.order-details-modal{max-width:100%!important;margin:10px!important;padding:15px!important}.order-info-grid{grid-template-columns:1fr}.items-details-table{font-size:12px}.items-details-table th,.items-details-table td{padding:6px 8px}.modal-actions{flex-direction:column}.print-check-btn,.close-modal-btn{width:100%;justify-content:center}}.delete-order-btn{background:#fee2e2;color:#dc2626;border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-left:4px}.delete-order-btn:hover{background:#dc2626;color:#fff;transform:scale(1.05)}.delete-confirm-modal{max-width:450px!important;width:95%!important}.delete-confirm-modal .modal-header{border-bottom:2px solid #dc2626!important}.delete-confirm-modal .modal-header h2{color:#dc2626!important;display:flex;align-items:center;gap:8px}.delete-warning-box{display:flex;align-items:center;gap:10px;background:#fef2f2;padding:10px 14px;border-radius:8px;border:1px solid #fecaca;color:#dc2626;font-weight:500;margin-bottom:16px}.delete-warning-box span:first-child{font-size:24px}.delete-order-info{background:#f8fafc;border-radius:8px;padding:12px 16px;margin-bottom:16px}.delete-order-info .info-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #e2e8f0}.delete-order-info .info-row:last-child{border-bottom:none}.delete-order-info .info-label{color:#64748b;font-weight:500}.delete-order-info .info-value{color:#1e293b;font-weight:600}.delete-code-section{margin-bottom:16px}.delete-code-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#1e293b;margin-bottom:8px;font-size:14px}.delete-code-label .lock-icon{color:#4a90e2}.delete-code-input{width:100%;padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;letter-spacing:4px;outline:none;transition:all .2s;background:#fff;color:#1e293b}.delete-code-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.delete-code-input::placeholder{letter-spacing:1px;color:#94a3b8}.delete-code-error{color:#dc2626;font-size:13px;margin-top:6px;font-weight:500}.delete-code-hint{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:#94a3b8}.delete-code-hint span{color:#94a3b8}.delete-confirm-buttons{display:flex;gap:10px;margin-top:8px}.cancel-delete-btn{flex:1;padding:12px;background:#f1f5f9;color:#64748b;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}.cancel-delete-btn:hover{background:#e2e8f0}.cancel-delete-btn:disabled{opacity:.5;cursor:not-allowed}.confirm-delete-btn{flex:1;padding:12px;background:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}.confirm-delete-btn:hover:not(:disabled){background:#b91c1c;transform:scale(1.02)}.confirm-delete-btn:disabled{opacity:.5;cursor:not-allowed}.dark-mode .delete-order-btn{background:#dc262633;color:#ef4444}.dark-mode .delete-order-btn:hover{background:#dc2626;color:#fff}.dark-mode .delete-confirm-modal .modal-header{border-bottom:2px solid #dc2626!important}.dark-mode .delete-confirm-modal .modal-header h2{color:#ef4444!important}.dark-mode .delete-warning-box{background:#dc262626;border-color:#dc2626;color:#ef4444}.dark-mode .delete-order-info{background:#2a2a2a}.dark-mode .delete-order-info .info-row{border-bottom:1px solid rgba(74,144,226,.2)}.dark-mode .delete-order-info .info-label{color:#94a3b8}.dark-mode .delete-order-info .info-value{color:#fff}.dark-mode .delete-code-label{color:#e2e8f0}.dark-mode .delete-code-input{background:#2a2a2a;border-color:#3a3a3a;color:#fff}.dark-mode .delete-code-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233}.dark-mode .delete-code-hint,.dark-mode .delete-code-hint span{color:#6b7280}.dark-mode .cancel-delete-btn{background:#ffffff0d;color:#94a3b8}.dark-mode .cancel-delete-btn:hover{background:#ffffff1a}.register-card h2{text-align:center;font-family:roboto;margin:0 0 8px;color:#061c15;font-size:26px}.register-card p{text-align:center;color:#64748b;margin-bottom:30px;font-size:15px;font-family:inter}.register-card input,.register-card select{width:100%;padding:14px 16px;margin-bottom:18px;border:1px solid #cbd5e1;border-radius:8px;font-size:16px;outline:none;transition:border .2s}.register-card button{width:100%;padding:14px;background-color:#a8894f;color:#fff;border:none;border-radius:8px;font-size:17px;font-weight:500;cursor:pointer;margin-top:10px}.workers-section{width:100%;min-height:100vh;padding:30px;margin-top:-23px;background:#f5f5f5}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(74,144,226,.15);flex-wrap:wrap;gap:15px}.header-emoji{font-size:32px}.section-headerr{display:flex;justify-content:space-between;padding:20px}.section-headerr h2{color:#333;font-size:24px;margin:0;font-family:Roboto,sans-serif}.invite{background:#4a90e2;border:none;padding:12px 24px;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;font-size:14px}.invite-btn:hover{background:#3a7bc8;transform:translateY(-2px)}.workers-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:30px}.stat-cardd{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;text-align:center;transition:all .2s;box-shadow:0 1px 3px #0000000f}.stat-cardd:hover{transform:translateY(-3px);border-color:#4a90e2;box-shadow:0 4px 12px #4a90e21a}.stat-value{display:block;font-size:32px;font-weight:700;color:#4a90e2;margin-bottom:5px}.stat-label{display:block;font-size:13px;color:#999}.workers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.worker-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s;position:relative;box-shadow:0 1px 3px #0000000f}.worker-card:hover{transform:translateY(-3px);border-color:#4a90e2;box-shadow:0 10px 30px #0000001a}.stat-card{background:#fff;padding:14px 20px;border-radius:12px;text-align:center;flex:1;min-width:100px;border:1px solid #e2e8f0;transition:all .2s;box-shadow:0 1px 3px #0000000d}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.worker-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;background:#4a90e2;color:#fff}.worker-info{flex:1}.worker-info h4{margin:0 0 5px;color:#333;font-size:18px;font-weight:600}.worker-email{margin:0 0 8px;font-size:12px;color:#999}.worker-tags{display:flex;flex-wrap:wrap;gap:8px}.worker-role{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.worker-role.waiter{background:#3498db26;color:#2563eb}.worker-role.kitchen{background:#e67e2226;color:#d97706}.worker-role.manager{background:#2ecc7126;color:#059669}.worker-role.admin{background:#9b59b626;color:#7c3aed}.worker-code{display:inline-flex;align-items:center;padding:4px 12px;background:#4a90e21a;border-radius:20px;font-size:11px;color:#4a90e2;font-family:monospace;letter-spacing:1px}.delete-worker-btn{background:#dc262614;border:1px solid rgba(220,38,38,.15);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#ef4444;font-size:18px;flex-shrink:0}.delete-worker-btn:hover{background:#dc262626;border-color:#ef4444;transform:scale(1.05)}.no-workers{text-align:center;padding:60px 20px;background:#fff;border-radius:20px;border:1px solid #e5e7eb}.empty-icon{font-size:80px;margin-bottom:20px;opacity:.5}.no-workers h3{color:#333;margin-bottom:10px}.no-workers p{color:#999;margin-bottom:20px}.add-worker-btn{background:#4a90e2;border:none;padding:12px 24px;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.add-first-btn:hover{background:#3a7bc8;transform:translateY(-2px)}.workers-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.workers-loading p{color:#4a90e2;margin-top:20px}.error-message{background:#dc262614;border:1px solid rgba(220,38,38,.2);color:#ef4444;padding:12px 16px;border-radius:10px;margin-bottom:20px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:20px;width:90%;max-width:450px;border:1px solid #e5e7eb;box-shadow:0 20px 60px #00000026;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-header h3{color:#4a90e2;margin:0;font-size:20px}.close-btn{background:#0000000d;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;transition:all .2s}.close-btn:hover{background:#dc2626cc;color:#fff}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#4a90e2;font-size:13px;font-weight:500}.form-group input,.form-group select{width:100%;padding:12px;background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;color:#333;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.modal-footer{display:flex;gap:15px;padding:20px 24px;border-top:1px solid #f0f0f0}.cancel-btn,.confirm-btn{flex:1;padding:12px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.cancel-btn{background:transparent;border:1px solid #e0e0e0;color:#333}.cancel-btn:hover{background:#f5f5f5;border-color:#4a90e2}.confirm-btn{background:#4a90e2;border:none;color:#fff}.confirm-btn:hover{background:#3a7bc8}@media (max-width: 768px){.workers-section{padding:20px}.section-header{flex-direction:column;align-items:flex-start}.invite-btn{width:100%;justify-content:center}.workers-stats{grid-template-columns:repeat(2,1fr)}.workers-grid{grid-template-columns:1fr}.worker-card{flex-direction:column;text-align:center}.worker-tags{justify-content:center}.modal-content{width:95%;margin:20px}}@media (max-width: 480px){.workers-stats{grid-template-columns:1fr}}.worker-percent{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:#4a90e21a;border-radius:20px;font-size:11px;color:#4a90e2;cursor:pointer;transition:all .2s}.worker-percent:hover{background:#4a90e233;transform:scale(1.05)}.percent-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.percent-selector.large{grid-template-columns:repeat(4,1fr)}.percent-option{padding:8px;border:1px solid #e0e0e0;background:#fafafa;border-radius:8px;color:#333;cursor:pointer;transition:all .2s;font-size:14px}.worker-name{margin-bottom:15px;color:#333;text-align:center}.worker-name strong{color:#4a90e2}.header-buttons-group{display:flex;gap:12px}.percent-setting-btn{background:#4a90e2;border:none;padding:12px 24px;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.percent-setting-btn:hover{background:#3a7bc8;transform:translateY(-2px)}.percent-selector{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.percent-selector.large{gap:15px}.percent-option{padding:12px 20px;border:1px solid #e0e0e0;background:#fafafa;border-radius:10px;color:#333;cursor:pointer;transition:all .2s;font-size:16px;font-weight:600}.percent-option:hover{border-color:#4a90e2;transform:translateY(-2px)}.percent-option.active{background:#4a90e2;color:#fff;border-color:#4a90e2}.percent-info{text-align:center;margin-bottom:20px;color:#999}.loading-text{text-align:center;color:#4a90e2;margin-top:10px;font-size:14px}.percent-option:disabled{opacity:.6;cursor:not-allowed}.dark-mode .workers-section{background:#1a1a1a}.dark-mode .section-headerr h2{color:#fff}.dark-mode .invite{background:#4a90e2;color:#1a1a1a}.dark-mode .invite:hover{background:#3a7bc8}.dark-mode .stat-cardd:hover{border-color:#4a90e2;box-shadow:0 4px 12px #4a90e226}.dark-mode .stat-cardd .stat-value{color:#4a90e2}.dark-mode .stat-cardd .stat-label{color:#888}.dark-mode .worker-card{background:#1e1e1e;border:1px solid rgba(74,144,226,.15);box-shadow:0 1px 3px #0000004d}.dark-mode .worker-card:hover{border-color:#4a90e2;box-shadow:0 10px 30px #0006}.dark-mode .worker-avatar{background:#4a90e2;color:#1a1a1a}.dark-mode .worker-info h4{color:#fff}.dark-mode .worker-email{color:#888}.dark-mode .worker-role.waiter{background:#3b82f633;color:#60a5fa}.dark-mode .worker-role.kitchen{background:#f59e0b33;color:#fbbf24}.dark-mode .worker-role.manager{background:#10b98133;color:#34d399}.dark-mode .worker-role.admin{background:#a78bfa33;color:#a78bfa}.dark-mode .worker-code{background:#4a90e226;color:#4a90e2}.dark-mode .delete-worker-btn{background:#dc26261a;border:1px solid rgba(220,38,38,.2);color:#ef4444}.dark-mode .delete-worker-btn:hover{background:#dc262633;border-color:#ef4444}.dark-mode .no-workers{background:#1e1e1e;border:1px solid rgba(74,144,226,.2)}.dark-mode .no-workers h3{color:#fff}.dark-mode .no-workers p{color:#888}.dark-mode .add-worker-btn{background:#4a90e2;color:#1a1a1a}.dark-mode .add-worker-btn:hover{background:#3a7bc8}.dark-mode .workers-loading{background:#1a1a1a}.dark-mode .workers-loading p{color:#4a90e2}.dark-mode .error-message{background:#dc26261a;border:1px solid rgba(220,38,38,.25);color:#ef4444}.dark-mode .modal-overlay{background:#000000b3}.dark-mode .modal-content{background:#1e1e1e;border:1px solid rgba(74,144,226,.2);box-shadow:0 20px 60px #00000080}.dark-mode .modal-header{border-bottom:1px solid rgba(74,144,226,.2)}.dark-mode .modal-header h3{color:#4a90e2}.dark-mode .close-btn{background:#ffffff0d;color:#999}.dark-mode .close-btn:hover{background:#dc2626cc;color:#fff}.dark-mode .form-group label{color:#4a90e2}.dark-mode .form-group input,.dark-mode .form-group select{background:#2a2a2a;border:1px solid rgba(74,144,226,.25);color:#fff}.dark-mode .form-group input:focus,.dark-mode .form-group select:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233;background:#333}.dark-mode .form-group input::placeholder,.dark-mode .form-group select::placeholder{color:#888}.dark-mode .form-group select option{background:#2a2a2a;color:#fff}.dark-mode .modal-footer{border-top:1px solid rgba(74,144,226,.2)}.dark-mode .cancel-btn{background:transparent;border:1px solid rgba(74,144,226,.3);color:#999}.dark-mode .cancel-btn:hover{background:#ffffff0d;border-color:#4a90e2;color:#fff}.dark-mode .confirm-btn{background:#4a90e2;color:#1a1a1a}.dark-mode .confirm-btn:hover{background:#3a7bc8}.dark-mode .worker-percent{background:#4a90e226;color:#4a90e2}.dark-mode .worker-percent:hover{background:#4a90e240}.dark-mode .percent-option{background:#2a2a2a;border:1px solid rgba(74,144,226,.2);color:#999}.dark-mode .percent-option:hover{border-color:#4a90e2;color:#fff}.dark-mode .percent-option.active{background:#4a90e2;color:#1a1a1a;border-color:#4a90e2}.dark-mode .worker-name{color:#fff}.dark-mode .worker-name strong{color:#4a90e2}.dark-mode .percent-setting-btn{background:#4a90e2;color:#1a1a1a}.dark-mode .percent-setting-btn:hover{background:#3a7bc8}.dark-mode .percent-info{color:#888}.dark-mode .loading-text{color:#4a90e2}.dark-mode .percent-option:disabled{opacity:.4;cursor:not-allowed}.dark-mode ::-webkit-scrollbar{width:5px}.dark-mode ::-webkit-scrollbar-thumb{background:#4a90e2;border-radius:3px}.edit-form{display:flex;flex-direction:column;gap:8px}.edit-name-input{padding:8px 12px;border:2px solid #4A90E2;border-radius:8px;font-size:14px;background:#fff;outline:none;transition:all .2s}.edit-name-input:focus{box-shadow:0 0 0 3px #4a90e233}.edit-role-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;background:#fff;cursor:pointer;outline:none}.edit-role-select:focus{border-color:#4a90e2}.edit-actions{display:flex;gap:8px;margin-top:4px}.save-edit-btn,.cancel-edit-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s}.save-edit-btn{background:#10b981;color:#fff}.save-edit-btn:hover:not(:disabled){background:#059669;transform:scale(1.05)}.save-edit-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-edit-btn{background:#ef4444;color:#fff}.cancel-edit-btn:hover{background:#dc2626;transform:scale(1.05)}.edit-worker-btn{background:#10b9811a;border:1px solid rgba(16,185,129,.2);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#10b981;font-size:18px;flex-shrink:0}.edit-worker-btn:hover{background:#10b98133;border-color:#10b981;transform:scale(1.05)}.worker-actions{display:flex;gap:8px;align-items:center}.dark-mode .edit-name-input{background:#2a2a2a;border-color:#4a90e2;color:#fff}.dark-mode .edit-name-input:focus{box-shadow:0 0 0 3px #4a90e233}.dark-mode .edit-role-select{background:#2a2a2a;border-color:#4a90e24d;color:#fff}.dark-mode .edit-role-select option{background:#2a2a2a}.dark-mode .edit-worker-btn{background:#10b98126;border-color:#10b98140;color:#34d399}.dark-mode .edit-worker-btn:hover{background:#10b98140;border-color:#34d399}.auth-method-selector{display:flex;gap:12px;margin-bottom:20px}.method-btn{flex:1;padding:10px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;color:#666}.method-btn.active{background:linear-gradient(135deg,#4a90e2,#5ba0f2);border-color:#4a90e2;color:#fff}.method-btn:hover:not(.active){background:#e8e8e8;transform:translateY(-1px)}.worker-phone{margin:0 0 8px;font-size:12px;color:#10b981;display:flex;align-items:center;gap:4px}.edit-phone-input{width:100%;padding:8px 12px;border:2px solid #4A90E2;border-radius:8px;font-size:13px;background:#fff;outline:none;transition:all .2s;margin-top:8px}.edit-phone-input:focus{box-shadow:0 0 0 3px #4a90e233}.dark-mode .method-btn{background:#2a2a2a;border-color:#4a90e24d;color:#999}.dark-mode .method-btn.active{background:linear-gradient(135deg,#4a90e2,#5ba0f2);color:#1a1a1a}.dark-mode .method-btn:hover:not(.active){background:#333}.dark-mode .worker-phone{color:#34d399}.dark-mode .edit-phone-input{background:#2a2a2a;border-color:#4a90e2;color:#fff}.dark-mode .edit-phone-input:focus{box-shadow:0 0 0 3px #4a90e233}.workers-tabs{display:flex;gap:12px;margin-bottom:25px;border-bottom:2px solid #e0e0e0;padding-bottom:10px}.tab-btn{padding:10px 24px;background:none;border:none;font-size:16px;font-weight:600;color:#888;cursor:pointer;transition:all .2s;border-radius:10px}.tab-btn:hover{color:#4a90e2;background:#4a90e20d}.tab-btn.active{color:#4a90e2;background:#4a90e21a;position:relative}.monitor-card{background:linear-gradient(135deg,#9b59b60d,#9b59b605);border-left:3px solid #9b59b6}.worker-role.monitor{background:#9b59b626;color:#9b59b6}.add-monitor-btn{background:#9b59b6;border:none;padding:12px 20px;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.add-monitor-btn:hover{background:#8e44ad;transform:translateY(-2px)}.monitor-hint{font-size:12px;color:#9b59b6;background:#9b59b61a;padding:10px;border-radius:8px;margin-top:15px}.code-hint{font-size:13px;color:#666;margin-top:15px;padding:10px;background:#f5f5f5;border-radius:8px;text-align:center}.dark-mode .workers-tabs{border-bottom-color:#4a90e233}.dark-mode .tab-btn{color:#888}.dark-mode .tab-btn:hover{color:#4a90e2;background:#4a90e21a}.dark-mode .tab-btn.active{color:#4a90e2;background:#4a90e226}.dark-mode .monitor-card{background:linear-gradient(135deg,#9b59b614,#9b59b605);border-left-color:#9b59b6}.dark-mode .add-monitor-btn{background:#9b59b6}.dark-mode .add-monitor-btn:hover{background:#8e44ad}.dark-mode .monitor-hint{background:#9b59b626;color:#bb8ad6}.dark-mode .code-hint{background:#2a2a2a;color:#999}.register-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f8f9fa;padding:20px}.register-card{background:#fff;width:100%;max-width:420px;padding:40px 35px;border-radius:12px;box-shadow:0 4px 25px #00000014;border:1px solid #e5e7eb}.register-card h2{text-align:center;margin:0 0 8px;color:#061c15;font-size:26px}.register-card p{text-align:center;color:#64748b;margin-bottom:30px;font-size:15px}.input-group{position:relative;margin-bottom:18px}.register-card input,.register-card select{width:100%;padding:14px 16px;border:1px solid #cbd5e1;border-radius:8px;font-size:16px;outline:none;transition:border .2s;box-sizing:border-box}.register-card input:focus,.register-card select:focus{border-color:#a8894f}.register-card button{width:100%;padding:14px;background-color:#a8894f;color:#fff;border:none;border-radius:8px;font-size:17px;font-weight:500;cursor:pointer;margin-top:10px;transition:background-color .2s}.register-card button:hover:not(:disabled){background-color:#8b7542}.register-card button:disabled{background-color:#9ca3af;cursor:not-allowed}.success-msg{color:#10b981;text-align:center;margin-top:20px;font-weight:500}.error-msg{color:#ef4444;text-align:center;margin-top:20px;font-weight:500}.switch-link{margin-top:24px;margin-bottom:0;font-size:14px;text-align:center}.switch-link a{color:#a8894f;text-decoration:none;font-weight:500}.switch-link a:hover{text-decoration:underline}@media (max-width: 480px){.register-card{padding:30px 20px}}.wkr_dash{max-width:1200px;margin:0 auto;padding:32px;background:#f5f5f5;min-height:100vh;transition:all .3s ease}.wkr_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:15px}.wkr_dash_title{font-size:28px;font-weight:700;color:#4a90e2;margin:0;display:flex;align-items:center;gap:12px}.title-icon{font-size:28px;color:#4a90e2}.restaurant-name{font-size:18px;color:#666;background:#4a90e21a;padding:8px 20px;border-radius:30px}.wkr_prof_card{display:flex;align-items:center;gap:24px;padding:28px;background:#fff;border:1px solid rgba(74,144,226,.15);border-radius:24px;margin-bottom:28px;transition:all .3s ease;box-shadow:0 2px 8px #0000000f}.wkr_prof_card:hover{transform:translateY(-3px);border-color:#4a90e266;box-shadow:0 12px 30px #0000001a}.wkr_prof_avatar{position:relative;width:90px;height:90px;flex-shrink:0}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #4A90E2}.avatar-default{width:100%;height:100%;color:#4a90e2}.upload-avatar-btn{position:absolute;bottom:0;right:0;background:#4a90e2;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);opacity:0;transform:scale(0);color:#fff}.upload-avatar-btn.show{opacity:1;transform:scale(1)}.upload-avatar-btn:hover{transform:scale(1.15);background:#3a7bc8}.wkr_prof_details{flex:1}.wkr_prof_name{font-size:26px;font-weight:700;color:#1e293b;margin:0 0 8px}.wkr_prof_role{font-size:14px;color:#4a90e2;display:inline-block;background:#4a90e21a;padding:6px 16px;border-radius:30px;border:1px solid rgba(74,144,226,.2)}.wkr_stats_box{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:28px}.wkr_stat_item{background:#fff;border:1px solid rgba(74,144,226,.15);border-radius:20px;padding:24px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;box-shadow:0 2px 8px #0000000f}.wkr_stat_item:hover{transform:translateY(-3px);border-color:#4a90e266;box-shadow:0 8px 20px #0000001a}.wkr_stat_label{font-size:16px;color:#64748b;font-weight:500;display:flex;align-items:center;gap:10px}.stat-icon{font-size:20px;color:#4a90e2}.wkr_stat_value{font-size:36px;font-weight:800;color:#4a90e2}.wkr_level_box{background:#fff;border:1px solid rgba(74,144,226,.15);border-radius:20px;padding:24px;box-shadow:0 2px 8px #0000000f}.wkr_level_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.wkr_level_header span{display:flex;align-items:center;gap:8px;font-size:16px;color:#1e293b;font-weight:600}.level-icon{color:#4a90e2;font-size:20px}.wkr_level_next{color:#4a90e2;font-size:14px;background:#4a90e21a;padding:4px 12px;border-radius:20px}.wkr_progress_bar{height:10px;background:#e5e7eb;border-radius:10px;overflow:hidden;margin-bottom:12px}.wkr_progress_fill{height:100%;background:linear-gradient(90deg,#4a90e2,#5ba0f2);border-radius:10px;transition:width .5s ease;position:relative;overflow:hidden}.wkr_level_remaining{font-size:13px;color:#94a3b8}.wkr_level_max{display:flex;align-items:center;gap:8px;font-size:13px;color:#10b981;font-weight:600}.star-icon{color:#f59e0b}.wkr_orders_box{background:#fff;border:1px solid rgba(74,144,226,.15);border-radius:24px;padding:28px;box-shadow:0 2px 8px #0000000f}.wkr_orders_title{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 24px;display:flex;align-items:center;gap:10px}.wkr_no_orders{text-align:center;padding:50px;color:#999;background:#fafafa;border-radius:16px}.wkr_orders_list{display:flex;flex-direction:column;gap:12px}.wkr_order_item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 20px;background:#fafafa;border:1px solid rgba(74,144,226,.1);border-radius:16px;transition:all .3s ease}.wkr_order_item:hover{border-color:#4a90e266;transform:translate(5px);background:#fff}.wkr_order_id{font-weight:700;color:#4a90e2;font-family:monospace}.wkr_order_date{color:#94a3b8;font-size:13px}.wkr_order_amount{font-weight:600;color:#1e293b}.wkr_order_status{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500}.wkr_order_status.pending{background:#f39c121a;color:#d97706;border:1px solid rgba(243,156,18,.3)}.wkr_order_status.completed{background:#2ecc711a;color:#059669;border:1px solid rgba(46,204,113,.3)}.wkr_order_status.active{background:#3498db1a;color:#2563eb;border:1px solid rgba(52,152,219,.3)}.spinner{width:50px;height:50px;border:3px solid rgba(74,144,226,.15);border-top-color:#4a90e2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.wkr_dash_load{text-align:center;padding:60px;color:#4a90e2}.name-display{display:flex;align-items:center;gap:12px}.edit-name-btn{background:none;border:none;color:#4a90e2;cursor:pointer;font-size:16px;padding:5px;transition:all .2s}.edit-name-btn:hover{color:#3a7bc8;transform:scale(1.1)}.edit-name-container{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.edit-name-input{background:#fafafa;border:1px solid #4A90E2;border-radius:8px;padding:8px 12px;color:#333;font-size:18px;font-weight:600}.edit-name-input:focus{outline:none;border-color:#3a7bc8;box-shadow:0 0 0 3px #4a90e21a}.save-name-btn,.cancel-name-btn{background:#4a90e2;border:none;border-radius:6px;padding:8px 12px;color:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:all .2s}.save-name-btn:hover,.cancel-name-btn:hover{background:#3a7bc8;transform:scale(1.02)}.cancel-name-btn{background:#ef4444;color:#fff}.cancel-name-btn:hover{background:#dc2626}.dark-mode .wkr_dash{background:#1a1a1a}.dark-mode .wkr_dash_title,.dark-mode .title-icon{color:#4a90e2}.dark-mode .restaurant-name{color:#999;background:#4a90e226}.dark-mode .wkr_prof_card{background:#1e1e1e;border:1px solid rgba(74,144,226,.25);box-shadow:0 2px 8px #0000004d}.dark-mode .wkr_prof_card:hover{border-color:#4a90e280;box-shadow:0 12px 30px #00000080}.dark-mode .avatar-img{border:3px solid #4A90E2}.dark-mode .avatar-default{color:#4a90e2}.dark-mode .upload-avatar-btn{background:#4a90e2;color:#1a1a1a}.dark-mode .wkr_prof_name{color:#fff}.dark-mode .wkr_prof_role{color:#4a90e2;background:#4a90e226;border:1px solid rgba(74,144,226,.3)}.dark-mode .wkr_stat_item{background:#1e1e1e;border:1px solid rgba(74,144,226,.2);box-shadow:0 2px 8px #0000004d}.dark-mode .wkr_stat_label{color:#999}.dark-mode .stat-icon,.dark-mode .wkr_stat_value{color:#4a90e2}.dark-mode .wkr_level_box{background:#1e1e1e;border:1px solid rgba(74,144,226,.2);box-shadow:0 2px 8px #0000004d}.dark-mode .wkr_level_header span{color:#fff}.dark-mode .level-icon{color:#4a90e2}.dark-mode .wkr_level_next{color:#4a90e2;background:#4a90e226}.dark-mode .wkr_progress_bar{background:#2a2a2a}.dark-mode .wkr_level_remaining{color:#888}.dark-mode .wkr_orders_box{background:#1e1e1e;border:1px solid rgba(74,144,226,.2);box-shadow:0 2px 8px #0000004d}.dark-mode .wkr_orders_title{color:#fff}.dark-mode .wkr_no_orders{color:#888;background:#2a2a2a}.dark-mode .wkr_order_item{background:#2a2a2a;border:1px solid rgba(74,144,226,.15)}.dark-mode .wkr_order_item:hover{border-color:#4a90e266;background:#333}.dark-mode .wkr_order_id{color:#4a90e2}.dark-mode .wkr_order_date{color:#888}.dark-mode .wkr_order_amount{color:#fff}.dark-mode .wkr_order_status.pending{background:#f39c1226;color:#fbbf24;border:1px solid rgba(243,156,18,.3)}.dark-mode .wkr_order_status.completed{background:#2ecc7126;color:#34d399;border:1px solid rgba(46,204,113,.3)}.dark-mode .wkr_order_status.active{background:#3498db26;color:#60a5fa;border:1px solid rgba(52,152,219,.3)}.dark-mode .spinner{border:3px solid rgba(74,144,226,.15);border-top-color:#4a90e2}.dark-mode .wkr_dash_load,.dark-mode .edit-name-btn{color:#4a90e2}.dark-mode .edit-name-input{background:#2a2a2a;border:1px solid #4A90E2;color:#fff}.dark-mode .save-name-btn{background:#4a90e2;color:#1a1a1a}.dark-mode .cancel-name-btn{background:#ef4444;color:#fff}@media (max-width: 768px){.wkr_dash{padding:20px}.wkr_header{flex-direction:column;text-align:center}.wkr_dash_title{font-size:22px}.wkr_prof_card{flex-direction:column;text-align:center;padding:20px}.wkr_prof_name{font-size:22px}.wkr_stats_box{grid-template-columns:1fr}.wkr_stat_value{font-size:28px}.wkr_level_header{flex-direction:column;align-items:flex-start}.wkr_order_item{flex-direction:column;text-align:center}}.wkr_prof_name_container{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wkr_edit_btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.1rem;padding:4px 8px;border-radius:6px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.wkr_edit_btn:hover{background-color:#e9ecef;color:#4a90e2;transform:scale(1.05)}.wkr_edit_name_container{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wkr_name_input{padding:6px 12px;border:2px solid #4A90E2;border-radius:8px;font-size:1rem;font-weight:500;outline:none;transition:all .2s ease;background:#fff;min-width:200px}.wkr_name_input:focus{border-color:#3a7bc8;box-shadow:0 0 0 3px #4a90e21a}.wkr_save_btn,.wkr_cancel_btn{background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:6px;font-size:.9rem;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.wkr_save_btn{background-color:#28a745;color:#fff}.wkr_save_btn:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.wkr_cancel_btn{background-color:#dc3545;color:#fff}.wkr_cancel_btn:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px)}.wkr_save_btn:disabled,.wkr_cancel_btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.wkr_prof_name_container{flex-direction:column;align-items:flex-start}.wkr_edit_name_container{width:100%}.wkr_name_input{flex:1;min-width:auto}}.add-dish-section{width:100%;padding:40px;background:#fff;border:1px solid rgba(74,144,226,.15);box-shadow:0 20px 60px #00000014;border-radius:24px;margin-top:-23px}.add-dish-modal{width:100%;padding:40px;background:#fff;height:100%;border-radius:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.header-title h2{color:#4a90e2;font-family:roboto}.modal-header{display:flex;align-items:center}.header-emoji{margin-top:10px;color:#4a90e2}.section-header h2{margin:0;color:#333;font-size:28px;font-family:roboto}.add-dish-form{width:100%}.form-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px;margin-top:110px}.form-groupp{margin-bottom:24px}.form-groupp label{display:block;margin-bottom:8px;color:#4a90e2;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;font-family:roboto}.form-groupp input,.form-groupp textarea{width:100%;padding:14px 16px;background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;color:#333;font-size:14px;transition:all .2s ease}.form-groupp textarea{resize:vertical;min-height:120px}.form-groupp input:focus,.form-groupp textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;background:#fff}.form-groupp input.error,.form-groupp textarea.error{border-color:#dc2626}.form-groupp input::placeholder,.form-groupp textarea::placeholder{color:#bbb}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.category-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;color:#333;cursor:pointer;transition:all .2s ease;font-size:13px}.category-btn:hover{background:#fff;border-color:#4a90e2}.category-btn.active{background:#4a90e2;color:#fff;border-color:#4a90e2}.category-emoji{font-size:18px}.image-upload-area{border:2px dashed #e0e0e0;border-radius:14px;padding:40px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fafafa;min-height:300px;display:flex;align-items:center;justify-content:center}.image-upload-area:hover{border-color:#4a90e2;background:#fff}.image-upload-area.has-image{padding:0;border:2px solid #4A90E2}.upload-placeholder svg{font-size:48px;color:#4a90e2;margin-bottom:12px}.upload-placeholder p{color:#333;margin:10px 0;font-size:14px}.upload-placeholder span{color:#999;font-size:12px}.image-preview{position:relative;width:100%;height:100%}.image-preview img{width:100%;height:320px;object-fit:cover;border-radius:12px}.remove-image{position:absolute;top:10px;right:10px;background:#dc2626e6;border:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.remove-image:hover{transform:scale(1.08)}.full-width{grid-column:span 2}.error-text{color:#dc2626;font-size:12px;margin-top:5px;display:block}.form-actions{display:flex;justify-content:space-between;gap:15px;margin-top:30px;padding-top:25px;border-top:1px solid #f0f0f0}.cancel-btnn,.submitt-btn{padding:14px 28px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.cancel-btnn{background:transparent;border:1px solid #e0e0e0;width:200px;color:#333;margin-left:10px}.cancel-btnn:hover{background:#f5f5f5;border-color:#4a90e2}.submitt-btn{background:#4a90e2;border:none;color:#fff}.submitt-btn:hover{background:#3a7bc8;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.spinner{width:16px;height:16px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 768px){.add-dish-section{padding:20px}.form-two-columns{grid-template-columns:1fr;gap:0}.form-row{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(2,1fr)}.full-width{grid-column:span 1}.section-header h2{font-size:22px}.form-actions{flex-direction:column}.cancel-btn,.submitt-btn{justify-content:center}}.close-btn{background:#0000000d;border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn svg{font-size:20px;color:#333}.close-btn:hover{background:#dc2626cc}.close-btn:hover svg{color:#fff}.loading-container{text-align:center;padding:50px;color:#4a90e2}.categories-grid-inline{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:8px}.category-btn-inline{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:10px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;transition:all .2s}.category-btn-inline:hover{border-color:#4a90e2;background:#fff}.category-btn-inline.active{background:#4a90e2;border-color:#4a90e2;color:#fff}.price-input{background:#fafafa;border:1px solid #e0e0e0;color:#333;border-radius:8px;padding:12px;font-size:16px;width:100%}.price-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;background:#fff}.image-upload-area-inline{border:2px dashed #e0e0e0;border-radius:12px;padding:20px;text-align:center;cursor:pointer;background:#fafafa;min-height:200px;display:flex;align-items:center;justify-content:center;transition:all .2s}.image-upload-area-inline:hover{border-color:#4a90e2;background:#fff}.image-upload-area-inline.has-image{padding:0;border:2px solid #4A90E2}.image-preview-inline{position:relative;width:100%}.image-preview-inline img{max-width:100%;max-height:180px;border-radius:8px}.remove-image-inline{position:absolute;top:5px;right:5px;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.upload-placeholder-inline{color:#4a90e2}.upload-placeholder-inline p{color:#4a90e2;margin-top:8px}.upload-placeholder-inline span{color:#999;font-size:12px}.dark-mode .add-dish-section{background:#1a1a1a;border:1px solid rgba(74,144,226,.2);box-shadow:0 20px 60px #0006}.dark-mode .add-dish-modal{background:#1a1a1a}.dark-mode .section-header{border-bottom:1px solid rgba(74,144,226,.2)}.dark-mode .header-title h2,.dark-mode .header-emoji{color:#4a90e2}.dark-mode .section-header h2{color:#fff}.dark-mode .form-groupp label{color:#4a90e2}.dark-mode .form-groupp input,.dark-mode .form-groupp textarea{background:#2a2a2a;border:1px solid rgba(74,144,226,.25);color:#fff}.dark-mode .form-groupp input:focus,.dark-mode .form-groupp textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233;background:#333}.dark-mode .form-groupp input.error,.dark-mode .form-groupp textarea.error{border-color:#ef4444}.dark-mode .form-groupp input::placeholder,.dark-mode .form-groupp textarea::placeholder{color:#888}.dark-mode .category-btn{background:#2a2a2a;border:1px solid rgba(74,144,226,.2);color:#999}.dark-mode .category-btn:hover{background:#333;border-color:#4a90e2;color:#fff}.dark-mode .category-btn.active{background:#4a90e2;color:#1a1a1a;border-color:#4a90e2}.dark-mode .category-btn-inline{background:#2a2a2a;border:1px solid rgba(74,144,226,.2);color:#999}.dark-mode .category-btn-inline:hover{border-color:#4a90e2;background:#333;color:#fff}.dark-mode .category-btn-inline.active{background:#4a90e2;border-color:#4a90e2;color:#1a1a1a}.dark-mode .price-input{background:#2a2a2a;border:1px solid rgba(74,144,226,.25);color:#fff}.dark-mode .price-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233;background:#333}.dark-mode .price-input::placeholder{color:#888}.dark-mode .image-upload-area{border:2px dashed rgba(74,144,226,.3);background:#2a2a2a}.dark-mode .image-upload-area:hover{border-color:#4a90e2;background:#333}.dark-mode .image-upload-area.has-image{border:2px solid #4A90E2}.dark-mode .upload-placeholder svg{color:#4a90e2}.dark-mode .upload-placeholder p{color:#fff}.dark-mode .upload-placeholder span{color:#999}.dark-mode .image-upload-area-inline{border:2px dashed rgba(74,144,226,.3);background:#2a2a2a}.dark-mode .image-upload-area-inline:hover{border-color:#4a90e2;background:#333}.dark-mode .image-upload-area-inline.has-image{border:2px solid #4A90E2}.dark-mode .upload-placeholder-inline,.dark-mode .upload-placeholder-inline p{color:#4a90e2}.dark-mode .upload-placeholder-inline span{color:#999}.dark-mode .remove-image{background:#dc2626e6}.dark-mode .remove-image-inline{background:#000000e6}.dark-mode .error-text{color:#ef4444}.dark-mode .form-actions{border-top:1px solid rgba(74,144,226,.2)}.dark-mode .cancel-btnn{background:transparent;border:1px solid rgba(74,144,226,.3);color:#999}.dark-mode .cancel-btnn:hover{background:#ffffff0d;border-color:#4a90e2;color:#fff}.dark-mode .submitt-btn{background:#4a90e2;color:#1a1a1a}.dark-mode .submitt-btn:hover{background:#3a7bc8;box-shadow:0 4px 12px #4a90e266}.dark-mode .close-btn{background:#ffffff0d}.dark-mode .close-btn svg{color:#999}.dark-mode .close-btn:hover{background:#dc2626cc}.dark-mode .close-btn:hover svg{color:#fff}.dark-mode .loading-container,.dark-mode .loading-container p{color:#4a90e2}.dark-mode .spinner{border:2px solid rgba(255,255,255,.2);border-top-color:#4a90e2}.dark-mode .form-groupp textarea::-webkit-scrollbar{width:5px}.dark-mode .form-groupp textarea::-webkit-scrollbar-track{background:#2a2a2a}.dark-mode .form-groupp textarea::-webkit-scrollbar-thumb{background:#4a90e2;border-radius:3px}.settings-page{padding:30px;min-height:100vh;background:#f5f7fa}.settings-header{margin-bottom:32px}.settings-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.settings-icon{font-size:32px;color:#4a90e2}.settings-title h1{font-size:28px;color:#1e293b;margin:0;font-weight:600;font-family:inter}.settings-subtitle{color:#64748b;font-size:14px;margin-left:44px;font-family:inter}.settings-container{display:flex;flex-direction:column;gap:24px;max-width:800px}.settings-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;border:1px solid rgba(74,144,226,.1)}.settings-card:hover{box-shadow:0 4px 16px #4a90e21a;transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.card-icon{font-size:28px;color:#4a90e2}.card-header h3{font-size:18px;color:#1e293b;margin:0 0 4px;font-weight:600;font-family:inter}.card-header p{font-size:13px;color:#64748b;margin:0;font-family:inter}.theme-options{display:flex;gap:16px;flex-wrap:wrap}.theme-card{flex:1;min-width:120px;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;font-size:15px;font-weight:500;color:#334155;transition:all .2s ease;font-family:inter}.theme-card svg{font-size:20px}.theme-card:hover{border-color:#4a90e2;background:#4a90e20d;transform:translateY(-1px)}.theme-card.active{background:linear-gradient(135deg,#4a90e2,#5ba0f2);border-color:#4a90e2;color:#fff;box-shadow:0 4px 12px #4a90e24d}.language-options{display:flex;flex-direction:column;gap:12px}.lang-card{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all .2s ease;position:relative}.lang-card:hover{border-color:#4a90e2;background:#4a90e20d;transform:translate(4px)}.lang-card.active{border-color:#4a90e2;background:#4a90e214;box-shadow:0 2px 8px #4a90e21a}.lang-flag{font-size:32px}.lang-info{flex:1;display:flex;flex-direction:column;gap:4px}.lang-name{font-size:16px;font-weight:600;color:#1e293b;font-family:inter}.lang-native{font-size:12px;color:#64748b;font-family:inter}.check-icon{font-size:22px;color:#4a90e2}.toggle-card{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.toggle-info{flex:1}.toggle-title{display:block;font-size:15px;font-weight:600;color:#1e293b;margin-bottom:4px;font-family:inter}.toggle-desc{display:block;font-size:12px;color:#64748b;font-family:inter}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background:linear-gradient(135deg,#4a90e2,#5ba0f2)}input:checked+.toggle-slider:before{transform:translate(24px)}.saved-toast{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,#4a90e2,#5ba0f2);color:#fff;padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;z-index:1000;animation:slideInRight .3s ease;box-shadow:0 4px 12px #4a90e24d;font-family:inter}.saved-toast svg{font-size:18px}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.settings-page{padding:20px}.settings-icon{font-size:28px}.settings-title h1{font-size:24px}.settings-subtitle{font-size:13px;margin-left:40px}.settings-container{gap:16px}.settings-card{padding:18px;border-radius:16px}.card-header{gap:12px;margin-bottom:16px;padding-bottom:12px}.card-icon{font-size:24px}.card-header h3{font-size:16px}.card-header p{font-size:12px}.theme-options{gap:12px}.theme-card{padding:10px 16px;font-size:13px;min-width:100px}.theme-card svg{font-size:18px}.lang-card{padding:12px 14px;gap:12px}.lang-flag{font-size:28px}.lang-name{font-size:14px}.lang-native{font-size:11px}.check-icon{font-size:20px}.toggle-title{font-size:14px}.toggle-desc{font-size:11px}.toggle-switch{width:48px;height:26px}.toggle-slider:before{height:20px;width:20px}input:checked+.toggle-slider:before{transform:translate(22px)}.saved-toast{bottom:20px;right:20px;left:20px;justify-content:center;padding:10px 16px;font-size:13px}}@media (max-width: 480px){.settings-page{padding:16px}.settings-title h1{font-size:20px}.settings-icon{font-size:24px}.settings-subtitle{font-size:12px;margin-left:36px}.settings-card{padding:14px}.card-header{gap:10px}.card-icon{font-size:20px}.card-header h3{font-size:15px}.theme-card{padding:8px 12px;font-size:12px;min-width:85px}.theme-card svg{font-size:16px}.lang-card{padding:10px 12px}.lang-flag{font-size:24px}.lang-name{font-size:13px}}@media (min-width: 769px) and (max-width: 1024px){.settings-page{padding:24px}.settings-container{max-width:700px}}@media (hover: none) and (pointer: coarse){.theme-card:active,.lang-card:active,.toggle-switch:active{transform:scale(.98);transition:transform .1s}.theme-card,.lang-card,.toggle-switch{-webkit-tap-highlight-color:transparent}}.dark-mode .settings-page{background:#1a1a1a}.dark-mode .settings-title h1{color:#fff}.dark-mode .settings-subtitle{color:#888}.dark-mode .settings-card{background:#1e1e1e;border:1px solid rgba(74,144,226,.15);box-shadow:0 2px 8px #0000004d}.dark-mode .settings-card:hover{box-shadow:0 4px 16px #4a90e226}.dark-mode .card-header{border-bottom:1px solid rgba(74,144,226,.15)}.dark-mode .card-icon{color:#4a90e2}.dark-mode .card-header h3{color:#fff}.dark-mode .card-header p{color:#888}.dark-mode .theme-card{background:#2a2a2a;border-color:#4a90e240;color:#999}.dark-mode .theme-card:hover{border-color:#4a90e2;background:#4a90e21a;color:#fff}.dark-mode .theme-card.active{background:linear-gradient(135deg,#4a90e2,#5ba0f2);color:#1a1a1a}.dark-mode .lang-card{background:#2a2a2a;border-color:#4a90e240}.dark-mode .lang-card:hover{border-color:#4a90e2;background:#4a90e21a}.dark-mode .lang-card.active{border-color:#4a90e2;background:#4a90e21f}.dark-mode .lang-name{color:#fff}.dark-mode .lang-native{color:#888}.dark-mode .check-icon{color:#4a90e2}.dark-mode .toggle-title{color:#fff}.dark-mode .toggle-desc{color:#888}.dark-mode .toggle-slider{background-color:#444}.dark-mode .toggle-slider:before{background-color:#bbb}.dark-mode .saved-toast{background:linear-gradient(135deg,#4a90e2,#5ba0f2);color:#1a1a1a;box-shadow:0 4px 12px #4a90e266}.restaurant-root{min-height:100vh;background-image:url(./bground-BfkQ2o4i.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative}.restaurant-root:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(74,144,226,.06) 0%,transparent 50%);pointer-events:none}.restaurant-time-section{text-align:center;margin-bottom:20px;animation:slideDown .5s ease-out;position:relative;z-index:1}.restaurant-clock{font-size:68px;font-weight:700;color:#5ba0f2;text-shadow:0 2px 10px rgba(0,0,0,.2);letter-spacing:2px}.restaurant-date{font-size:20px;color:#5ba0f2;text-shadow:0 1px 5px rgba(0,0,0,.1);margin-top:5px}.restaurant-brand-section{text-align:center;margin-bottom:30px;animation:slideDown .5s ease-out .1s both;position:relative;z-index:1}.restaurant-logo-box{margin-bottom:20px;display:flex;justify-content:center}.restaurant-logo{width:350px;height:220px;border-radius:24px}.restaurant-logo-fallback{width:350px;height:200px;background:linear-gradient(135deg,#4a90e2,#5ba0f2);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:60px;color:#fff}.restaurant-title{font-size:32px;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,#4a90e2,#5ba0f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.restaurant-subtitle{font-size:14px;color:#5ba0f2;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.restaurant-auth-card{background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:40px;text-align:center;width:30%;border:1px solid rgba(74,144,226,.15);box-shadow:0 20px 40px #00000014;animation:slideUp .5s ease-out .2s both;margin:0 auto;position:relative;z-index:1}.restaurant-tabs{display:flex;gap:10px;margin-bottom:30px;background:#f5f5f5;border-radius:12px;padding:4px}.restaurant-tab{flex:1;padding:12px;background:transparent;border:none;font-size:16px;font-weight:600;color:#888;cursor:pointer;transition:all .3s;border-radius:10px}.restaurant-tab.active{background:linear-gradient(135deg,#4a90e2,#5ba0f2);color:#fff;box-shadow:0 2px 8px #4a90e24d}.restaurant-form{display:flex;flex-direction:column;gap:20px}.restaurant-input-group{width:100%}.restaurant-input{width:100%;padding:14px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:12px;background:#fafafa;transition:all .2s ease;box-sizing:border-box}.restaurant-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;background:#fff}.restaurant-input::placeholder{color:#bbb}.restaurant-submit-btn{background:linear-gradient(135deg,#4a90e2,#5ba0f2);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;width:100%;cursor:pointer;margin-top:10px;transition:all .2s ease}.restaurant-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #4a90e259}.restaurant-submit-btn:disabled{opacity:.6;cursor:not-allowed}.restaurant-error{color:#e74c3c;padding:10px;background:#e74c3c14;border-radius:8px;font-size:14px;text-align:center}.restaurant-footer{margin-top:20px;text-align:center}.restaurant-switch-btn{background:none;border:none;color:#4a90e2;cursor:pointer;font-size:14px;transition:all .2s;padding:8px 16px}.restaurant-switch-btn:hover{color:#3a7bc8;transform:translate(2px)}.restaurant-info{margin-top:25px;padding-top:20px;border-top:1px solid rgba(0,0,0,.08);text-align:center;font-size:12px;color:#888}.restaurant-info p{margin:5px 0}@media (max-width: 768px){.restaurant-clock{font-size:48px}.restaurant-date{font-size:16px}.restaurant-logo,.restaurant-logo-fallback{width:90px;height:90px}.restaurant-logo-fallback{font-size:45px}}@media (max-width: 480px){.restaurant-clock{font-size:36px}.restaurant-logo-box img{width:140px;height:80px}.restaurant-date{font-size:14px}.restaurant-title{font-size:24px}.restaurant-subtitle{font-size:11px}.restaurant-logo,.restaurant-logo-fallback{width:70px;height:70px}.restaurant-logo-fallback{font-size:35px}.restaurant-auth-card{padding:30px 20px;width:90%}.restaurant-input{padding:12px 14px;font-size:14px}.restaurant-tab{font-size:14px;padding:10px}}.dark-mode .restaurant-root{background:#1a1a1a}.dark-mode .restaurant-root:before{background:radial-gradient(circle at 20% 50%,rgba(74,144,226,.12) 0%,transparent 50%)}.dark-mode .restaurant-auth-card{background:#1e1e1e;border:1px solid rgba(74,144,226,.2);box-shadow:0 20px 40px #0006}.dark-mode .restaurant-tabs{background:#2a2a2a}.dark-mode .restaurant-tab{color:#888}.dark-mode .restaurant-tab.active{background:linear-gradient(135deg,#4a90e2,#5ba0f2);color:#fff}.dark-mode .restaurant-input{background:#2a2a2a;border:2px solid rgba(74,144,226,.25);color:#fff}.dark-mode .restaurant-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e226;background:#333}.dark-mode .restaurant-input::placeholder{color:#888}.dark-mode .restaurant-submit-btn{background:linear-gradient(135deg,#4a90e2,#5ba0f2);box-shadow:0 2px 8px #4a90e24d}.dark-mode .restaurant-submit-btn:hover:not(:disabled){box-shadow:0 5px 20px #4a90e280}.dark-mode .restaurant-switch-btn{color:#4a90e2}.dark-mode .restaurant-switch-btn:hover{color:#5ba0f2}.dark-mode .restaurant-error{background:#e74c3c1f;color:#ef4444}.dark-mode .restaurant-info{border-top:1px solid rgba(255,255,255,.08);color:#666}.dark-mode .restaurant-clock,.dark-mode .restaurant-date{color:#5ba0f2}.dark-mode .restaurant-title{background:linear-gradient(135deg,#4a90e2,#5ba0f2);-webkit-background-clip:text;background-clip:text}.dark-mode .restaurant-subtitle{color:#fffc}.dark-mode .restaurant-logo-fallback{background:linear-gradient(135deg,#4a90e2,#5ba0f2)}.pos-login-link{background:none;border:none;color:#9b59b6;cursor:pointer;font-size:14px;margin-top:10px;transition:all .2s;display:block;width:100%;text-align:center;padding:8px}.pos-login-link:hover{color:#8e44ad;text-decoration:underline}.dark-mode .pos-login-link{color:#bb8ad6}.dark-mode .pos-login-link:hover{color:#d4b0f0}.monitor-code-section{display:flex;flex-direction:column;align-items:center;gap:25px}.monitor-code-inputs{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.monitor-code-input{width:55px;height:65px;text-align:center;font-size:28px;font-weight:700;border:2px solid #e0e0e0;border-radius:12px;background:#fafafa;color:#9b59b6;transition:all .2s ease}.monitor-code-input:focus{outline:none;border-color:#9b59b6;box-shadow:0 0 0 3px #9b59b633;transform:scale(1.02)}.back-btn{background:none;border:none;color:#4a90e2;cursor:pointer;font-size:14px;transition:all .2s;padding:8px 16px;margin-top:10px}.back-btn:hover{color:#3a7bc8;transform:translate(-2px)}.dark-mode .monitor-code-input{background:#2a2a2a;border-color:#9b59b64d;color:#bb8ad6}.dark-mode .monitor-code-input:focus{border-color:#9b59b6;box-shadow:0 0 0 3px #9b59b633}.login-root{min-height:100vh;background-image:url(./bground-BfkQ2o4i.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative}.login-root:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(74,144,226,.06) 0%,transparent 50%);pointer-events:none}.time-section{text-align:center;margin-bottom:20px;animation:slideDown .5s ease-out;position:relative;z-index:1}.clock-display{font-size:68px;font-weight:700;color:#5ba0f2;text-shadow:0 2px 10px rgba(0,0,0,.2);letter-spacing:2px}.date-display{font-size:20px;color:#5ba0f2;text-shadow:0 1px 5px rgba(0,0,0,.1);margin-top:5px}.brand-section-new{text-align:center;margin-bottom:30px;animation:slideDown .5s ease-out .1s both;position:relative;z-index:1}.logo-box{margin-bottom:20px;display:flex;justify-content:center}.logo-image{width:350px!important;height:200px!important}.logo-image img{width:250px;height:250px;border-radius:24px}.logo-fallback{width:150px;height:150px;background:linear-gradient(135deg,#4a90e2,#5ba0f2);border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:75px;color:#fff}.app-title{font-size:32px;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,#4a90e2,#5ba0f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.app-subtitle{font-size:14px;color:#5ba0f2;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.login-form-card{background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:40px;text-align:center;max-width:450px;width:100%;border:1px solid rgba(74,144,226,.15);box-shadow:0 20px 40px #00000014;animation:slideUp .5s ease-out .2s both;margin:0 auto;position:relative;z-index:1}.input-field{margin-bottom:20px}.phone-field,.password-field{width:100%;padding:14px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:12px;background:#fafafa;transition:all .2s ease;box-sizing:border-box}.phone-field:focus,.password-field:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;background:#fff}.password-field-wrapper{position:relative}.eye-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:20px;padding:0;margin:0;opacity:.6;transition:opacity .2s}.eye-toggle:hover{opacity:1}.submit-btn{background:linear-gradient(135deg,#4a90e2,#5ba0f2);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;width:100%;cursor:pointer;margin-bottom:12px;transition:all .2s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #4a90e259}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.go-back-btn{background:none;border:none;color:#4a90e2;cursor:pointer;font-size:14px;transition:all .2s;padding:8px 16px}.go-back-btn:hover{color:#3a7bc8;transform:translate(-2px)}.alert-message{color:#e74c3c;margin-bottom:20px;padding:10px;background:#e74c3c14;border-radius:8px;font-size:14px}.test-hint{margin-top:20px;padding:10px;background:#fff3cd;border-radius:8px;font-size:12px;color:#856404;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.clock-display{font-size:48px}.date-display{font-size:16px}.logo-image,.logo-fallback{width:90px;height:90px}.logo-fallback{font-size:45px}}@media (max-width: 480px){.clock-display{font-size:36px}.date-display{font-size:14px}.app-title{font-size:24px}.app-subtitle{font-size:11px}.logo-image,.logo-fallback{width:70px;height:70px}.logo-fallback{font-size:35px}.login-form-card{padding:30px 20px}.phone-field,.password-field{padding:12px 14px;font-size:14px}}.dark-mode .login-root{background:#1a1a1a}.dark-mode .login-root:before{background:radial-gradient(circle at 20% 50%,rgba(74,144,226,.12) 0%,transparent 50%)}.dark-mode .login-form-card{background:#1e1e1e;border:1px solid rgba(74,144,226,.2);box-shadow:0 20px 40px #0006}.dark-mode .app-title{background:linear-gradient(135deg,#4a90e2,#5ba0f2);-webkit-background-clip:text;background-clip:text}.dark-mode .app-subtitle{color:#fffc}.dark-mode .phone-field,.dark-mode .password-field{background:#2a2a2a;border:2px solid rgba(74,144,226,.25);color:#fff}.dark-mode .phone-field:focus,.dark-mode .password-field:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e226;background:#333}.dark-mode .phone-field::placeholder,.dark-mode .password-field::placeholder{color:#888}.dark-mode .submit-btn{background:linear-gradient(135deg,#4a90e2,#5ba0f2);box-shadow:0 2px 8px #4a90e24d}.dark-mode .submit-btn:hover:not(:disabled){box-shadow:0 5px 20px #4a90e280}.dark-mode .go-back-btn{color:#4a90e2}.dark-mode .go-back-btn:hover{color:#5ba0f2}.dark-mode .alert-message{background:#e74c3c1f;color:#ef4444}.dark-mode .test-hint{background:#2c2a1e;color:#ffd966}.dark-mode .clock-display,.dark-mode .date-display{color:#5ba0f2}.dark-mode .logo-fallback{background:linear-gradient(135deg,#4a90e2,#5ba0f2)}.login-method-tabs{display:flex;gap:12px;margin-bottom:25px;background:#f0f2f5;border-radius:14px;padding:4px}.method-tab{flex:1;padding:10px 16px;background:transparent;border:none;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s;border-radius:10px}.method-tab.active{background:linear-gradient(135deg,#4a90e2,#5ba0f2);color:#fff;box-shadow:0 2px 8px #4a90e24d}.method-tab:hover:not(.active){background:#4a90e21a;color:#4a90e2}.dark-mode .login-method-tabs{background:#2a2a2a}.dark-mode .method-tab{color:#999}.dark-mode .method-tab.active{background:linear-gradient(135deg,#4a90e2,#5ba0f2);color:#1a1a1a}.dark-mode .method-tab:hover:not(.active){background:#4a90e226;color:#5ba0f2}.login-type-tabs{display:flex;gap:12px;margin-bottom:25px;background:#f0f2f5;border-radius:14px;padding:4px}.type-tab{flex:1;padding:12px 16px;background:transparent;border:none;font-size:16px;font-weight:600;color:#666;cursor:pointer;transition:all .2s;border-radius:10px}.type-tab.active{background:linear-gradient(135deg,#4a90e2,#5ba0f2);color:#fff;box-shadow:0 2px 8px #4a90e24d}.type-tab:last-child.active{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 2px 8px #9b59b64d}.type-tab:hover:not(.active){background:#4a90e21a;color:#4a90e2}.login-field{width:100%;padding:14px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:12px;background:#fafafa;transition:all .2s ease;box-sizing:border-box}.login-field:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;background:#fff}.login-type-tabs .type-tab:last-child.active~.input-field .login-field:focus{border-color:#9b59b6;box-shadow:0 0 0 3px #9b59b61a}.dark-mode .login-type-tabs{background:#2a2a2a}.dark-mode .type-tab{color:#999}.dark-mode .type-tab.active{background:linear-gradient(135deg,#4a90e2,#5ba0f2);color:#1a1a1a}.dark-mode .type-tab:last-child.active{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.dark-mode .type-tab:hover:not(.active){background:#4a90e226;color:#5ba0f2}.dark-mode .login-field{background:#2a2a2a;border:2px solid rgba(74,144,226,.25);color:#fff}.dark-mode .login-field:focus{border-color:#4a90e2;background:#333}.dark-mode .login-field::placeholder{color:#888}.pos-mode-btn{width:100%;padding:12px;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:12px;transition:all .2s}.pos-mode-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #9b59b659}.dark-mode .pos-mode-btn{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.pos-login-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px}.pos-login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.pos-login-btn:active{transform:translateY(0)}.orders-page{padding:20px;min-height:100vh;background:#f5f5f5}.orders-title{color:#4a90e2;margin-bottom:20px;font-size:28px}.orders-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px}.stat-cardd{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:15px;text-align:center;transition:transform .2s;box-shadow:0 1px 3px #0000000f}.stat-cardd:active{transform:scale(.98)}.stat-value{display:block;font-size:28px;font-weight:700;color:#4a90e2}.stat-label{font-size:12px;color:#999}.mobile-toast{position:fixed;top:70px;right:20px;left:20px;background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:12px;padding:12px 16px;z-index:1000;opacity:0;transform:translateY(-100px);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 5px 25px #00000026}.mobile-toast.show{opacity:1;transform:translateY(0)}.mobile-toast.new{background:linear-gradient(135deg,#4a90e2,#3a7bc8)}.mobile-toast.completed{background:linear-gradient(135deg,#2ecc71,#27ae60)}.toast-content{display:flex;align-items:center;gap:12px}.toast-icon{font-size:28px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.toast-text{flex:1}.toast-text strong{display:block;color:#fff;font-size:14px;margin-bottom:4px}.toast-text p{color:#ffffffe6;font-size:12px;margin:0}.toast-close{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.toast-close:active{background:#ffffff4d;transform:scale(.95)}.notifications-bell{position:fixed;top:20px;right:20px;background:#4a90e2;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:all .2s;box-shadow:0 2px 10px #4a90e24d}.notifications-bell:active{transform:scale(.95)}.bell-icon{font-size:24px;color:#fff}.badge{position:absolute;top:-5px;right:-5px;background:#e74c3c;color:#fff;border-radius:50%;width:22px;height:22px;font-size:12px;display:flex;align-items:center;justify-content:center;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notifications-panel{position:fixed;top:80px;right:20px;left:20px;max-width:400px;margin:0 auto;background:#fff;border:1px solid #e5e7eb;border-radius:16px;z-index:99;box-shadow:0 10px 30px #0000001a;animation:slideIn .3s ease;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.swipe-indicator{text-align:center;padding:8px 0 5px;border-bottom:1px solid #f0f0f0;background:#fafafa}.swipe-bar{width:40px;height:4px;background:#4a90e2;border-radius:2px;margin:0 auto 5px;opacity:.5}.swipe-text{font-size:10px;color:#999;display:block}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #f0f0f0;background:#fafafa}.notifications-header h3{color:#4a90e2;margin:0;font-size:18px;display:flex;align-items:center;gap:8px}.notifications-count{background:#4a90e2;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700}.notifications-actions{display:flex;gap:10px}.clear-all-btn{background:#e74c3c1a;border:1px solid #e74c3c;color:#e74c3c;padding:5px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.clear-all-btn:active{background:#e74c3c33;transform:scale(.95)}.close-btn{background:none;border:none;color:#999;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;transition:all .2s}.close-btn:active{background:#0000000d;transform:scale(.95)}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{display:flex;gap:12px;padding:15px;border-bottom:1px solid #f0f0f0;transition:background .2s;position:relative}.notification-item:active{background:#fafafa}.notification-item.unread{background:#4a90e20d}.notification-icon{font-size:28px;min-width:40px}.notification-content{flex:1;cursor:pointer}.notification-content p{margin:0 0 5px;color:#333;font-size:14px;line-height:1.4}.notification-meta{display:flex;align-items:center;gap:8px}.notification-meta small{color:#999;font-size:11px}.unread-dot{color:#4a90e2;font-size:10px;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.notification-remove{background:#e74c3c1a;border:none;color:#e74c3c;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;opacity:0}.notification-item:hover .notification-remove,.notification-item:active .notification-remove{opacity:1}.notification-remove:active{background:#e74c3c33;transform:scale(.95)}.no-notifications{text-align:center;padding:40px 20px}.no-notif-icon{font-size:48px;margin-bottom:15px;opacity:.5}.no-notifications p{color:#4a90e2;margin:0 0 5px;font-size:16px}.no-notif-sub{color:#999;font-size:12px}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:transform .2s;box-shadow:0 1px 3px #0000000f}.order-card:active{transform:translateY(-2px)}.order-card.pending{border-left:4px solid #f39c12}.order-card.active{border-left:4px solid #3498db}.order-card.completed{border-left:4px solid #2ecc71}.order-card.served{border-left:4px solid #95a5a6;opacity:.8}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.order-info{display:flex;gap:15px;align-items:center}.order-table{font-size:18px;font-weight:700;color:#4a90e2}.order-time{font-size:12px;color:#999}.order-status{padding:4px 12px;border-radius:20px;font-size:12px;color:#fff}.order-items{margin-bottom:15px}.order-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #f0f0f0}.item-quantity{width:40px;color:#4a90e2}.item-name{flex:1;color:#333}.item-price{width:100px;text-align:right;color:#999}.order-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px}.order-total{color:#4a90e2;font-size:16px}.serve-btn,.cook-btn,.complete-btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.serve-btn{background:#3498db;color:#fff}.cook-btn{background:#4a90e2;color:#fff}.complete-btn{background:#2ecc71;color:#fff}.serve-btn:active,.cook-btn:active,.complete-btn:active{transform:scale(.97)}.empty-orders{text-align:center;padding:60px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-orders p{color:#999}@media (max-width: 768px){.orders-page{padding:15px}.orders-title{font-size:22px;margin-top:10px}.orders-stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat-value{font-size:22px}.order-header{flex-direction:column;align-items:flex-start;gap:8px}.order-info{flex-wrap:wrap}.order-footer{flex-direction:column;gap:10px}.serve-btn,.cook-btn,.complete-btn{width:100%}.order-item{flex-wrap:wrap}.item-price{width:auto;margin-left:50px}.notifications-panel{top:70px;right:10px;left:10px;max-width:none}.notification-remove{opacity:1}.swipe-text{font-size:9px}}.orders-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;text-align:center;background:#fff}.error-icon{font-size:64px;margin-bottom:20px}.orders-error h3{color:#4a90e2;margin-bottom:10px;font-size:24px}.orders-error p{color:#999;margin-bottom:20px;font-size:16px}.orders-error button{padding:12px 24px;background:#4a90e2;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:all .2s}.orders-error button:active{transform:scale(.98)}.orders-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;color:#4a90e2;background:#f5f5f5}.dark-mode .orders-page{background:#1a1a1a}.dark-mode .orders-title{color:#4a90e2}.dark-mode .stat-cardd{background:#1e1e1e;border:1px solid rgba(74,144,226,.2);box-shadow:0 1px 3px #0000004d}.dark-mode .stat-value{color:#4a90e2}.dark-mode .stat-label{color:#999}.dark-mode .mobile-toast{box-shadow:0 5px 25px #0006}.dark-mode .mobile-toast.new{background:linear-gradient(135deg,#4a90e2,#3a7bc8)}.dark-mode .notifications-bell{background:#4a90e2;box-shadow:0 2px 10px #4a90e266}.dark-mode .notifications-panel{background:#1e1e1e;border:1px solid rgba(74,144,226,.2);box-shadow:0 10px 30px #00000080}.dark-mode .swipe-indicator{border-bottom:1px solid rgba(74,144,226,.2);background:#2a2a2a}.dark-mode .swipe-bar{background:#4a90e2}.dark-mode .swipe-text{color:#888}.dark-mode .notifications-header{border-bottom:1px solid rgba(74,144,226,.2);background:#2a2a2a}.dark-mode .notifications-header h3{color:#4a90e2}.dark-mode .notifications-count{background:#4a90e2;color:#1a1a1a}.dark-mode .close-btn{color:#999}.dark-mode .close-btn:active{background:#ffffff1a}.dark-mode .clear-all-btn{background:#e74c3c26;border:1px solid rgba(231,76,60,.4);color:#ef4444}.dark-mode .clear-all-btn:active{background:#e74c3c40}.dark-mode .notification-item{border-bottom:1px solid rgba(74,144,226,.1)}.dark-mode .notification-item:active{background:#2a2a2a}.dark-mode .notification-item.unread{background:#4a90e214}.dark-mode .notification-content p{color:#fff}.dark-mode .notification-meta small{color:#888}.dark-mode .unread-dot{color:#4a90e2}.dark-mode .notification-remove{background:#e74c3c26;color:#ef4444}.dark-mode .notification-remove:active{background:#e74c3c40}.dark-mode .no-notifications p{color:#4a90e2}.dark-mode .no-notif-sub{color:#888}.dark-mode .no-notif-icon{opacity:.3}.dark-mode .orders-list{gap:20px}.dark-mode .order-card{background:#1e1e1e;border:1px solid rgba(74,144,226,.15);box-shadow:0 1px 3px #0000004d}.dark-mode .order-card.pending{border-left:4px solid #f59e0b}.dark-mode .order-card.active{border-left:4px solid #3b82f6}.dark-mode .order-card.completed{border-left:4px solid #10b981}.dark-mode .order-card.served{border-left:4px solid #6b7280;opacity:.7}.dark-mode .order-header{border-bottom:1px solid rgba(74,144,226,.15)}.dark-mode .order-table{color:#4a90e2}.dark-mode .order-time{color:#888}.dark-mode .order-items{color:#fff}.dark-mode .order-item{border-bottom:1px solid rgba(74,144,226,.1)}.dark-mode .item-quantity{color:#4a90e2}.dark-mode .item-name{color:#fff}.dark-mode .item-price{color:#999}.dark-mode .order-total{color:#4a90e2}.dark-mode .empty-orders{background:#1e1e1e;box-shadow:0 1px 3px #0000004d}.dark-mode .empty-orders p{color:#999}.dark-mode .empty-icon{opacity:.3}.dark-mode .orders-error{background:#1a1a1a}.dark-mode .orders-error h3{color:#4a90e2}.dark-mode .orders-error p{color:#999}.dark-mode .orders-error button{background:#4a90e2;color:#1a1a1a}.dark-mode .orders-error button:hover{background:#3a7bc8}.dark-mode .orders-loading{background:#1a1a1a;color:#4a90e2}.dark-mode .serve-btn,.dark-mode .cook-btn,.dark-mode .complete-btn{box-shadow:0 2px 8px #0000004d}.dark-mode .serve-btn:hover,.dark-mode .cook-btn:hover,.dark-mode .complete-btn:hover{box-shadow:0 4px 12px #0006}.waiter-orders-container{padding:24px;background:#f8fafc;min-height:100vh}.waiter-orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.header-title{display:flex;align-items:center;gap:12px}.header-icon{font-size:24px;color:#2c7a5e}.waiter-orders-header h2{color:#1e293b;margin:0;font-size:24px}.orders-count{background:#e74c3c;color:#fff;padding:4px 12px;border-radius:20px;font-weight:700;font-size:14px}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0;transition:all .2s}.order-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f;border-color:#2c7a5e}.order-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e2e8f0}.order-table{display:flex;align-items:center;gap:8px;font-weight:600;color:#2c7a5e}.table-icon{font-size:16px}.order-time{display:flex;align-items:center;gap:6px;color:#64748b;font-size:12px}.time-icon{font-size:12px}.order-items{margin-bottom:16px}.order-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f1f5f9}.item-quantity{width:50px;color:#64748b;font-weight:500}.item-name{flex:1;font-weight:500;color:#334155}.item-price{color:#2c7a5e;font-weight:500}.order-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e2e8f0}.order-total{display:flex;align-items:center;gap:8px;font-size:16px}.total-icon{color:#2c7a5e;font-size:16px}.order-total strong{color:#1e293b}.order-total span{color:#2c7a5e;font-weight:700;font-size:18px}.take-order-btn{background:#2c7a5e;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;transition:all .2s}.take-order-btn:hover{background:#1e5a45;transform:translateY(-2px)}.no-orders{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;border:1px solid #e2e8f0}.no-orders-icon{font-size:64px;margin-bottom:16px;color:#cbd5e1}.no-orders p{color:#64748b;font-size:16px}.waiter-orders-loading{display:flex;justify-content:center;align-items:center;min-height:400px;color:#64748b;font-size:16px}@media (max-width: 768px){.waiter-orders-container{padding:16px}.waiter-orders-header{flex-wrap:wrap;gap:12px}.order-footer{flex-direction:column;gap:12px}.take-order-btn{width:100%;justify-content:center}.order-item{flex-wrap:wrap}.item-price{margin-left:50px}}.pos-login{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.pos-login-container{display:flex;height:100vh;background:#fff;overflow:hidden}.pos-left-panel{flex:1;background-image:url(./uzor-GnLTXIjY.png);background-repeat:no-repeat;background-position:center center;background-size:cover;padding:60px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative;overflow:hidden}.pos-brand{position:relative;z-index:1}.brand-icon{font-size:64px;margin-bottom:20px;display:inline-block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.brand-title{font-size:32px;font-weight:700;margin-bottom:15px;letter-spacing:-.5px}.brand-subtitle{font-size:16px;opacity:.9;line-height:1.5}.system-status{position:relative;z-index:1;background:#ffffff1a;border-radius:15px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2)}.status-item:last-child{border-bottom:none}.status-label{font-size:16px;font-weight:500}.status-value{font-size:14px;padding:4px 12px;border-radius:20px;font-weight:600}.status-value.online{background:#4caf50;color:#fff}.pos-right-panel{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;background:#fff}.pos-date-time{text-align:center;margin-bottom:50px}.current-date{font-size:14px;color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.current-time{font-size:48px;font-weight:700;color:#333;letter-spacing:2px}.pos-login-form{width:100%;max-width:400px}.form-title{font-size:28px;font-weight:600;color:#333;margin-bottom:30px;text-align:center}.login-methods{display:flex;gap:10px;margin-bottom:30px;background:#f5f5f5;padding:5px;border-radius:12px}.method-tab{flex:1;padding:12px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;color:#666}.pos-input{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;transition:all .3s;outline:none;font-family:inherit}.pos-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.phone-input-wrapper{display:flex;align-items:center;border:2px solid #e0e0e0;border-radius:12px;transition:all .3s}.phone-input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.phone-prefix{padding:0 0 0 16px;font-size:16px;color:#666;font-weight:500}.phone-input-field{border:none;padding:14px 16px 14px 8px}.phone-input-field:focus{box-shadow:none}.login-button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.6;transform:none}.login-divider{text-align:center;margin:25px 0;position:relative}.login-divider:before,.login-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 30px);height:1px;background:#e0e0e0}.login-divider:before{left:0}.login-divider:after{right:0}.login-divider span{background:#fff;padding:0 15px;color:#999;font-size:14px}.google-login-button{width:100%;padding:12px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:12px;color:#555}.google-login-button:hover{border-color:#667eea;background:#f8f9ff}.google-icon{width:20px;height:20px}.error-message{background:#ffebee;color:#c62828;padding:10px;border-radius:8px;font-size:13px;margin-bottom:20px;text-align:center}@media (max-width: 968px){.pos-left-panel{display:none}.pos-right-panel{flex:1;padding:40px 20px}.current-time{font-size:36px}}@media (max-width: 480px){.pos-login-form{max-width:100%}.form-title{font-size:24px}.method-tab{font-size:12px;padding:10px}}.back-to-home-btn{position:fixed;top:20px;left:20px;z-index:1000;padding:10px 20px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:30px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-weight:500}.back-to-home-btn:hover{background:#ffffff4d;transform:translate(-5px)}.back-to-home-btn:active{transform:translate(0)}@media (max-width: 768px){.back-to-home-btn{top:10px;left:10px;padding:8px 15px;font-size:12px}}.pin-form{display:flex;flex-direction:column;gap:30px}.pin-display{background:#f5f5f5;border-radius:15px;padding:30px;text-align:center}.pin-value{font-size:64px;font-weight:700;color:#667eea;letter-spacing:20px;font-family:Courier New,monospace;min-height:80px;display:flex;align-items:center;justify-content:center}.pin-label{font-size:14px;color:#999;text-transform:uppercase;letter-spacing:1px;margin-top:10px}.pin-keyboard{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pin-button{aspect-ratio:1;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:12px;font-size:28px;font-weight:600;cursor:pointer;transition:all .2s;color:#333}.pin-button:hover:not(:disabled){background:#efefef;border-color:#667eea;transform:scale(1.05)}.pin-button:active:not(:disabled){transform:scale(.98)}.pin-button.active{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.pin-button:disabled{opacity:.5;cursor:not-allowed}.clear-button{padding:12px;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;color:#666}.clear-button:hover:not(:disabled){border-color:#ff6b6b;color:#ff6b6b;background:#fff5f5}.clear-button:disabled{opacity:.5;cursor:not-allowed}.back-to-login-btn{width:100%;padding:12px;background:#6c757d;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:12px}.back-to-login-btn:hover{background:#5a6268;transform:translateY(-1px)}.login-methods{display:flex;gap:10px;margin-bottom:30px;background:#f3f4f6;padding:5px;border-radius:12px}.method-tab{flex:1;padding:12px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;color:#6b7280}.method-tab.active{background:#fff;color:#667eea;box-shadow:0 2px 8px #0000001a}.method-tab:hover:not(.active){background:#667eea1a;color:#667eea}.input-group{margin-bottom:20px}.pos-input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;transition:all .3s ease;box-sizing:border-box}.pos-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif}#root{min-height:100vh}.layout{display:flex;min-height:100vh}.main{flex:1;margin-left:300px;transition:margin-left .3s ease;min-height:100vh}.content-page,.content{padding:20px;min-height:100vh}.restaurant-header{border-bottom:1px solid rgba(74,144,226,.2);padding:12px 30px;position:fixed;top:0;right:0;left:300px;z-index:99;transition:left .3s ease}.restaurant-info{display:flex;align-items:center;gap:10px;color:#4a90e2;font-weight:500}.restaurant-icon{font-size:20px}.restaurant-name{font-size:16px}.guest-banner{border-bottom:1px solid rgba(74,144,226,.2);padding:12px 30px;margin-bottom:0}.guest-info{display:flex;align-items:center;gap:10px;color:#4a90e2;font-size:14px}.guest-icon{font-size:18px}.access-denied{display:flex;align-items:center;justify-content:center;min-height:500px;text-align:center}.access-denied-content{padding:50px;border-radius:20px;border:1px solid rgba(74,144,226,.2)}.access-denied-content h2{color:#4a90e2;margin:20px 0 10px}.access-denied-content p{color:#64748b;margin-bottom:20px}.back-button{background:#4a90e2;border:none;padding:12px 24px;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.back-button:hover{background:#3a7bc8;transform:translateY(-2px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.loading-spinner{width:50px;height:50px;border:3px solid #e5e7eb;border-top-color:#4a90e2;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:#4a90e2;margin-top:20px}@media (max-width: 768px){.main{margin-left:0}.restaurant-header{left:0;padding:10px 15px}.guest-banner{padding:10px 15px}.access-denied-content{padding:30px 20px}.content-page,.content{padding:15px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#4a90e2;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a7bc8}.dark-mode .restaurant-header{border-bottom:1px solid rgba(74,144,226,.25)}.dark-mode .restaurant-info{color:#4a90e2}.dark-mode .guest-banner{border-bottom:1px solid rgba(74,144,226,.25)}.dark-mode .guest-info{color:#4a90e2}.dark-mode .access-denied-content{background:#1e1e1e;border:1px solid rgba(74,144,226,.25)}.dark-mode .access-denied-content h2{color:#4a90e2}.dark-mode .access-denied-content p{color:#888}.dark-mode .back-button{background:#4a90e2;color:#1a1a1a}.dark-mode .back-button:hover{background:#3a7bc8}.dark-mode .loading-spinner{border:3px solid rgba(255,255,255,.1);border-top-color:#4a90e2}.dark-mode .loading-container p{color:#4a90e2}.dark-mode ::-webkit-scrollbar-track{background:#2a2a2a}.dark-mode ::-webkit-scrollbar-thumb{background:#4a90e2}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#5ba0f2}