@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&family=Raleway:ital,wght@0,400;0,500;0,600;0,900;1,700;1,800&display=swap";.foods-page{padding:20px}.foods-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.foods-page .page-header .header-left h2{font-size:32px;font-weight:700;margin:0 0 5px;display:flex;align-items:center;gap:12px;color:#fff}.foods-page .page-header .header-left h2 i{color:#f59e0b}.foods-page .page-header .header-left .subtitle{margin:0;color:#8e9aaf;font-size:14px}.foods-page .page-header .add-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.foods-page .page-header .add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b66;color:#fff}.foods-page .page-header .add-btn i{font-size:18px}.foods-page .filter-section{display:flex;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.foods-page .filter-section .stats-row{display:flex;gap:20px;flex:1}.foods-page .filter-section .stats-row .stat-card{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px;padding:15px 25px;display:flex;align-items:center;gap:15px;transition:all .3s ease;border-left:4px solid #f59e0b}.foods-page .filter-section .stats-row .stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.foods-page .filter-section .stats-row .stat-card .stat-icon{width:45px;height:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.foods-page .filter-section .stats-row .stat-card .stat-content h4{font-size:12px;color:#8e9aaf;margin:0 0 3px;font-weight:500}.foods-page .filter-section .stats-row .stat-card .stat-content h3{font-size:22px;font-weight:700;margin:0;color:#fff}.foods-page .filter-section .category-filter{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:12px;padding:10px 15px;display:flex;align-items:center;gap:10px}.foods-page .filter-section .category-filter i{color:#f59e0b;font-size:18px}.foods-page .filter-section .category-filter select{background:transparent;border:none;color:#fff;font-size:15px;font-weight:600;outline:none;cursor:pointer;padding-right:10px}.foods-page .filter-section .category-filter select option{background:#2d3134;color:#fff}.foods-page .foods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px}.foods-page .food-card{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px;overflow:hidden;transition:all .3s ease;border:1px solid transparent}.foods-page .food-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d;border-color:#f59e0b}.foods-page .food-card .food-image{position:relative;height:200px;overflow:hidden}.foods-page .food-card .food-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.foods-page .food-card .food-image:hover img{transform:scale(1.1)}.foods-page .food-card .food-image .food-category{position:absolute;top:15px;left:15px;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.foods-page .food-card .food-image .food-category i{color:#f59e0b}.foods-page .food-card .food-image .food-price{position:absolute;bottom:15px;right:15px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:8px 15px;border-radius:10px;font-size:16px;font-weight:700;box-shadow:0 5px 15px #10b98166}.foods-page .food-card .food-content{padding:20px}.foods-page .food-card .food-content .food-name{font-size:20px;font-weight:700;color:#fff;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.foods-page .food-card .food-content .food-description{font-size:14px;color:#8e9aaf;margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.foods-page .food-card .food-content .food-actions{display:flex;gap:10px}.foods-page .food-card .food-content .food-actions .action-btn{flex:1;padding:10px 15px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.foods-page .food-card .food-content .food-actions .action-btn i{font-size:16px}.foods-page .food-card .food-content .food-actions .action-btn.edit-btn{background:rgba(16,185,129,.2);color:#10b981}.foods-page .food-card .food-content .food-actions .action-btn.edit-btn:hover{background:linear-gradient(135deg,#10b981,#059669);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #10b98166}.foods-page .food-card .food-content .food-actions .action-btn.delete-btn{background:rgba(239,68,68,.2);color:#ef4444}.foods-page .food-card .food-content .food-actions .action-btn.delete-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #ef444466}.foods-page .empty-state{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px}.foods-page .empty-state i{font-size:80px;color:#4a5578;margin-bottom:20px;display:block}.foods-page .empty-state h3{color:#8e9aaf;font-size:20px;margin:0 0 10px}.foods-page .empty-state p{color:#6b7280;margin:0}@media (max-width: 768px){.foods-page{padding:15px}.foods-page .page-header{flex-direction:column;gap:15px;text-align:center}.foods-page .page-header .header-left h2{font-size:24px;justify-content:center}.foods-page .filter-section{flex-direction:column}.foods-page .filter-section .stats-row{width:100%;flex-direction:column}.foods-page .filter-section .category-filter{width:100%;justify-content:center}.foods-page .foods-grid{grid-template-columns:1fr}}.add-food-page{padding:20px;max-width:1000px;margin:0 auto}.add-food-page .page-header{margin-bottom:30px}.add-food-page .page-header .back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(59,130,246,.1);color:#3b82f6;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;margin-bottom:20px}.add-food-page .page-header .back-btn:hover{background:rgba(59,130,246,.2);transform:translate(-5px)}.add-food-page .page-header h2{font-size:32px;font-weight:700;margin:0 0 5px;display:flex;align-items:center;gap:12px;color:#fff}.add-food-page .page-header h2 i{color:#f59e0b}.add-food-page .page-header .subtitle{margin:0;color:#8e9aaf;font-size:14px}.add-food-page .form-container{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000004d}.add-food-page .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}@media (max-width: 768px){.add-food-page .form-grid{grid-template-columns:1fr}}.add-food-page .form-left{padding:30px;background:linear-gradient(135deg,#2d3134,#1d2339);display:flex;flex-direction:column;gap:20px}.add-food-page .form-left .image-upload{position:relative;width:100%;aspect-ratio:4/3;border-radius:15px;overflow:hidden;background:#404a6e;border:2px dashed #4a5578;cursor:pointer;transition:all .3s ease}.add-food-page .form-left .image-upload:hover{border-color:#f59e0b;background:rgba(245,158,11,.1)}.add-food-page .form-left .image-upload:hover .upload-overlay{opacity:1}.add-food-page .form-left .image-upload.has-image{border-style:solid;border-color:#10b981}.add-food-page .form-left .image-upload .preview-image{width:100%;height:100%;object-fit:cover}.add-food-page .form-left .image-upload .upload-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#8e9aaf}.add-food-page .form-left .image-upload .upload-placeholder i{font-size:48px;color:#4a5578}.add-food-page .form-left .image-upload .upload-placeholder span{font-size:14px;font-weight:500}.add-food-page .form-left .image-upload .upload-placeholder .upload-hint{font-size:12px;color:#6b7280}.add-food-page .form-left .image-upload .upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .3s ease;color:#fff}.add-food-page .form-left .image-upload .upload-overlay i{font-size:32px}.add-food-page .form-left .image-upload .upload-overlay span{font-size:14px}.add-food-page .form-left .image-upload input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.add-food-page .form-right{padding:30px;display:flex;flex-direction:column;gap:20px}.add-food-page .form-group{display:flex;flex-direction:column;gap:8px}.add-food-page .form-group label{font-size:14px;font-weight:600;color:#8e9aaf;display:flex;align-items:center;gap:8px}.add-food-page .form-group label i{color:#f59e0b;font-size:16px}.add-food-page .form-group .form-input,.add-food-page .form-group .form-select,.add-food-page .form-group .form-textarea{background:#2d3134;border:2px solid #4a5578;border-radius:12px;padding:14px 18px;font-size:15px;color:#fff;transition:all .3s ease;outline:none}.add-food-page .form-group .form-input::placeholder,.add-food-page .form-group .form-select::placeholder,.add-food-page .form-group .form-textarea::placeholder{color:#6b7280}.add-food-page .form-group .form-input:focus,.add-food-page .form-group .form-select:focus,.add-food-page .form-group .form-textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.add-food-page .form-group .form-input option,.add-food-page .form-group .form-select option,.add-food-page .form-group .form-textarea option{background:#2d3134;color:#fff}.add-food-page .form-group .form-textarea{resize:vertical;min-height:120px}.add-food-page .form-group .price-input-wrapper{position:relative}.add-food-page .form-group .price-input-wrapper .form-input{padding-right:70px}.add-food-page .form-group .price-input-wrapper .currency-label{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#10b981;font-weight:700;font-size:14px}.add-food-page .form-group .input-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media (max-width: 480px){.add-food-page .form-group .input-row{grid-template-columns:1fr}}.add-food-page .form-footer{padding:25px 30px;background:linear-gradient(135deg,#2d3134,#1d2339);display:flex;justify-content:flex-end;gap:15px}.add-food-page .form-footer .btn-cancel{padding:14px 30px;background:transparent;border:2px solid #4a5578;border-radius:12px;color:#8e9aaf;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;gap:8px}.add-food-page .form-footer .btn-cancel:hover{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.1)}.add-food-page .form-footer .btn-submit{padding:14px 35px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.add-food-page .form-footer .btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b66}.add-food-page .form-footer .btn-submit:disabled{opacity:.7;cursor:not-allowed}.add-food-page .form-footer .btn-submit .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.edit-food-page .page-header h2 i{color:#3b82f6}.edit-food-page .btn-submit{background:linear-gradient(135deg,#3b82f6,#2563eb)}.edit-food-page .btn-submit:hover:not(:disabled){box-shadow:0 8px 25px #3b82f666}.category-page{padding:20px}.category-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.category-page .page-header .header-left h2{font-size:32px;font-weight:700;margin:0 0 5px;display:flex;align-items:center;gap:12px;color:#fff}.category-page .page-header .header-left h2 i{color:#8b5cf6}.category-page .page-header .header-left .subtitle{margin:0;color:#8e9aaf;font-size:14px}.category-page .page-header .add-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.category-page .page-header .add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.category-page .page-header .add-btn i{font-size:18px}.category-page .stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.category-page .stats-row .stat-card{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease;border-left:4px solid #8b5cf6}.category-page .stats-row .stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.category-page .stats-row .stat-card .stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.category-page .stats-row .stat-card .stat-content h4{font-size:13px;color:#8e9aaf;margin:0 0 5px;font-weight:500}.category-page .stats-row .stat-card .stat-content h3{font-size:24px;font-weight:700;margin:0;color:#fff}.category-page .categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.category-page .category-card{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px;padding:20px;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;border:1px solid transparent}.category-page .category-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000004d;border-color:#8b5cf6}.category-page .category-card .category-info{display:flex;align-items:center;gap:15px}.category-page .category-card .category-info .category-icon{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px}.category-page .category-card .category-info .category-details .category-number{font-size:12px;color:#8e9aaf;margin-bottom:2px}.category-page .category-card .category-info .category-details h4{margin:0;font-size:18px;font-weight:600;color:#fff}.category-page .category-card .category-actions{display:flex;gap:8px}.category-page .category-card .category-actions .action-btn{width:40px;height:40px;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:16px}.category-page .category-card .category-actions .action-btn.edit-btn{background:rgba(16,185,129,.2);color:#10b981}.category-page .category-card .category-actions .action-btn.edit-btn:hover{background:linear-gradient(135deg,#10b981,#059669);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #10b98166}.category-page .category-card .category-actions .action-btn.delete-btn{background:rgba(239,68,68,.2);color:#ef4444}.category-page .category-card .category-actions .action-btn.delete-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #ef444466}.category-page .empty-state{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px}.category-page .empty-state i{font-size:80px;color:#4a5578;margin-bottom:20px;display:block}.category-page .empty-state h3{color:#8e9aaf;font-size:20px;margin:0 0 10px}.category-page .empty-state p{color:#6b7280;margin:0}@media (max-width: 768px){.category-page{padding:15px}.category-page .page-header{flex-direction:column;gap:15px;text-align:center}.category-page .page-header .header-left h2{font-size:24px;justify-content:center}.category-page .categories-grid{grid-template-columns:1fr}}.dosage-page{padding:20px}.dosage-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.dosage-page .page-header .header-left h2{font-size:32px;font-weight:700;margin:0 0 5px;display:flex;align-items:center;gap:12px;color:#fff}.dosage-page .page-header .header-left h2 i{color:#10b981}.dosage-page .page-header .header-left .subtitle{margin:0;color:#8e9aaf;font-size:14px}.dosage-page .page-header .add-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.dosage-page .page-header .add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.dosage-page .page-header .add-btn i{font-size:18px}.dosage-page .stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.dosage-page .stats-row .stat-card{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease;border-left:4px solid #10b981}.dosage-page .stats-row .stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.dosage-page .stats-row .stat-card .stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.dosage-page .stats-row .stat-card .stat-content h4{font-size:13px;color:#8e9aaf;margin:0 0 5px;font-weight:500}.dosage-page .stats-row .stat-card .stat-content h3{font-size:24px;font-weight:700;margin:0;color:#fff}.dosage-page .dosage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.dosage-page .dosage-card{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px;padding:20px;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;border:1px solid transparent}.dosage-page .dosage-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000004d;border-color:#10b981}.dosage-page .dosage-card .dosage-info{display:flex;align-items:center;gap:15px}.dosage-page .dosage-card .dosage-info .dosage-icon{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px}.dosage-page .dosage-card .dosage-info .dosage-details .dosage-number{font-size:12px;color:#8e9aaf;margin-bottom:2px}.dosage-page .dosage-card .dosage-info .dosage-details h4{margin:0;font-size:18px;font-weight:600;color:#fff}.dosage-page .dosage-card .dosage-actions{display:flex;gap:8px}.dosage-page .dosage-card .dosage-actions .action-btn{width:40px;height:40px;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:16px}.dosage-page .dosage-card .dosage-actions .action-btn.edit-btn{background:rgba(59,130,246,.2);color:#3b82f6}.dosage-page .dosage-card .dosage-actions .action-btn.edit-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #3b82f666}.dosage-page .dosage-card .dosage-actions .action-btn.delete-btn{background:rgba(239,68,68,.2);color:#ef4444}.dosage-page .dosage-card .dosage-actions .action-btn.delete-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #ef444466}.dosage-page .empty-state{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px}.dosage-page .empty-state i{font-size:80px;color:#4a5578;margin-bottom:20px;display:block}.dosage-page .empty-state h3{color:#8e9aaf;font-size:20px;margin:0 0 10px}.dosage-page .empty-state p{color:#6b7280;margin:0}@media (max-width: 768px){.dosage-page{padding:15px}.dosage-page .page-header{flex-direction:column;gap:15px;text-align:center}.dosage-page .page-header .header-left h2{font-size:24px;justify-content:center}.dosage-page .dosage-grid{grid-template-columns:1fr}}.menu-content{position:absolute;background-color:#000c;z-index:999;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center}.menu-content .menu-ui{background-image:url(/assets/bg-menu-64c444a2.jpg);height:700px;position:relative;width:400px;background-size:cover}.menu-content .menu-ui:after{position:absolute;width:100%;height:100%;content:"";background-color:#222b304b;top:0;left:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-content .menu-ui .menu-brand{position:relative;z-index:99}.menu-content .menu-ui .menu-brand .logo{padding:20px;display:flex;align-items:center;justify-content:center}.menu-content .menu-ui .menu-brand .logo h3{font-size:70px}.menu-content .menu-ui .menu-brand .menu-info{width:80%;margin:auto;border-radius:15px;padding:15px 30px 30px;font-family:Raleway,sans-serif;background-color:#ffffffb9;color:#111}.menu-content .menu-ui .menu-brand .menu-info h4{text-align:center;font-weight:600}.menu-content .menu-ui .menu-brand .menu-info h5{font-size:17px;font-weight:600}.menu-content .menu-ui .menu-brand .menu-info .info-items{display:flex;align-items:center;margin-top:15px;width:100%;gap:10px}.menu-content .menu-ui .menu-brand .menu-info .info-items span{width:25px;height:25px;background-color:#111;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:45pc}.menu-content .menu-ui .menu-brand .menu-info .info-items p{padding:0;margin:0;width:80%}.menu-content .menu-ui .qr-box{display:flex;position:relative;z-index:99;margin-top:30px;justify-content:space-around}.menu-content .menu-ui .qr-box .scan{background-color:#fff;padding:10px;border-radius:10px;color:#111;text-align:center;font-weight:600}.menu-content .menu-ui .qr-box .scan p{margin:10px 0 0;padding:0}.menu-content .menu-ui .qr-box img{width:100px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.waiter-modal{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:20px;width:100%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.waiter-modal .modal-header{padding:20px;background:linear-gradient(135deg,#2d3134,#1d2339);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4a5578}.waiter-modal .modal-header h3{margin:0;color:#fff;font-size:18px;display:flex;align-items:center;gap:10px}.waiter-modal .modal-header h3 i{color:#3b82f6}.waiter-modal .modal-header .close-btn{width:36px;height:36px;border-radius:10px;border:none;background:rgba(239,68,68,.2);color:#ef4444;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.waiter-modal .modal-header .close-btn:hover{background:#ef4444;color:#fff}.waiter-modal .modal-body{padding:20px;overflow-y:auto}.waiter-modal .modal-body .current-waiter{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:15px;margin-bottom:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.waiter-modal .modal-body .current-waiter span{color:#8e9aaf;font-size:14px}.waiter-modal .modal-body .current-waiter strong{color:#10b981;font-size:14px}.waiter-modal .modal-body .current-waiter .remove-btn{margin-left:auto;padding:6px 12px;background:rgba(239,68,68,.2);border:none;border-radius:8px;color:#ef4444;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease}.waiter-modal .modal-body .current-waiter .remove-btn:hover{background:#ef4444;color:#fff}.waiter-modal .modal-body .waiters-list{display:flex;flex-direction:column;gap:10px}.waiter-modal .modal-body .waiters-list .waiter-item{background:rgba(0,0,0,.2);border-radius:12px;padding:15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.waiter-modal .modal-body .waiters-list .waiter-item:hover{background:rgba(59,130,246,.1);border-color:#3b82f64d}.waiter-modal .modal-body .waiters-list .waiter-item.selected{background:rgba(59,130,246,.2);border-color:#3b82f6}.waiter-modal .modal-body .waiters-list .waiter-item.not-working{opacity:.7}.waiter-modal .modal-body .waiters-list .waiter-item .waiter-info{display:flex;align-items:center;gap:12px}.waiter-modal .modal-body .waiters-list .waiter-item .waiter-info .waiter-avatar{width:45px;height:45px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center}.waiter-modal .modal-body .waiters-list .waiter-item .waiter-info .waiter-avatar i{font-size:24px;color:#fff}.waiter-modal .modal-body .waiters-list .waiter-item .waiter-info .waiter-details h4{margin:0 0 4px;color:#fff;font-size:15px;font-weight:600}.waiter-modal .modal-body .waiters-list .waiter-item .waiter-info .waiter-details .status{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:6px}.waiter-modal .modal-body .waiters-list .waiter-item .waiter-info .waiter-details .status i{font-size:12px}.waiter-modal .modal-body .waiters-list .waiter-item .waiter-info .waiter-details .status.working{color:#10b981}.waiter-modal .modal-body .waiters-list .waiter-item .selected-icon{font-size:20px;color:#3b82f6}.waiter-modal .modal-body .waiters-list .no-waiters{text-align:center;padding:40px 20px;color:#6b7280}.waiter-modal .modal-body .waiters-list .no-waiters i{font-size:48px;display:block;margin-bottom:10px}.waiter-modal .modal-body .waiters-list .no-waiters p{margin:0}.tables-page{padding:20px}.tables-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.tables-page .page-header .header-left h2{font-size:32px;font-weight:700;margin:0 0 5px;display:flex;align-items:center;gap:12px;color:#fff}.tables-page .page-header .header-left h2 i{color:#3b82f6}.tables-page .page-header .header-left .subtitle{margin:0;color:#8e9aaf;font-size:14px}.tables-page .page-header .add-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.tables-page .page-header .add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.tables-page .page-header .add-btn i{font-size:18px}.tables-page .stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.tables-page .stats-row .stat-card{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease;border-left:4px solid #3b82f6}.tables-page .stats-row .stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.tables-page .stats-row .stat-card .stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.tables-page .stats-row .stat-card .stat-icon.waiter-icon{background:linear-gradient(135deg,#10b981,#059669)}.tables-page .stats-row .stat-card .stat-content h4{font-size:13px;color:#8e9aaf;margin:0 0 5px;font-weight:500}.tables-page .stats-row .stat-card .stat-content h3{font-size:24px;font-weight:700;margin:0;color:#fff}.tables-page .tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.tables-page .table-card{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px;overflow:hidden;transition:all .3s ease;border:1px solid transparent}.tables-page .table-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d;border-color:#3b82f6}.tables-page .table-card .card-header{background:linear-gradient(135deg,#2d3134,#1d2339);padding:15px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4a5578}.tables-page .table-card .card-header .table-name{display:flex;align-items:center;gap:12px}.tables-page .table-card .card-header .table-name .table-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.tables-page .table-card .card-header .table-name h4{margin:0;font-size:18px;font-weight:600;color:#fff}.tables-page .table-card .card-header .table-number{background:rgba(59,130,246,.2);color:#60a5fa;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:600}.tables-page .table-card .waiter-badge{padding:12px 20px;background:rgba(0,0,0,.2);cursor:pointer;transition:all .3s ease;border-bottom:1px solid #4a5578}.tables-page .table-card .waiter-badge:hover{background:rgba(59,130,246,.1)}.tables-page .table-card .waiter-badge .assigned-waiter{display:flex;align-items:center;gap:10px;color:#fff}.tables-page .table-card .waiter-badge .assigned-waiter i{font-size:18px;color:#10b981}.tables-page .table-card .waiter-badge .assigned-waiter span{font-size:14px;font-weight:500}.tables-page .table-card .waiter-badge .assigned-waiter .status-dot{width:8px;height:8px;border-radius:50%;margin-left:auto}.tables-page .table-card .waiter-badge .assigned-waiter .status-dot.online{background:#10b981;box-shadow:0 0 8px #10b981}.tables-page .table-card .waiter-badge .assigned-waiter .status-dot.offline{background:#6b7280}.tables-page .table-card .waiter-badge .assigned-waiter.not-working i{color:#f59e0b}.tables-page .table-card .waiter-badge .no-waiter{display:flex;align-items:center;gap:10px;color:#8e9aaf}.tables-page .table-card .waiter-badge .no-waiter i{font-size:18px}.tables-page .table-card .waiter-badge .no-waiter span{font-size:14px}.tables-page .table-card .card-body{padding:20px}.tables-page .table-card .card-body .qr-codes{display:flex;gap:20px;margin-bottom:20px}.tables-page .table-card .card-body .qr-codes .qr-item{flex:1;text-align:center}.tables-page .table-card .card-body .qr-codes .qr-item .qr-label{font-size:12px;color:#8e9aaf;margin-bottom:10px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px}.tables-page .table-card .card-body .qr-codes .qr-item .qr-label i{color:#3b82f6}.tables-page .table-card .card-body .qr-codes .qr-item a{display:block;background:#fff;border-radius:10px;padding:8px;transition:all .3s ease}.tables-page .table-card .card-body .qr-codes .qr-item a:hover{transform:scale(1.05);box-shadow:0 5px 15px #0000004d}.tables-page .table-card .card-body .qr-codes .qr-item a img{width:80px;height:80px;display:block;margin:0 auto}.tables-page .table-card .card-body .card-actions{display:flex;gap:10px}.tables-page .table-card .card-body .card-actions .action-btn{flex:1;padding:10px 15px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.tables-page .table-card .card-body .card-actions .action-btn i{font-size:16px}.tables-page .table-card .card-body .card-actions .action-btn.edit-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.tables-page .table-card .card-body .card-actions .action-btn.edit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #10b98166}.tables-page .table-card .card-body .card-actions .action-btn.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.tables-page .table-card .card-body .card-actions .action-btn.delete-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ef444466}.tables-page .table-card .card-body .card-actions .action-btn.link-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.tables-page .table-card .card-body .card-actions .action-btn.link-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #8b5cf666}.tables-page .table-card .card-body .card-actions .action-btn.menu-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.tables-page .table-card .card-body .card-actions .action-btn.menu-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f59e0b66}.tables-page .empty-state{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px}.tables-page .empty-state i{font-size:80px;color:#4a5578;margin-bottom:20px;display:block}.tables-page .empty-state h3{color:#8e9aaf;font-size:20px;margin:0 0 10px}.tables-page .empty-state p{color:#6b7280;margin:0}@media (max-width: 768px){.tables-page{padding:15px}.tables-page .page-header{flex-direction:column;gap:15px;text-align:center}.tables-page .page-header .header-left h2{font-size:24px;justify-content:center}.tables-page .tables-grid{grid-template-columns:1fr}.tables-page .table-card .card-body .qr-codes{flex-direction:column;gap:15px}.tables-page .table-card .card-body .card-actions{flex-wrap:wrap}}.report-page{padding:20px}.report-page .report-header-new{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.report-page .report-header-new .header-left h2{font-size:32px;font-weight:700;margin:0 0 5px;display:flex;align-items:center;gap:12px}.report-page .report-header-new .header-left h2 i{color:#10b981}.report-page .report-header-new .header-left .subtitle{margin:0;color:#8e9aaf;font-size:14px}.report-page .report-header-new .debt-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative}.report-page .report-header-new .debt-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.report-page .report-header-new .debt-btn .debt-badge{position:absolute;top:-8px;right:-8px;background:#fff;color:#ef4444;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 8px #0000004d}.report-page .stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.report-page .stats-summary .stat-card{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px;padding:25px;display:flex;align-items:center;gap:20px;transition:all .3s ease;border-left:4px solid transparent}.report-page .stats-summary .stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.report-page .stats-summary .stat-card .stat-icon{width:70px;height:70px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}.report-page .stats-summary .stat-card .stat-content{flex:1}.report-page .stats-summary .stat-card .stat-content h4{font-size:14px;color:#8e9aaf;margin:0 0 8px;font-weight:500}.report-page .stats-summary .stat-card .stat-content h2{font-size:28px;font-weight:700;margin:0;color:#fff}.report-page .stats-summary .stat-card.total{border-left-color:#10b981}.report-page .stats-summary .stat-card.total .stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.report-page .stats-summary .stat-card.orders{border-left-color:#3b82f6}.report-page .stats-summary .stat-card.orders .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.report-page .stats-summary .stat-card.cash{border-left-color:#f59e0b}.report-page .stats-summary .stat-card.cash .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.report-page .stats-summary .stat-card.card-payment{border-left-color:#8b5cf6}.report-page .stats-summary .stat-card.card-payment .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.report-page .stats-summary .stat-card.service-fee{border-left-color:#ec4899}.report-page .stats-summary .stat-card.service-fee .stat-icon{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.report-page .stats-summary .stat-card.grand-total{border-left-color:#10b981;background:linear-gradient(135deg,#065f46 0%,#064e3b 100%)}.report-page .stats-summary .stat-card.grand-total .stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.report-page .stats-summary .stat-card.grand-total .stat-content h2{color:#34d399}.report-page .report-tabs{display:flex;gap:10px;margin-bottom:20px;background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);padding:8px;border-radius:12px;width:fit-content}.report-page .report-tabs .tab-btn{padding:12px 24px;border:none;background:transparent;color:#8e9aaf;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.report-page .report-tabs .tab-btn i{font-size:18px}.report-page .report-tabs .tab-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.report-page .report-tabs .tab-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f666}.report-page .charts-section{margin-bottom:30px}.report-page .charts-section .charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 1200px){.report-page .charts-section .charts-grid{grid-template-columns:1fr}}.report-page .charts-section .chart-card{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px;padding:25px;border-left:4px solid #3b82f6}.report-page .charts-section .chart-card.wide{grid-column:span 2}@media (max-width: 1200px){.report-page .charts-section .chart-card.wide{grid-column:span 1}}.report-page .charts-section .chart-card h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;margin-bottom:20px;color:#fff}.report-page .charts-section .chart-card h3 i{color:#3b82f6}.report-page .charts-section .chart-card .chart-container{height:300px;position:relative}.report-page .charts-section .chart-card .chart-container.donut{height:250px}.report-page .charts-section .chart-card .donut-legend{display:flex;justify-content:center;gap:30px;margin-top:15px}.report-page .charts-section .chart-card .donut-legend .legend-item{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px}.report-page .charts-section .chart-card .donut-legend .legend-item .legend-color{width:16px;height:16px;border-radius:4px}.report-page .charts-section .chart-card .donut-legend .legend-item .legend-color.cash{background:#f59e0b}.report-page .charts-section .chart-card .donut-legend .legend-item .legend-color.card{background:#8b5cf6}.report-page .foods-section{margin-bottom:30px}.report-page .foods-section .foods-stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.report-page .foods-section .foods-stats-header h3{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;color:#fff}.report-page .foods-section .foods-stats-header h3 i{color:#10b981}.report-page .foods-section .foods-stats-header .foods-count{background:linear-gradient(135deg,#10b981,#059669);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;color:#fff}.report-page .foods-section .foods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:15px}.report-page .foods-section .food-stat-card{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;position:relative;overflow:hidden;transition:all .3s ease}.report-page .foods-section .food-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.report-page .foods-section .food-stat-card .food-rank{width:45px;height:45px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.report-page .foods-section .food-stat-card .food-info{flex:1;min-width:0}.report-page .foods-section .food-stat-card .food-info h4{font-size:15px;font-weight:600;color:#fff;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-page .foods-section .food-stat-card .food-info .food-stats{display:flex;gap:15px}.report-page .foods-section .food-stat-card .food-info .food-stats .stat{display:flex;align-items:center;gap:5px;font-size:13px;color:#8e9aaf}.report-page .foods-section .food-stat-card .food-info .food-stats .stat i{font-size:14px}.report-page .foods-section .food-stat-card .food-info .food-stats .stat.revenue{color:#10b981}.report-page .foods-section .food-stat-card .food-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,.1)}.report-page .foods-section .food-stat-card .food-progress .progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:0 2px 2px 0;transition:width .5s ease}.report-page .foods-section .empty-foods{grid-column:1/-1;text-align:center;padding:60px 20px;color:#8e9aaf}.report-page .foods-section .empty-foods i{font-size:64px;margin-bottom:15px;display:block;opacity:.5}.report-page .foods-section .empty-foods p{font-size:16px;margin:0}.report-page .filter-panel{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px;padding:20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.report-page .filter-panel .period-filters{display:flex;gap:10px;flex-wrap:wrap}.report-page .filter-panel .period-filters .filter-btn{padding:10px 20px;border:2px solid #4a5578;background:transparent;color:#8e9aaf;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.report-page .filter-panel .period-filters .filter-btn i{font-size:16px}.report-page .filter-panel .period-filters .filter-btn:hover{border-color:#3b82f6;color:#fff;background:rgba(59,130,246,.1)}.report-page .filter-panel .period-filters .filter-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;box-shadow:0 5px 15px #3b82f666}.report-page .filter-panel .date-picker-wrapper{display:flex;align-items:center;gap:10px;background:#2d3134;padding:10px 15px;border-radius:10px}.report-page .filter-panel .date-picker-wrapper i{color:#3b82f6;font-size:18px}.report-page .filter-panel .date-picker-wrapper .date-input{background:transparent;border:none;color:#fff;font-size:14px;font-weight:600;outline:none;cursor:pointer}.report-page .filter-panel .date-picker-wrapper .date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.report-page .payment-filters{display:flex;gap:10px;margin-bottom:20px}.report-page .payment-filters .payment-btn{flex:1;padding:12px 20px;border:2px solid #4a5578;background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);color:#8e9aaf;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.report-page .payment-filters .payment-btn i{font-size:18px}.report-page .payment-filters .payment-btn:hover{transform:translateY(-2px);border-color:#8b5cf6;color:#fff}.report-page .payment-filters .payment-btn.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;color:#fff;box-shadow:0 5px 15px #8b5cf666}.report-page .report-table-wrapper{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0003}.report-page .report-table-wrapper .modern-table{width:100%;border-collapse:collapse}.report-page .report-table-wrapper .modern-table thead{background:linear-gradient(135deg,#2d3134,#1d2339)}.report-page .report-table-wrapper .modern-table thead th{padding:18px 15px;text-align:left;font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #4a5578}.report-page .report-table-wrapper .modern-table tbody tr{transition:all .3s ease;border-bottom:1px solid #4a5578}.report-page .report-table-wrapper .modern-table tbody tr:hover{background:rgba(59,130,246,.1)}.report-page .report-table-wrapper .modern-table tbody tr:last-child{border-bottom:none}.report-page .report-table-wrapper .modern-table tbody tr td{padding:15px;font-size:14px;color:#fff}.report-page .report-table-wrapper .modern-table tbody tr td .row-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;font-weight:700;font-size:13px}.report-page .report-table-wrapper .modern-table tbody tr td .table-cell{display:flex;align-items:center;gap:10px}.report-page .report-table-wrapper .modern-table tbody tr td .table-cell i{color:#3b82f6;font-size:18px}.report-page .report-table-wrapper .modern-table tbody tr td .table-cell strong{font-weight:600}.report-page .report-table-wrapper .modern-table tbody tr td .time-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(59,130,246,.2);border-radius:8px;color:#60a5fa;font-weight:600;font-size:13px}.report-page .report-table-wrapper .modern-table tbody tr td .time-badge i{font-size:14px}.report-page .report-table-wrapper .modern-table tbody tr td .price-badge{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;font-weight:700;font-size:14px}.report-page .report-table-wrapper .modern-table tbody tr td .status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-weight:600;font-size:13px}.report-page .report-table-wrapper .modern-table tbody tr td .status-badge.card{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.report-page .report-table-wrapper .modern-table tbody tr td .status-badge.cash{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.report-page .report-table-wrapper .modern-table tbody tr td .status-badge i{font-size:14px}.report-page .report-table-wrapper .modern-table tbody tr td .date-text{color:#8e9aaf;font-weight:500}.report-page .report-table-wrapper .modern-table tbody tr td.empty-state{text-align:center;padding:60px 20px;color:#8e9aaf}.report-page .report-table-wrapper .modern-table tbody tr td.empty-state i{font-size:64px;margin-bottom:15px;opacity:.5;display:block}.report-page .report-table-wrapper .modern-table tbody tr td.empty-state p{margin:0;font-size:16px}.report-header,.report-options{display:flex;align-items:center;justify-content:space-between}.h-60{height:70vh}.unpaid{background-color:#ff000031}.btn{position:relative}.debt-msg{position:absolute;top:-10px;right:-10px;width:20px;height:20px;background-color:coral;display:flex;align-items:center;justify-content:center;border-radius:45pc;font-size:15px}.payment-box{position:absolute;width:100%;height:100vh;background-color:#cccccc6e;z-index:999;top:0;left:0;display:flex;align-items:center;justify-content:center}.payment-box .alert{background-color:#171e30;width:60%}.order-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.order-header .text-muted{color:#8e9aaf;font-size:14px}.select-food{margin-top:15px}.select-food li{padding:5px;background-color:#404a6e;border-bottom:1px solid #1d2339}.select-food li i{cursor:pointer}.order-info-box{background-color:#404a6e;text-align:center;padding:20px;border-radius:15px;font-size:20px;position:relative;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.order-info-box:hover{background-color:#4a5578;transform:translateY(-5px);box-shadow:0 10px 20px #0003}.order-info-box .msg{background-color:coral;width:25px;height:25px;font-size:15px;border-radius:45pc;display:flex;align-items:center;justify-content:center;color:#fff;right:20px;top:10px;position:absolute}.order-info-box i{font-size:35px}.order-info-box .icon-box{height:35px;margin-bottom:15px}.order-info-box img{width:35px;height:35px;object-fit:cover}.stats-card{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px;padding:25px;margin-bottom:20px;display:flex;align-items:center;gap:20px;transition:all .3s ease;border-left:4px solid transparent}.stats-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.stats-card .stats-icon{width:70px;height:70px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}.stats-card .stats-content{flex:1}.stats-card .stats-content h3{font-size:28px;font-weight:700;margin:0 0 5px;color:#fff}.stats-card .stats-content p{font-size:14px;margin:0;color:#8e9aaf;font-weight:500}.stats-card.total-revenue{border-left-color:#10b981}.stats-card.total-revenue .stats-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stats-card.total-orders{border-left-color:#3b82f6}.stats-card.total-orders .stats-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.stats-card.paid-orders{border-left-color:#8b5cf6}.stats-card.paid-orders .stats-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stats-card.unpaid-orders{border-left-color:#f59e0b}.stats-card.unpaid-orders .stats-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.payment{position:relative}.payment h4{margin-bottom:10px}.payment i{position:absolute;right:20px;top:20px;cursor:pointer}.report-info{margin:20px 0}.report-info ul{padding:0;margin:0}.report-info li{list-style:none}.saved-order{margin-top:20px;background-color:#1d2339;padding:20px;border-radius:10px}.saved-order .saved-order-info{display:flex;align-items:start;justify-content:space-between}.saved-order .saved-order-info .food-menu{padding:0}.saved-order .saved-order-info .food-menu .food-list{list-style:none;display:flex;align-items:center}.saved-order .saved-order-info .food-menu .food-list span{margin-right:10px}.saved-order .buttons{display:flex;align-items:center;justify-content:space-between}.modern-header{background:linear-gradient(135deg,#1d2339 0%,#2d3134 100%);padding:15px 25px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #0000004d;position:sticky;top:0;z-index:100;border-bottom:2px solid #404a6e}.modern-header .header-left{flex:1}.modern-header .header-left .logo-container{display:flex;align-items:center;gap:15px}.modern-header .header-left .logo-container .logo-icon{width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 5px 15px #3b82f666;animation:pulse-logo 2s ease-in-out infinite}.modern-header .header-left .logo-container .logo-text h2{margin:0;font-size:24px;font-weight:800;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.modern-header .header-left .logo-container .logo-text .tagline{font-size:11px;color:#8e9aaf;font-weight:500;display:block;margin-top:2px}.modern-header .header-center{flex:1;display:flex;justify-content:center}.modern-header .header-center .page-indicator{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);padding:8px 20px;border-radius:20px;display:flex;align-items:center;gap:8px;color:#3b82f6;font-weight:600;font-size:14px}.modern-header .header-center .page-indicator i{font-size:12px}.modern-header .header-center .page-indicator span{color:#fff}.modern-header .header-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:20px}.modern-header .header-right .datetime-widget{display:flex;flex-direction:column;gap:5px;background:rgba(255,255,255,.05);padding:10px 15px;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.modern-header .header-right .datetime-widget .time-display,.modern-header .header-right .datetime-widget .date-display{display:flex;align-items:center;gap:8px;font-size:13px}.modern-header .header-right .datetime-widget .time-display i,.modern-header .header-right .datetime-widget .date-display i{color:#3b82f6;font-size:14px}.modern-header .header-right .datetime-widget .time-display .time,.modern-header .header-right .datetime-widget .date-display .time{font-weight:700;color:#fff;font-family:Courier New,monospace;letter-spacing:1px}.modern-header .header-right .datetime-widget .time-display .date,.modern-header .header-right .datetime-widget .date-display .date{color:#8e9aaf;font-weight:500}.modern-header .header-right .user-profile{display:flex;align-items:center;gap:12px;padding:8px 15px;background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(124,58,237,.2));border:1px solid rgba(139,92,246,.3);border-radius:30px;cursor:pointer;transition:all .3s ease}.modern-header .header-right .user-profile:hover{background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(124,58,237,.3));transform:translateY(-2px);box-shadow:0 5px 15px #8b5cf666}.modern-header .header-right .user-profile .avatar i{font-size:32px;color:#8b5cf6}.modern-header .header-right .user-profile .user-info{display:flex;flex-direction:column}.modern-header .header-right .user-profile .user-info .user-name{font-size:14px;font-weight:700;color:#fff}.modern-header .header-right .user-profile .user-info .user-role{font-size:11px;color:#8e9aaf;font-weight:500}@keyframes pulse-logo{0%,to{box-shadow:0 5px 15px #3b82f666}50%{box-shadow:0 5px 25px #3b82f699}}.header{padding:20px;background-color:#1d2339}.modern-sidebar{background:linear-gradient(180deg,#1d2339 0%,#2d3134 100%);height:100vh;padding:20px 15px;border-right:2px solid #404a6e;position:sticky;top:0;overflow-y:auto}.modern-sidebar::-webkit-scrollbar{width:6px}.modern-sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:10px}.modern-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:10px}.modern-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#7c3aed)}.modern-sidebar .sidebar-nav{display:flex;flex-direction:column;gap:8px}.modern-sidebar .sidebar-nav .nav-item{position:relative;text-decoration:none;padding:14px 16px;border-radius:12px;transition:all .3s ease;color:#8e9aaf;font-weight:600;font-size:15px;overflow:hidden}.modern-sidebar .sidebar-nav .nav-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#3b82f6,#8b5cf6);opacity:0;transition:opacity .3s ease}.modern-sidebar .sidebar-nav .nav-item:hover{background:rgba(59,130,246,.1);color:#fff;transform:translate(5px)}.modern-sidebar .sidebar-nav .nav-item:hover .nav-icon{transform:scale(1.1);color:#3b82f6}.modern-sidebar .sidebar-nav .nav-item.active{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(139,92,246,.15));color:#fff;border:1px solid rgba(59,130,246,.3)}.modern-sidebar .sidebar-nav .nav-item.active:before{opacity:1}.modern-sidebar .sidebar-nav .nav-item.active .nav-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modern-sidebar .sidebar-nav .nav-item.active .active-indicator{position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:10px 0 0 10px;animation:slideIn .3s ease}.modern-sidebar .sidebar-nav .nav-item .nav-content{display:flex;align-items:center;justify-content:space-between}.modern-sidebar .sidebar-nav .nav-item .nav-content .nav-left{display:flex;align-items:center;gap:12px}.modern-sidebar .sidebar-nav .nav-item .nav-content .nav-left .nav-icon{font-size:20px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.modern-sidebar .sidebar-nav .nav-item .nav-content .nav-left .nav-title{font-size:15px;letter-spacing:.3px}.modern-sidebar .sidebar-nav .nav-item .nav-content .notification-badge{background:linear-gradient(135deg,#ef4444,#dc2626);min-width:28px;height:28px;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:0 8px;animation:pulse-badge 2s ease-in-out infinite;box-shadow:0 4px 12px #ef444466}.modern-sidebar .sidebar-nav .nav-item .nav-content .notification-badge span{color:#fff;font-size:13px;font-weight:700;font-family:Courier New,monospace}@keyframes slideIn{0%{height:0%;opacity:0}to{height:60%;opacity:1}}@keyframes pulse-badge{0%,to{box-shadow:0 4px 12px #ef444466;transform:scale(1)}50%{box-shadow:0 4px 20px #ef444499;transform:scale(1.05)}}.sideBar{border-right:1px solid rgba(9,9,9,.3647058824);height:100vh;background-color:#1d2339;padding:20px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1f37 0%,#0f172a 50%,#1e293b 100%);padding:20px;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 50%);animation:rotate 30s linear infinite}.login-page:after{content:"";position:absolute;bottom:-30%;right:-30%;width:60%;height:60%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 50%);animation:float 10s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.login-container{position:relative;z-index:1;width:100%;max-width:440px}.login-card{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:24px;padding:40px;box-shadow:0 25px 80px #00000080;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-card .login-header{text-align:center;margin-bottom:35px}.login-card .login-header .logo-icon{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 10px 40px #3b82f666}.login-card .login-header .logo-icon i{font-size:36px;color:#fff}.login-card .login-header h1{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px}.login-card .login-header p{font-size:15px;color:#8e9aaf;margin:0}.login-card .error-message{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:10px;color:#ef4444;font-size:14px;font-weight:500;animation:shake .5s ease}.login-card .error-message i{font-size:18px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-card .login-form{display:flex;flex-direction:column;gap:20px}.login-card .login-form .form-group{display:flex;flex-direction:column;gap:8px}.login-card .login-form .form-group label{font-size:14px;font-weight:600;color:#8e9aaf;display:flex;align-items:center;gap:8px}.login-card .login-form .form-group label i{color:#3b82f6;font-size:16px}.login-card .login-form .form-group .input-wrapper{position:relative}.login-card .login-form .form-group .input-wrapper .form-input{width:100%;background:#2d3134;border:2px solid #4a5578;border-radius:12px;padding:14px 18px 14px 48px;font-size:15px;color:#fff;transition:all .3s ease;outline:none;box-sizing:border-box}.login-card .login-form .form-group .input-wrapper .form-input::placeholder{color:#6b7280}.login-card .login-form .form-group .input-wrapper .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.login-card .login-form .form-group .input-wrapper .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:18px;transition:color .3s ease}.login-card .login-form .form-group .input-wrapper .toggle-password{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;font-size:18px;cursor:pointer;padding:0;transition:color .3s ease}.login-card .login-form .form-group .input-wrapper .toggle-password:hover{color:#3b82f6}.login-card .login-form .form-group .input-wrapper:focus-within .input-icon{color:#3b82f6}.login-card .login-form .login-btn{width:100%;padding:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.login-card .login-form .login-btn i{font-size:18px}.login-card .login-form .login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #3b82f666}.login-card .login-form .login-btn:active{transform:translateY(0)}.login-footer{text-align:center;margin-top:30px}.login-footer p{font-size:13px;color:#6b7280;margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.login-footer p i{color:#3b82f6}@media (max-width: 480px){.login-card{padding:30px 25px}.login-card .login-header .logo-icon{width:70px;height:70px}.login-card .login-header .logo-icon i{font-size:30px}.login-card .login-header h1{font-size:24px}}.protect-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100vh}.protect-wrapper .protect-form{width:40%;padding:20px;background-color:#1d2339;border-radius:15px}.protect-wrapper .protect-form .form-input input{width:95%;background-color:transparent;border:none;outline:none;color:#fff}.protect-wrapper .protect-form .form-input input::placeholder{color:#ffffff96}.protect-wrapper .protect-form .form-input i{width:5%;text-align:center;cursor:pointer}.trade-header{display:flex;align-items:center;justify-content:space-between}.trade-header h2{padding:0;margin:0}.trade-header .search{display:flex;align-items:center}.trade-header .search input{margin:0}.trade-table{display:flex;align-items:center;justify-content:space-between;margin-top:20px;background-color:#171e3096;padding:20px;border-radius:10px;border:3px solid #0a58ca}.check-content{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#47516175;display:flex;align-items:center;z-index:999;justify-content:center}.check-content .check-box{background-color:#171e30;padding:20px;border-radius:15px}.pointer{cursor:pointer}.waiters-page{padding:20px}.waiters-page .waiters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.waiters-page .waiters-header h2{font-size:28px;font-weight:700;margin:0}.waiters-page .waiters-header button{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;border-radius:10px;transition:all .3s ease}.waiters-page .waiters-header button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0d6efd4d}.waiters-page .loading-spinner{display:flex;align-items:center;justify-content:center;height:400px}.waiters-page .waiters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.waiters-page .waiter-card{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px;padding:25px;transition:all .3s ease;border-left:4px solid #3b82f6;position:relative;overflow:hidden}.waiters-page .waiter-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.waiters-page .waiter-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.waiters-page .waiter-card .waiter-avatar{text-align:center;margin-bottom:15px}.waiters-page .waiter-card .waiter-avatar i{font-size:80px;color:#3b82f6}.waiters-page .waiter-card .waiter-info{text-align:center;margin-bottom:20px}.waiters-page .waiter-card .waiter-info h3{font-size:22px;font-weight:700;margin:0 0 10px;color:#fff}.waiters-page .waiter-card .waiter-info p{margin:8px 0;font-size:14px;color:#8e9aaf;display:flex;align-items:center;justify-content:center;gap:8px}.waiters-page .waiter-card .waiter-info p i{font-size:16px}.waiters-page .waiter-card .waiter-info p.phone{color:#10b981;font-weight:600}.waiters-page .waiter-card .waiter-info p.password{color:#f59e0b;font-weight:500}.waiters-page .waiter-card .waiter-info .status-badge{display:inline-block;padding:5px 15px;border-radius:20px;font-size:12px;font-weight:600;margin-top:10px}.waiters-page .waiter-card .waiter-info .status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.waiters-page .waiter-card .waiter-info .status-badge.inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.waiters-page .waiter-card .waiter-actions{display:flex;gap:10px;justify-content:center}.waiters-page .waiter-card .waiter-actions .btn-action{width:45px;height:45px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:18px}.waiters-page .waiter-card .waiter-actions .btn-action:hover{transform:translateY(-3px)}.waiters-page .waiter-card .waiter-actions .btn-action.stats{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.waiters-page .waiter-card .waiter-actions .btn-action.stats:hover{box-shadow:0 5px 15px #10b98166}.waiters-page .waiter-card .waiter-actions .btn-action.edit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.waiters-page .waiter-card .waiter-actions .btn-action.edit:hover{box-shadow:0 5px 15px #3b82f666}.waiters-page .waiter-card .waiter-actions .btn-action.toggle{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.waiters-page .waiter-card .waiter-actions .btn-action.toggle.active{background:linear-gradient(135deg,#10b981,#059669)}.waiters-page .waiter-card .waiter-actions .btn-action.toggle:hover{box-shadow:0 5px 15px #8b5cf666}.waiters-page .waiter-card .waiter-actions .btn-action.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.waiters-page .waiter-card .waiter-actions .btn-action.delete:hover{box-shadow:0 5px 15px #ef444466}.waiters-page .empty-state{grid-column:1/-1;text-align:center;padding:80px 20px;color:#8e9aaf}.waiters-page .empty-state i{font-size:100px;margin-bottom:20px;opacity:.5}.waiters-page .empty-state p{font-size:18px;margin:0}.waiter-modal{max-width:600px}.waiter-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.waiter-modal .form-group{margin-bottom:20px}.waiter-modal .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#fff;font-size:14px}.waiter-modal .form-group .form-hint{display:block;margin-top:5px;font-size:12px;color:#8e9aaf;font-style:italic}.waiter-modal .form-group .phone-input{font-family:monospace;letter-spacing:1px}.waiter-modal .form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.waiter-modal .form-actions button{padding:12px 24px;border-radius:10px;font-weight:600;font-size:15px;transition:all .3s ease}.waiter-modal .form-actions button:hover{transform:translateY(-2px)}.waiter-modal .form-actions button.btn-outline-secondary{background:transparent;border:2px solid #404a6e;color:#fff}.waiter-modal .form-actions button.btn-outline-secondary:hover{background:#404a6e}.waiter-stats-page{padding:20px}.waiter-stats-page.loading{display:flex;align-items:center;justify-content:center;min-height:400px}.waiter-stats-page .stats-header{display:flex;align-items:center;gap:30px;margin-bottom:30px;background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);padding:25px;border-radius:15px}.waiter-stats-page .stats-header .back-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(255,255,255,.1);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.waiter-stats-page .stats-header .back-btn:hover{background:rgba(255,255,255,.2);transform:translate(-5px)}.waiter-stats-page .stats-header .back-btn i{font-size:18px}.waiter-stats-page .stats-header .waiter-info-header{display:flex;align-items:center;gap:20px;flex:1}.waiter-stats-page .stats-header .waiter-info-header .avatar{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center}.waiter-stats-page .stats-header .waiter-info-header .avatar i{font-size:48px;color:#fff}.waiter-stats-page .stats-header .waiter-info-header .info h2{font-size:28px;font-weight:700;margin:0 0 8px;color:#fff}.waiter-stats-page .stats-header .waiter-info-header .info p{margin:0 0 8px;color:#10b981;font-size:16px;display:flex;align-items:center;gap:8px}.waiter-stats-page .stats-header .waiter-info-header .info .salary-percent{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;font-size:13px;font-weight:600;color:#fff}.waiter-stats-page .date-filter-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px;background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);padding:15px 20px;border-radius:12px;flex-wrap:wrap}.waiter-stats-page .date-filter-panel .filter-buttons{display:flex;gap:10px}.waiter-stats-page .date-filter-panel .filter-buttons .filter-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border:2px solid #4a5578;background:transparent;color:#8e9aaf;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.waiter-stats-page .date-filter-panel .filter-buttons .filter-btn:hover{border-color:#3b82f6;color:#fff}.waiter-stats-page .date-filter-panel .filter-buttons .filter-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.waiter-stats-page .date-filter-panel .custom-date{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.2);padding:10px 15px;border-radius:10px}.waiter-stats-page .date-filter-panel .custom-date i{color:#3b82f6;font-size:18px}.waiter-stats-page .date-filter-panel .custom-date input{background:transparent;border:none;color:#fff;font-size:14px;font-weight:600;outline:none}.waiter-stats-page .date-filter-panel .custom-date input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.waiter-stats-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.waiter-stats-page .stats-grid .stat-card{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px;padding:25px;display:flex;align-items:center;gap:20px;border-left:4px solid transparent;transition:all .3s ease}.waiter-stats-page .stats-grid .stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.waiter-stats-page .stats-grid .stat-card .stat-icon{width:65px;height:65px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:28px}.waiter-stats-page .stats-grid .stat-card .stat-content{flex:1}.waiter-stats-page .stats-grid .stat-card .stat-content h4{font-size:14px;color:#8e9aaf;margin:0 0 8px;font-weight:500}.waiter-stats-page .stats-grid .stat-card .stat-content h2{font-size:26px;font-weight:700;margin:0;color:#fff}.waiter-stats-page .stats-grid .stat-card.total{border-left-color:#3b82f6}.waiter-stats-page .stats-grid .stat-card.total .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.waiter-stats-page .stats-grid .stat-card.revenue{border-left-color:#10b981}.waiter-stats-page .stats-grid .stat-card.revenue .stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.waiter-stats-page .stats-grid .stat-card.cash{border-left-color:#f59e0b}.waiter-stats-page .stats-grid .stat-card.cash .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.waiter-stats-page .stats-grid .stat-card.card{border-left-color:#8b5cf6}.waiter-stats-page .stats-grid .stat-card.card .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.waiter-stats-page .stats-grid .stat-card.service{border-left-color:#ec4899}.waiter-stats-page .stats-grid .stat-card.service .stat-icon{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.waiter-stats-page .stats-grid .stat-card.earnings{border-left-color:#10b981;background:linear-gradient(135deg,#065f46 0%,#064e3b 100%)}.waiter-stats-page .stats-grid .stat-card.earnings .stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.waiter-stats-page .stats-grid .stat-card.earnings .stat-content h2{color:#34d399}.waiter-stats-page .orders-section{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px;padding:25px}.waiter-stats-page .orders-section h3{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;margin-bottom:20px;color:#fff}.waiter-stats-page .orders-section h3 i{color:#3b82f6}.waiter-stats-page .orders-section .table-wrapper{overflow-x:auto}.waiter-stats-page .orders-section .orders-table{width:100%;border-collapse:collapse}.waiter-stats-page .orders-section .orders-table thead{background:rgba(0,0,0,.2)}.waiter-stats-page .orders-section .orders-table thead th{padding:15px;text-align:left;font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.waiter-stats-page .orders-section .orders-table tbody tr{border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.waiter-stats-page .orders-section .orders-table tbody tr:hover{background:rgba(59,130,246,.1)}.waiter-stats-page .orders-section .orders-table tbody tr td{padding:15px;font-size:14px;color:#fff}.waiter-stats-page .orders-section .orders-table tbody tr td .row-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;font-weight:700;font-size:12px}.waiter-stats-page .orders-section .orders-table tbody tr td .table-name{display:flex;align-items:center;gap:8px;font-weight:600}.waiter-stats-page .orders-section .orders-table tbody tr td .table-name i{color:#3b82f6}.waiter-stats-page .orders-section .orders-table tbody tr td .time{color:#60a5fa;font-weight:600}.waiter-stats-page .orders-section .orders-table tbody tr td .price{display:inline-block;padding:5px 12px;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;font-weight:700}.waiter-stats-page .orders-section .orders-table tbody tr td .payment-type{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:8px;font-size:13px;font-weight:600}.waiter-stats-page .orders-section .orders-table tbody tr td .payment-type.cash{background:linear-gradient(135deg,#f59e0b,#d97706)}.waiter-stats-page .orders-section .orders-table tbody tr td .payment-type.card{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.waiter-stats-page .orders-section .orders-table tbody tr td .date{color:#8e9aaf}.waiter-stats-page .orders-section .orders-table tbody tr td.empty{text-align:center;padding:60px 20px;color:#8e9aaf}.waiter-stats-page .orders-section .orders-table tbody tr td.empty i{font-size:60px;display:block;margin-bottom:15px;opacity:.5}.waiter-stats-page .orders-section .orders-table tbody tr td.empty p{margin:0;font-size:16px}.cooks-page{padding:20px}.cooks-page .cooks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.cooks-page .cooks-header h2{font-size:28px;font-weight:700;margin:0}.cooks-page .cooks-header button{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;border-radius:10px;transition:all .3s ease}.cooks-page .cooks-header button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0d6efd4d}.cooks-page .loading-spinner{display:flex;align-items:center;justify-content:center;height:400px}.cooks-page .cooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.cooks-page .cook-card{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px;padding:25px;transition:all .3s ease;border-left:4px solid #f59e0b;position:relative;overflow:hidden}.cooks-page .cook-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#ef4444)}.cooks-page .cook-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.cooks-page .cook-card .cook-avatar{text-align:center;margin-bottom:15px}.cooks-page .cook-card .cook-avatar i{font-size:80px;color:#f59e0b}.cooks-page .cook-card .cook-info{text-align:center;margin-bottom:20px}.cooks-page .cook-card .cook-info h3{font-size:22px;font-weight:700;margin:0 0 10px;color:#fff}.cooks-page .cook-card .cook-info p{margin:8px 0;font-size:14px;color:#8e9aaf;display:flex;align-items:center;justify-content:center;gap:8px}.cooks-page .cook-card .cook-info p i{font-size:16px}.cooks-page .cook-card .cook-info p.phone{color:#10b981;font-weight:600}.cooks-page .cook-card .cook-info p.password{color:#f59e0b;font-weight:500}.cooks-page .cook-card .cook-info .cook-categories{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0}.cooks-page .cook-card .cook-info .cook-categories .category-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:15px;font-size:12px;font-weight:600;color:#fff}.cooks-page .cook-card .cook-info .cook-categories .category-tag i{font-size:12px}.cooks-page .cook-card .cook-info .status-badge{display:inline-block;padding:5px 15px;border-radius:20px;font-size:12px;font-weight:600;margin-top:10px}.cooks-page .cook-card .cook-info .status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cooks-page .cook-card .cook-info .status-badge.inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.cooks-page .cook-card .cook-actions{display:flex;gap:10px;justify-content:center}.cooks-page .cook-card .cook-actions .btn-action{width:45px;height:45px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:18px}.cooks-page .cook-card .cook-actions .btn-action:hover{transform:translateY(-3px)}.cooks-page .cook-card .cook-actions .btn-action.edit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.cooks-page .cook-card .cook-actions .btn-action.edit:hover{box-shadow:0 5px 15px #3b82f666}.cooks-page .cook-card .cook-actions .btn-action.toggle{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.cooks-page .cook-card .cook-actions .btn-action.toggle.active{background:linear-gradient(135deg,#10b981,#059669)}.cooks-page .cook-card .cook-actions .btn-action.toggle:hover{box-shadow:0 5px 15px #8b5cf666}.cooks-page .cook-card .cook-actions .btn-action.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.cooks-page .cook-card .cook-actions .btn-action.delete:hover{box-shadow:0 5px 15px #ef444466}.cooks-page .empty-state{grid-column:1/-1;text-align:center;padding:80px 20px;color:#8e9aaf}.cooks-page .empty-state i{font-size:100px;margin-bottom:20px;opacity:.5}.cooks-page .empty-state p{font-size:18px;margin:0}.cook-modal{max-width:600px}.cook-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cook-modal .form-group{margin-bottom:20px}.cook-modal .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#fff;font-size:14px}.cook-modal .form-group .form-hint{display:block;margin-top:5px;font-size:12px;color:#8e9aaf;font-style:italic}.cook-modal .form-group .phone-input{font-family:monospace;letter-spacing:1px}.cook-modal .form-group .category-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:15px;background:rgba(0,0,0,.2);border-radius:12px;max-height:220px;overflow-y:auto}.cook-modal .form-group .category-selector .category-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:2px solid #4a5578;background:linear-gradient(135deg,#353f5e 0%,#2d3654 100%);color:#c4c9d4;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cook-modal .form-group .category-selector .category-btn i{font-size:16px;flex-shrink:0}.cook-modal .form-group .category-selector .category-btn:hover{border-color:#10b981;color:#fff;background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);transform:translateY(-2px)}.cook-modal .form-group .category-selector .category-btn.selected{border-color:#10b981;background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.cook-modal .form-group .category-selector .category-btn.selected i{color:#fff}.cook-modal .form-group .category-selector .no-categories{grid-column:1/-1;color:#8e9aaf;font-size:14px;margin:0;padding:20px;text-align:center}.cook-modal .form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.cook-modal .form-actions button{padding:12px 24px;border-radius:10px;font-weight:600;font-size:15px;transition:all .3s ease}.cook-modal .form-actions button:hover{transform:translateY(-2px)}.cook-modal .form-actions button.btn-outline-secondary{background:transparent;border:2px solid #404a6e;color:#fff}.cook-modal .form-actions button.btn-outline-secondary:hover{background:#404a6e}.cashiers-page{padding:20px}.cashiers-page .cashiers-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.cashiers-page .cashiers-header h2{font-size:28px;font-weight:700;margin:0}.cashiers-page .cashiers-header button{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;border-radius:10px;transition:all .3s ease}.cashiers-page .cashiers-header button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0d6efd4d}.cashiers-page .loading-spinner{display:flex;align-items:center;justify-content:center;height:400px}.cashiers-page .cashiers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.cashiers-page .cashier-card{background:linear-gradient(135deg,#404a6e 0%,#353f5e 100%);border-radius:15px;padding:25px;transition:all .3s ease;border-left:4px solid #10b981;position:relative;overflow:hidden}.cashiers-page .cashier-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#06b6d4)}.cashiers-page .cashier-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.cashiers-page .cashier-card .cashier-avatar{text-align:center;margin-bottom:15px}.cashiers-page .cashier-card .cashier-avatar i{font-size:80px;color:#10b981}.cashiers-page .cashier-card .cashier-info{text-align:center;margin-bottom:20px}.cashiers-page .cashier-card .cashier-info h3{font-size:22px;font-weight:700;margin:0 0 10px;color:#fff}.cashiers-page .cashier-card .cashier-info p{margin:8px 0;font-size:14px;color:#8e9aaf;display:flex;align-items:center;justify-content:center;gap:8px}.cashiers-page .cashier-card .cashier-info p i{font-size:16px}.cashiers-page .cashier-card .cashier-info p.phone{color:#10b981;font-weight:600}.cashiers-page .cashier-card .cashier-info p.password{color:#f59e0b;font-weight:500}.cashiers-page .cashier-card .cashier-info .status-badge{display:inline-block;padding:5px 15px;border-radius:20px;font-size:12px;font-weight:600;margin-top:10px}.cashiers-page .cashier-card .cashier-info .status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cashiers-page .cashier-card .cashier-info .status-badge.inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.cashiers-page .cashier-card .cashier-actions{display:flex;gap:10px;justify-content:center}.cashiers-page .cashier-card .cashier-actions .btn-action{width:45px;height:45px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:18px}.cashiers-page .cashier-card .cashier-actions .btn-action:hover{transform:translateY(-3px)}.cashiers-page .cashier-card .cashier-actions .btn-action.edit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.cashiers-page .cashier-card .cashier-actions .btn-action.edit:hover{box-shadow:0 5px 15px #3b82f666}.cashiers-page .cashier-card .cashier-actions .btn-action.toggle{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.cashiers-page .cashier-card .cashier-actions .btn-action.toggle.active{background:linear-gradient(135deg,#10b981,#059669)}.cashiers-page .cashier-card .cashier-actions .btn-action.toggle:hover{box-shadow:0 5px 15px #8b5cf666}.cashiers-page .cashier-card .cashier-actions .btn-action.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.cashiers-page .cashier-card .cashier-actions .btn-action.delete:hover{box-shadow:0 5px 15px #ef444466}.cashiers-page .empty-state{grid-column:1/-1;text-align:center;padding:80px 20px;color:#8e9aaf}.cashiers-page .empty-state i{font-size:100px;margin-bottom:20px;opacity:.5}.cashiers-page .empty-state p{font-size:18px;margin:0}.cashier-modal{max-width:600px}.cashier-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cashier-modal .form-group{margin-bottom:20px}.cashier-modal .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#fff;font-size:14px}.cashier-modal .form-group .form-hint{display:block;margin-top:5px;font-size:12px;color:#8e9aaf;font-style:italic}.cashier-modal .form-group .phone-input{font-family:monospace;letter-spacing:1px}.cashier-modal .form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.cashier-modal .form-actions button{padding:12px 24px;border-radius:10px;font-weight:600;font-size:15px;transition:all .3s ease}.cashier-modal .form-actions button:hover{transform:translateY(-2px)}.cashier-modal .form-actions button.btn-outline-secondary{background:transparent;border:2px solid #404a6e;color:#fff}.cashier-modal .form-actions button.btn-outline-secondary:hover{background:#404a6e}.active-orders{padding:20px}.active-orders.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.active-orders.loading-state .spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.active-orders.loading-state p{margin-top:16px;color:#8e9aaf}.active-orders .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.active-orders .page-header .header-left h2{font-size:24px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:10px}.active-orders .page-header .header-left h2 i{color:#3b82f6}.active-orders .page-header .header-left .subtitle{color:#6b7280;font-size:14px;margin-top:4px}.active-orders .page-header .refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.active-orders .page-header .refresh-btn:hover{background:#2563eb}.active-orders .page-header .refresh-btn i{font-size:18px}.active-orders .message-toast{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;font-weight:500;z-index:1000;box-shadow:0 4px 12px #00000026}.active-orders .message-toast.success{background:#10b981;color:#fff}.active-orders .message-toast.error{background:#ef4444;color:#fff}.active-orders .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.active-orders .empty-state i{font-size:64px;color:#4b5563;margin-bottom:16px}.active-orders .empty-state h3{font-size:20px;color:#1f2937;margin-bottom:8px}.active-orders .empty-state p{color:#6b7280}.active-orders .orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.active-orders .order-card{background:#1d2339;border-radius:12px;box-shadow:0 4px 15px #0003;overflow:hidden;cursor:pointer;transition:all .2s;border:2px solid #2d3748}.active-orders .order-card:hover{box-shadow:0 8px 25px #0000004d;border-color:#3b82f6}.active-orders .order-card.pending{border-color:#f59e0b}.active-orders .order-card.preparing{border-color:#3b82f6}.active-orders .order-card.ready{border-color:#10b981}.active-orders .order-card.served{border-color:#8b5cf6}.active-orders .order-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#252d44;border-bottom:1px solid #3d4660}.active-orders .order-card .card-header .table-info{display:flex;align-items:center;gap:8px}.active-orders .order-card .card-header .table-info i{color:#3b82f6}.active-orders .order-card .card-header .table-info .table-name{font-weight:600;color:#fff}.active-orders .order-card .card-header .status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.active-orders .order-card .card-body{padding:16px}.active-orders .order-card .card-body .items-preview .item-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dashed #3d4660}.active-orders .order-card .card-body .items-preview .item-row:last-child{border-bottom:none}.active-orders .order-card .card-body .items-preview .item-row .qty{font-weight:600;color:#3b82f6;min-width:30px}.active-orders .order-card .card-body .items-preview .item-row .name{flex:1;color:#e5e7eb}.active-orders .order-card .card-body .items-preview .item-row .item-status{font-size:11px;padding:2px 8px;border-radius:10px;background:rgba(245,158,11,.2);color:#fbbf24}.active-orders .order-card .card-body .items-preview .item-row .item-status.ready{background:rgba(16,185,129,.2);color:#34d399}.active-orders .order-card .card-body .items-preview .more-items{padding:8px 0;color:#8e9aaf;font-size:13px;font-style:italic}.active-orders .order-card .card-body .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #3d4660}.active-orders .order-card .card-body .card-footer .total-price{font-weight:600;color:#fff}.active-orders .order-card .card-body .card-footer .order-time{color:#8e9aaf;font-size:13px}.active-orders .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.active-orders .order-modal{background:#1d2339;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid #3d4660}.active-orders .order-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#252d44;border-bottom:1px solid #3d4660}.active-orders .order-modal .modal-header .header-info{display:flex;align-items:center;gap:12px}.active-orders .order-modal .modal-header .header-info h3{font-size:18px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.active-orders .order-modal .modal-header .header-info h3 i{color:#3b82f6}.active-orders .order-modal .modal-header .header-info .status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.active-orders .order-modal .modal-header .close-btn{width:36px;height:36px;border-radius:50%;border:none;background:#3d4660;color:#8e9aaf;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.active-orders .order-modal .modal-header .close-btn:hover{background:#4b5563;color:#fff}.active-orders .order-modal .modal-body{flex:1;overflow-y:auto;padding:20px}.active-orders .order-modal .modal-body .order-info{background:#252d44;border-radius:8px;padding:12px;margin-bottom:20px}.active-orders .order-modal .modal-body .order-info .info-row{display:flex;justify-content:space-between;padding:6px 0;color:#8e9aaf;font-size:14px}.active-orders .order-modal .modal-body .order-info .info-row span:last-child{color:#e5e7eb;font-weight:500}.active-orders .order-modal .modal-body .items-list h4{font-size:14px;font-weight:600;color:#8e9aaf;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.active-orders .order-modal .modal-body .items-list .item-card{background:#252d44;border-radius:10px;padding:14px;margin-bottom:10px;border-left:3px solid #f59e0b}.active-orders .order-modal .modal-body .items-list .item-card.ready{border-left-color:#10b981}.active-orders .order-modal .modal-body .items-list .item-card .item-main{display:flex;justify-content:space-between;align-items:flex-start}.active-orders .order-modal .modal-body .items-list .item-card .item-main .item-info{display:flex;gap:10px}.active-orders .order-modal .modal-body .items-list .item-card .item-main .item-info .item-qty{font-weight:600;color:#3b82f6}.active-orders .order-modal .modal-body .items-list .item-card .item-main .item-info .item-name{color:#e5e7eb;font-weight:500}.active-orders .order-modal .modal-body .items-list .item-card .item-main .item-right{text-align:right}.active-orders .order-modal .modal-body .items-list .item-card .item-main .item-right .item-status{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:500;margin-bottom:4px}.active-orders .order-modal .modal-body .items-list .item-card .item-main .item-right .item-price{display:block;font-size:13px;color:#8e9aaf}.active-orders .order-modal .modal-body .items-list .item-card .cancel-item-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;padding:8px 16px;background:rgba(239,68,68,.2);color:#f87171;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.active-orders .order-modal .modal-body .items-list .item-card .cancel-item-btn:hover:not(:disabled){background:rgba(239,68,68,.3)}.active-orders .order-modal .modal-body .items-list .item-card .cancel-item-btn:disabled{opacity:.6;cursor:not-allowed}.active-orders .order-modal .modal-body .items-list .item-card .cancel-item-btn .mini-spinner{width:14px;height:14px;border:2px solid rgba(248,113,113,.3);border-top-color:#f87171;border-radius:50%;animation:spin 1s linear infinite}.active-orders .order-modal .modal-footer{padding:16px 20px;background:#252d44;border-top:1px solid #3d4660}.active-orders .order-modal .modal-footer .total-row{display:flex;justify-content:space-between;align-items:center}.active-orders .order-modal .modal-footer .total-row span:first-child{color:#8e9aaf;font-weight:500}.active-orders .order-modal .modal-footer .total-row .total-amount{font-size:20px;font-weight:700;color:#fff}@keyframes spin{to{transform:rotate(360deg)}}body{width:100%;height:100vh;overflow-y:scroll;background-color:#26304b;color:#fff}.col-lg-2,.col-md-9,.col-lg-10,.col-md-3{padding:0}.container{width:90%;margin:auto}.scroll-bar{width:100%;height:80vh;overflow-y:scroll;margin:20px 0}.scroll-bar.bg{background-color:#171e3096}.scroll-bar::-webkit-scrollbar{width:5px}.scroll-bar::-webkit-scrollbar-thumb{width:4px;background-color:#f9fbff62}.scroll-bar::-webkit-scrollbar-track{width:4px;background-color:#6474a09a}.form-input{width:100%;background-color:#404a6e;padding:10px;font-size:18px;color:#fff;outline:none;border:none;border-radius:5px;letter-spacing:1px;margin-bottom:10px}.form-input::placeholder{color:#ffffff96;font-weight:500;letter-spacing:1px}select{width:100%!important;background-color:#404a6e!important;padding:10px!important;font-size:18px!important;color:#fff!important;outline:none!important;border:none!important;border-radius:5px!important;letter-spacing:1px!important;cursor:pointer!important;margin-top:10px}.food-select{width:auto!important}.form-image{width:300px}.form-image img{width:160px;height:160px;object-fit:cover}.file{display:flex;height:160px;position:relative}.filebase{height:100%;background-color:#9aa7cc;opacity:0;position:absolute;top:0;left:0}.filebase input{height:100%}form{padding:40px;border-radius:10px;background-color:#1d2339}.bg-transparent th{background-color:#1d2339;color:#fff;padding:10px}tr td{background-color:#ffffff1a!important;color:#fff!important}.relative{position:relative}.modal-box{width:100%;height:90vh;background-color:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.form-box{background-color:#1d2339;width:50%;max-width:700px;padding:30px;transform:translateY(-100px);border-radius:15px;box-shadow:0 20px 60px #00000080;animation:slideUp .4s ease;position:relative}.report-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #404a6e}.report-header i{font-size:24px;cursor:pointer;color:#8e9aaf;transition:all .3s ease;padding:8px;border-radius:8px}.report-header i:hover{background-color:#404a6e;color:#fff;transform:rotate(90deg)}.report-header h4{margin:0;font-size:22px;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(-100px);opacity:1}}