body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.about-container{align-items:center;background:linear-gradient(135deg,#ffdde1,#ee9ca7);display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;padding:4rem 2rem}.about-inner{border-radius:16px;box-shadow:0 10px 25px #0000001a;display:flex;flex-wrap:wrap;max-width:1200px;overflow:hidden;width:100%}.about-left{align-items:center;background:#0000;display:flex;flex:1 1 300px;justify-content:center;padding:2rem;position:relative}.gear-shape{height:300px;position:relative;width:300px}.gear-svg{fill:#7b1fa2;filter:drop-shadow(0 0 5px rgba(123,31,162,.6));height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.gear-pic{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 10px #0000004d;cursor:pointer;height:90px;object-fit:cover;position:absolute;transition:transform .3s ease;width:90px;z-index:2}.gear-pic:hover{box-shadow:0 6px 15px #00000080;transform:scale(1.1)}.pic1{left:50%;top:10%;transform:translateX(-50%)}.pic2{left:20%}.pic2,.pic3{top:65%;transform:translate(-50%,-50%)}.pic3{left:80%}.about-right{animation:fadeSlideIn 1.5s ease-in-out;background:#1c1c1c;border-bottom-right-radius:16px;border-top-right-radius:16px;color:#fff;display:flex;flex:2 1 600px;flex-direction:column;justify-content:center;padding:3rem 3rem 4rem;text-align:center}.about-heading{animation:slideDown 1s ease-in-out;color:#ffdde1;font-size:2.8rem;font-weight:700;margin-bottom:1rem;text-shadow:1px 1px 2px #0000004d}.about-text{animation:fadeIn 2s ease-in;color:#ddd;font-size:1.2rem;line-height:1.8;margin:0 auto 2rem;max-width:750px}.about-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:2rem}.about-card{background:#ffffff1a;border-radius:12px;box-shadow:0 4px 12px #0000004d;cursor:default;padding:1.5rem;transition:transform .3s ease}.about-card:hover{transform:translateY(-5px)}.about-card h3{color:#ffdde1;font-size:1.4rem;margin-bottom:.5rem}.about-card p{color:#ccc;font-size:1rem;line-height:1.6}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.about-inner{flex-direction:column}.about-left,.about-right{flex:1 1 100%}.about-heading{font-size:2rem}.gear-shape{height:250px;margin:0 auto;width:250px}}.dashboard-container{background:#f8f9fc;display:flex;font-family:Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}.sidebar{background:#0c1a2e;bottom:0;color:#fff;display:flex;flex-direction:column;flex-shrink:0;left:0;overflow-y:auto;padding-bottom:2rem;position:fixed;top:0;transition:transform .3s ease-in-out;width:250px;z-index:200}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.sidebar.open{transform:translateX(0)}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:1rem;text-align:center}.sidebar h2{font-size:1.1rem;margin-top:.5rem}.menu-list{flex-grow:1;list-style:none;margin:1rem 0;padding:0}.sidebar-link{align-items:center;color:#fff;display:flex;gap:1rem;padding:.9rem 1.2rem;text-decoration:none;transition:background .3s}.sidebar-link:hover{background:#ffffff1a}.sidebar li.active .sidebar-link{background:#1cc88a}.logout-btn{background:none;border:none;color:#fff;cursor:pointer;margin-top:auto;padding:.9rem 1.2rem;text-align:left;width:100%}.logout-btn:hover{background:#f003}.topbar{background:#fff;box-shadow:0 2px 5px #0000001a;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.topbar,.topbar h1{align-items:center;display:flex}.topbar h1{color:#0c1a2e;font-size:1.1rem;gap:1rem}.topbar-right{align-items:center;display:flex;gap:1.2rem}.search-wrapper{position:relative}.search-wrapper input{border:1px solid #ddd;border-radius:5px;padding:.5rem .5rem .5rem 2rem}.search-wrapper .icon{color:#999;left:7px;position:absolute;top:50%;transform:translateY(-50%)}.icon{color:#0c1a2e;cursor:pointer;font-size:1.2rem}.main-content{flex-grow:1;margin-left:250px;min-height:100vh;transition:margin-left .3s}.main-content.shifted{margin-left:0;transition:margin-left .3s}.home-page{padding:2rem}.home-page h2{color:#0c1a2e;font-size:1.5rem}.animated-description{color:#444;font-size:1rem;margin:.5rem 0 2rem}.content-blocks-container{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.content-block{border-radius:10px;color:#fff;padding:1.2rem;transition:transform .3s ease}.content-block:hover{transform:translateY(-5px)}.block-icon{font-size:2rem;margin-bottom:.8rem}.user-icon-wrapper{position:relative}.user-dropdown{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0003;color:#333;min-width:180px;overflow:hidden;position:absolute;right:0;top:130%}.user-dropdown .user-name{background:#f4f4f4;font-weight:700;padding:.8rem}.logout-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:.8rem;text-align:left;width:100%}.logout-button:hover{background:#f8f9fc}.mobile-menu-btn{background:#0c1a2e;border:none;border-radius:5px;color:#fff;display:none;left:1rem;padding:.6rem .8rem;position:fixed;top:1rem;z-index:300}@media (max-width:767px){.sidebar{bottom:0;position:fixed;top:0;transform:translateX(-100%);z-index:200}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.mobile-menu-btn{display:block}.topbar{align-items:flex-start;flex-direction:column;gap:.8rem}.topbar-right{justify-content:space-between;width:100%}}.slide-in{animation:slideIn .3s ease-out forwards}.slide-out{animation:slideOut .3s ease-out forwards}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.fade-in{animation:fadeIn .3s ease-out forwards}.contact-container{align-items:center;background-color:#f4f8fb;display:flex;justify-content:center;padding:4rem 1rem}.contact-card{grid-gap:2rem;background:#fff;border-radius:12px;box-shadow:0 6px 20px #0000001a;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:900px;padding:2rem;width:100%}.contact-item{align-items:center;display:flex;gap:1rem;text-align:left}.contact-icon{height:40px;width:40px}.contact-item h3{color:#333;font-size:1.2rem;margin:0}.contact-item p{color:#555;font-size:1rem;margin:.3rem 0 0}.gallery-app{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;overflow:hidden}.gallery-container{align-items:center;display:flex;flex-direction:column;max-width:1200px;position:relative;width:90%}.image-container{border-radius:20px;box-shadow:0 25px 50px -12px #00000080;height:70vh;overflow:hidden;position:relative;width:100%}.gallery-image{height:100%;object-fit:cover;transition:opacity .5s ease;width:100%}.fade-in{animation:fadeIn .8s ease-in-out;opacity:1}.fade-out{opacity:0;transition:opacity .5s ease}.caption-container{margin-top:2rem;text-align:center;width:100%}.caption{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50px;color:#fff;display:inline-block;font-size:2.5rem;font-weight:600;margin:0;padding:.5rem 2rem;text-shadow:0 2px 10px #00000080}.slide-up{animation:slideUp .8s ease-out}.slide-down{animation:slideDown .5s ease-in}.dots-container{display:flex;gap:10px;justify-content:center;margin-top:2rem}.dot{background:#ffffff4d;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.dot.active{background:#fff;transform:scale(1.3)}.dot:hover{background:#fff9}@media (max-width:768px){.image-container{height:50vh}.caption{font-size:1.8rem}.dot{height:10px;width:10px}}body,html{background:radial-gradient(circle at top,#0a0f24,#000814);color:#fff;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;overflow-x:hidden;padding:0;scroll-behavior:smooth}.homepage-loading-logo{width:120px}.homepage-loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#ff5722;height:40px;margin:15px auto;width:40px}.homepage-container{background:linear-gradient(160deg,#0a0f24 30%,#000814);height:100vh;text-align:center}.homepage-container,.homepage-overlay{align-items:center;display:flex;justify-content:center}.homepage-overlay{background:#0000008c;height:100%;width:100%}.homepage-intro{animation:slideUp 1.3s ease;padding:2rem}.homepage-intro h1{color:#fff;font-size:2.8rem;letter-spacing:1px;text-shadow:0 4px 20px #ffffff1a}.homepage-intro h1 span{color:#ff5722}.homepage-intro p{color:#ccc;font-size:1.1rem;line-height:1.7;margin:15px auto 35px;max-width:600px}.homepage-btn-group{display:flex;gap:25px;justify-content:center}.btn-green,.btn-orange{border:none;border-radius:8px;cursor:pointer;font-size:1.05rem;font-weight:600;padding:12px 35px;transition:all .3s ease}.btn-orange{background:linear-gradient(135deg,#ff5722,#e64a19);box-shadow:0 0 20px #ff572266;color:#fff}.btn-orange:hover{box-shadow:0 0 25px #ff5722cc;transform:translateY(-3px)}.btn-green{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 0 20px #4caf5066;color:#fff}.btn-green:hover{box-shadow:0 0 25px #4caf50cc;transform:translateY(-3px)}.homepage-login-modal-overlay{align-items:center;animation:fadeIn .5s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.homepage-login-modal{animation:popIn .4s ease;background:#fff;border-radius:16px;box-shadow:0 15px 40px #0000004d;color:#333;max-width:400px;padding:35px;position:relative;width:90%}.homepage-login-header{margin-bottom:25px;text-align:center}.homepage-login-logo{margin-bottom:10px;width:70px}.homepage-login-header h2{color:#111;font-size:1.4rem;margin-bottom:5px}.homepage-login-header p{color:#777;font-size:.9rem}.homepage-login-toggle{background:#f1f1f1;border-radius:8px;display:flex;justify-content:center;margin-bottom:20px;overflow:hidden}.homepage-toggle-btn{background:#0000;border:none;color:#444;cursor:pointer;flex:1 1;font-weight:600;padding:10px;transition:all .3s}.homepage-toggle-btn.active{background:#ff5722;color:#fff}.homepage-form-group{display:flex;flex-direction:column;margin-bottom:15px}.homepage-form-group label{font-weight:600;margin-bottom:5px}.homepage-form-group input{border:2px solid #ccc;border-radius:8px;font-size:1rem;padding:10px 12px;transition:.3s}.homepage-form-group input:focus{border-color:#ff5722;box-shadow:0 0 0 3px #ff572233;outline:none}.homepage-login-submit-btn{background:#ff5722;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:.3s;width:100%}.homepage-login-submit-btn:hover{background:#e64a19;box-shadow:0 8px 25px #ff57224d;transform:translateY(-2px)}.homepage-spinner{animation:spin 1s linear infinite;border:3px solid #fff;border-radius:50%;border-top-color:#ffffff4d;display:inline-block;height:20px;width:20px}.homepage-close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:22px;position:absolute;right:12px;top:12px;transition:.3s}.homepage-close-btn:hover{color:#e64a19}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media (max-width:768px){.homepage-intro h1{font-size:2rem}.homepage-btn-group{flex-direction:column;gap:15px}.homepage-login-modal{padding:25px;width:92%}}.homepage-loading-screen{align-items:center;animation:fadeIn 1.2s ease;background:linear-gradient(135deg,#0b1027,#000);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.homepage-loading-logo{animation:pulse 2s infinite;border-radius:50%;display:block;height:130px;margin-bottom:20px;margin-left:auto;margin-right:auto;object-fit:cover;width:130px}.homepage-loading-content{text-align:center}.btn-blue{background:linear-gradient(135deg,#00b4d8,#0077b6);padding:12px 25px}.btn-blue:hover{background:linear-gradient(135deg,#0096c7,#005f73)}.quickorder-modal h2{color:#0077b6;margin-bottom:5px;text-align:center}.quickorder-modal p{color:#333;font-size:14px;margin-bottom:10px;text-align:center}.btn-add-food{background:#90e0ef;border:none;border-radius:5px;color:#023e8a;cursor:pointer;font-weight:600;margin:5px 0;padding:6px 12px}.btn-add-food:hover{background:#00b4d8;color:#fff}.btn-print{background:linear-gradient(135deg,#48cae4,#0077b6);color:#fff;font-weight:700;margin-top:10px}.btn-print:hover{background:linear-gradient(135deg,#00b4d8,#023e8a)}.quickorder-modal{animation:popIn .3s ease;background:#141428f2;border-radius:12px;box-shadow:0 0 20px #fff3;color:#fff;margin:auto;max-height:90vh;max-width:400px;overflow-y:auto;padding:2rem;position:relative;width:90%}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.quickorder-footer{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;border-top:1px solid #fff3;bottom:0;padding:1rem;position:-webkit-sticky;position:sticky;text-align:center}.btn-blue{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.7rem 1.4rem;transition:.3s}.btn-blue:hover{background-color:#0056b3}@media print{body,html{background:#fff;color:#000;font-family:Courier New,monospace;font-size:11px;margin:0;padding:0;width:58mm}.homepage-container,.homepage-overlay,.quickorder-footer,.quickorder-modal{background:#fff!important;border:none!important;box-shadow:none!important;color:#000!important;max-width:58mm!important;padding:0!important;width:58mm!important}.quickorder-modal h2,.quickorder-modal p{color:#000!important;margin:0;padding:0;text-align:center}.btn-blue,.btn-print,.quickorder-modal button,.quickorder-modal input{display:none!important}.receipt-print{font-size:11px;line-height:1.3;padding:5px;width:58mm}.receipt-print h3{font-size:13px;margin-bottom:5px;text-align:center}.receipt-print hr{border:none;border-top:1px dashed #000;margin:5px 0}.receipt-print .footer{font-size:10px;margin-top:10px;text-align:center}@page{size:58mm auto;margin:0}}*{font-family:Segoe UI,sans-serif}body{background-color:#f5f6fa;color:#2f3640;transition:background .3s,color .3s}body.dark-mode{background-color:#1e272e;color:#f5f6fa}.expenses-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d;margin:2rem auto;max-width:1200px;padding:1rem;transition:background .3s,color .3s}.expenses-container.dark{background:#2f3640;color:#f5f6fa}.header-controls{margin-bottom:1.5rem}.header-controls h1{font-size:1.8rem}.header-buttons button{border-radius:6px;font-size:1rem;margin-left:.5rem;padding:.5rem .7rem;transition:all .2s}.header-buttons button:hover{background:#2980b9}.expenses-container.dark .header-buttons button{background:#718093}.expenses-container.dark .header-buttons button:hover{background:#636e72}.summary-card{background:#f1f2f6;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:1.5rem;padding:1rem 1.5rem;transition:background .3s}.expenses-container.dark .summary-card{background:#3d3d3d}.summary-card h3{margin-bottom:.5rem}.expense-form{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.expense-form button,.expense-form input,.expense-form select{border:1px solid #dcdde1;border-radius:6px;font-size:1rem;padding:.6rem 1rem;transition:all .2s}.expense-form input:focus,.expense-form select:focus{border-color:#3498db;outline:none}.expense-form button{background:#2ecc71;border:none;color:#fff;cursor:pointer}.expense-form button:disabled{cursor:not-allowed;opacity:.6}.expense-form button:hover:not(:disabled){background:#27ae60}.expense-form .cancel-button{background:#e74c3c}.expense-form .cancel-button:hover{background:#c0392b}table{border-radius:10px}td,th{padding:.75rem 1rem}.expenses-container.dark thead{background:#718093}th.sortable{cursor:pointer}th.sortable:hover{opacity:.8}tbody tr{border-bottom:1px solid #dcdde1;transition:background .2s}tbody tr:hover{background:#f1f2f6}.expenses-container.dark tbody tr:hover{background:#3d3d3d}button.delete,button.edit{border:none;border-radius:5px;cursor:pointer;margin-right:.4rem;padding:.3rem .5rem;transition:all .2s}button.edit{background:#f39c12;color:#fff}button.edit:hover{background:#d35400}button.delete{background:#e74c3c;color:#fff}button.delete:hover{background:#c0392b}.loading{flex-direction:column;margin:2rem 0}.loading .spinner{animation:spin 1s linear infinite;border:5px solid #dcdde1;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:.5rem;width:50px}.error,.no-data{color:#e74c3c;font-weight:500;margin:2rem 0;text-align:center}@media (max-width:768px){.expense-form{flex-direction:column}td,th{padding:.5rem}.header-controls{align-items:flex-start;flex-direction:column}.header-buttons{margin-top:.5rem}}.inventory-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.inventory-header{align-items:center;animation:slideDown .6s ease-out;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.inventory-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.025em;margin:0}.header-buttons{gap:12px}.add-btn,.refresh-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.refresh-btn{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.refresh-btn:hover{background:linear-gradient(135deg,#475569,#374151);box-shadow:0 8px 15px -3px #0003;transform:translateY(-2px)}.add-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.add-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 15px -3px #10b9814d;transform:translateY(-2px)}.error-container{animation:shake .5s ease-in-out;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;margin-bottom:24px;padding:20px;text-align:center}.error-text{color:#dc2626;font-weight:600;margin-bottom:15px}.retry-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;transition:all .3s ease}.retry-button:hover{transform:scale(1.05)}.inventory-form{animation:slideUp .6s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-bottom:30px;padding:28px}.inventory-form h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 24px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.inventory-form input,.inventory-form select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:15px;padding:14px 16px;transition:all .3s ease}.inventory-form input:focus,.inventory-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-2px)}.inventory-form select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.form-buttons{display:flex;gap:12px;justify-content:flex-end}.inventory-form button{border:none;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;font-weight:600;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.inventory-form button[type=submit]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.inventory-form button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 8px 15px -3px #3b82f64d;transform:translateY(-2px)}.inventory-form button[type=submit]:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.cancel-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.cancel-btn:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px)}.inventory-summary{grid-gap:20px;animation:fadeInUp .8s ease-out;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.summary-card{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;padding:24px;position:relative}.summary-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.summary-card.total-items:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.summary-card.low-stock-items:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.summary-card.out-of-stock:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.summary-card:hover{box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000000a}.summary-card h3{color:#6b7280;letter-spacing:.05em;margin:0 0 12px}.summary-number{color:#1e293b;font-size:2.5rem;font-weight:800;line-height:1;margin:0}.table-container{animation:slideUp .8s ease-out;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.inventory-table{border-collapse:collapse;font-size:.95rem;width:100%}.inventory-table td,.inventory-table th{border-bottom:1px solid #f1f5f9;padding:16px 20px;text-align:left}.inventory-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;color:#374151;font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.inventory-table tr{transition:all .3s ease}.inventory-table tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:scale(1.01)}.inventory-table tr.low-stock{background:linear-gradient(135deg,#fffbeb,#fef3c7)!important;border-left:4px solid #f59e0b}.inventory-table tr.out-of-stock{background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;border-left:4px solid #ef4444}.inventory-table tr.medium-stock{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;border-left:4px solid #0ea5e9}.inventory-table tr.good-stock{background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important;border-left:4px solid #22c55e}.item-name{color:#1e293b;font-weight:600}.quantity-cell{font-size:1.1rem;font-weight:700}.status-badge{align-items:center;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;gap:4px;letter-spacing:.05em}.status-badge.out-of-stock{background:linear-gradient(135deg,#ef4444,#dc2626)}.status-badge.low-stock{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-badge.medium-stock{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.status-badge.good-stock{background:linear-gradient(135deg,#10b981,#059669)}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:10px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;justify-content:center;padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.edit-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 8px #3b82f64d;transform:scale(1.1)}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d;transform:scale(1.1)}.loading-container,.no-data{color:#6b7280;padding:60px 40px;text-align:center}.loading-spinner{border-top-color:#3b82f6}.no-data{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:20px}.no-data p{color:#9ca3af;font-size:1.1rem;margin:0}@media (max-width:1024px){.inventory-container{padding:16px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.inventory-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.inventory-header{flex-direction:column;gap:16px;text-align:center}.inventory-header h1{font-size:2rem}.form-grid{grid-template-columns:1fr}.form-buttons{flex-direction:column}.inventory-table{font-size:.85rem}.inventory-table td,.inventory-table th{padding:12px 8px}.action-buttons{flex-direction:column;gap:5px}.delete-btn,.edit-btn{padding:8px 10px}}@media (max-width:480px){.inventory-container{padding:12px}.inventory-summary{grid-template-columns:1fr}.summary-card{padding:20px}.summary-number{font-size:2rem}.inventory-form{padding:20px}}:root{--primary-color:#07a37c;--primary-dark:#75dadd;--secondary-color:#764ba2;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--light-bg:#f8fafc;--light-card:#fff;--light-text:#1e293b;--light-border:#eceff1;--dark-bg:#0f172a;--dark-card:#1e293b;--dark-text:#dde0e2;--dark-border:#334155;--shadow:0 10px 25px -5px #0000001a;--shadow-lg:0 20px 40px -10px #0003;--radius:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{background:#f8fafc;background:var(--light-bg);color:#1e293b;color:var(--light-text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}body.dark-mode{background:#0f172a;background:var(--dark-bg);color:#dde0e2;color:var(--dark-text)}.menu-container{margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.menu-container.dark{background:#0f172a;background:var(--dark-bg);color:#dde0e2;color:var(--dark-text)}.menu-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.menu-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#07a37c,#764ba2);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.menu-actions{align-items:center;display:flex;gap:1rem}.search-input{background:#fff;background:var(--light-card);border:2px solid #eceff1;border:2px solid var(--light-border);border-radius:12px;border-radius:var(--radius);color:#1e293b;color:var(--light-text);font-size:1rem;min-width:300px;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.search-input:focus{border-color:#07a37c;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.dark .search-input{background:#1e293b;background:var(--dark-card);border-color:#334155;border-color:var(--dark-border);color:#dde0e2;color:var(--dark-text)}.dark .search-input:focus{border-color:#07a37c;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea33}.theme-toggle{align-items:center;background:#fff;background:var(--light-card);border:2px solid #eceff1;border:2px solid var(--light-border);border-radius:50%;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow);cursor:pointer;display:flex;font-size:1.2rem;height:3rem;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:3rem}.theme-toggle:hover{box-shadow:0 20px 40px -10px #0003;box-shadow:var(--shadow-lg)}.dark .theme-toggle{background:#1e293b;background:var(--dark-card);border-color:#334155;border-color:var(--dark-border)}.add-button{background:linear-gradient(135deg,#07a37c,#764ba2);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:2rem;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.add-button:hover:not(:disabled){box-shadow:0 20px 40px -10px #0003;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.add-button.cancel{background:#ef4444;background:var(--error-color)}.add-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{animation:slideIn .3s ease-out;background:#ef4444;background:var(--error-color);border-radius:12px;border-radius:var(--radius);color:#fff;margin-bottom:1.5rem;padding:1rem}.error-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;width:2rem}.menu-form{animation:slideIn .3s ease-out;background:#fff;background:var(--light-card);border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow);margin-bottom:2rem;padding:2rem}.dark .menu-form{background:#1e293b;background:var(--dark-card)}.form-group{margin-bottom:1.5rem}.form-group label{color:#1e293b;color:var(--light-text);margin-bottom:.5rem}.dark .form-group label{color:#dde0e2;color:var(--dark-text)}.id-display{background:#f8fafc;background:var(--light-bg);border:2px solid #eceff1;border:2px solid var(--light-border);border-radius:12px;border-radius:var(--radius);font-weight:600;padding:.75rem}.dark .id-display{background:#0f172a;background:var(--dark-bg);border-color:#334155;border-color:var(--dark-border)}.form-input,.form-select{background:#fff;background:var(--light-card);border:2px solid #eceff1;border:2px solid var(--light-border);border-radius:12px;border-radius:var(--radius);color:#1e293b;color:var(--light-text);font-size:1rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-input:focus,.form-select:focus{border-color:#07a37c;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.dark .form-input,.dark .form-select{background:#1e293b;background:var(--dark-card);border-color:#334155;border-color:var(--dark-border);color:#dde0e2;color:var(--dark-text)}.dark .form-input:focus,.dark .form-select:focus{border-color:#07a37c;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea33}.price-input-container{position:relative}.price-input{padding-right:4rem}.currency-symbol{color:#07a37c;color:var(--primary-color);font-weight:600;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.form-actions{gap:1rem;margin-top:2rem}.save-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success-color),#059669);border:none;border-radius:12px;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;min-width:120px;padding:.75rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.save-button:hover:not(:disabled){box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}.save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading{align-items:center;color:#1e293b;color:var(--light-text);display:flex;font-size:1.1rem;gap:1rem;justify-content:center;padding:3rem}.dark .loading{color:#dde0e2;color:var(--dark-text)}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#07a37c;border-top:2px solid var(--primary-color);height:1.5rem;width:1.5rem}.table-container{background:var(--light-card);border-radius:var(--radius);box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow)}.dark .table-container{background:#1e293b;background:var(--dark-card)}.table-header{background:#f8fafc;background:var(--light-bg);border-bottom:1px solid #eceff1;border-bottom:1px solid var(--light-border);padding:1.5rem}.dark .table-header{background:#0f172a;background:var(--dark-bg);border-color:#334155;border-color:var(--dark-border)}.items-count{color:#1e293b;color:var(--light-text);font-weight:600}.dark .items-count{color:#dde0e2;color:var(--dark-text)}.menu-table{border-collapse:collapse;width:100%}.menu-table th{background:#f8fafc;background:var(--light-bg);border-bottom:1px solid #eceff1;border-bottom:1px solid var(--light-border);color:#1e293b;color:var(--light-text);font-weight:600;padding:1rem;text-align:left}.dark .menu-table th{background:#0f172a;background:var(--dark-bg);border-color:#334155;border-color:var(--dark-border);color:#dde0e2;color:var(--dark-text)}.menu-table td{border-bottom:1px solid #eceff1;border-bottom:1px solid var(--light-border);padding:1rem}.dark .menu-table td{border-color:#334155;border-color:var(--dark-border)}.table-row:hover{background:#f8fafc;background:var(--light-bg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.dark .table-row:hover{background:#ffffff0d}.action-buttons{gap:.5rem}.delete-button,.edit-button{font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.edit-button{background:#f59e0b;background:var(--warning-color)}.edit-button:hover:not(:disabled){background:#e68a00;transform:translateY(-1px)}.delete-button{background:#ef4444;background:var(--error-color)}.delete-button:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.delete-button:disabled,.edit-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.no-items-row td{color:#1e293b;color:var(--light-text);font-style:italic;padding:3rem;text-align:center}.dark .no-items-row td{color:#dde0e2;color:var(--dark-text)}.pagination-controls{align-items:center;border-top:1px solid #eceff1;border-top:1px solid var(--light-border);display:flex;gap:1rem;justify-content:center;padding:1.5rem}.dark .pagination-controls{border-color:#334155;border-color:var(--dark-border)}.pagination-button{background:#fff;background:var(--light-card);border:2px solid #eceff1;border:2px solid var(--light-border);border-radius:12px;border-radius:var(--radius);color:#1e293b;color:var(--light-text);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.pagination-button:hover:not(:disabled){border-color:#07a37c;border-color:var(--primary-color);color:#07a37c;color:var(--primary-color);transform:translateY(-1px)}.pagination-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.dark .pagination-button{background:#1e293b;background:var(--dark-card);border-color:#334155;border-color:var(--dark-border);color:#dde0e2;color:var(--dark-text)}.page-info{color:#1e293b;color:var(--light-text);font-weight:500}.dark .page-info{color:#dde0e2;color:var(--dark-text)}@media (max-width:1024px){.menu-container{padding:1rem}.menu-header{align-items:stretch;flex-direction:column}.menu-actions{justify-content:space-between}.search-input{flex:1 1;min-width:auto}}@media (max-width:768px){.menu-header h2{font-size:2rem}.table-container{overflow-x:auto}.menu-table{min-width:800px}.action-buttons,.form-actions{flex-direction:column}.save-button{width:100%}}@media (max-width:480px){.menu-container{padding:.5rem}.menu-form{padding:1.5rem}.menu-header h2{font-size:1.75rem}.search-input{min-width:200px}.pagination-controls{flex-direction:column;gap:.5rem}}.all-orders-container{background:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px;transition:all .3s ease}.all-orders-container.dark{background:#1a1a1a;color:#e0e0e0}.all-orders-container.dark .header-controls{border-bottom-color:#444}.header-controls h1{font-size:2.5rem}.all-orders-container.dark .header-controls h1{color:#f8f9fa}.header-buttons{gap:15px}.header-buttons button{align-items:center;background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.header-buttons button:hover:not(:disabled){box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.header-buttons button:disabled{cursor:not-allowed;opacity:.6;transform:none}.header-buttons button:nth-child(2){background:#6c757d}.header-buttons button:nth-child(2):hover{box-shadow:0 4px 12px #6c757d4d}.summary-card{transition:transform .3s ease}.all-orders-container.dark .summary-card{background:linear-gradient(135deg,#4a5568,#2d3748)}.summary-card h3{letter-spacing:1px;text-transform:uppercase}.summary-card p{font-size:2rem;font-weight:700;margin:0}.filters-container{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.filter-group label{font-size:14px}.all-orders-container.dark .filter-group label{color:#adb5bd}.filter-group input{background:#fff;border:2px solid #e9ecef;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .3s ease}.all-orders-container.dark .filter-group input{background:#2d3748;border-color:#4a5568;color:#e0e0e0}.filter-group input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.error-message{align-items:center;background:#fee;border:1px solid #f5c6cb;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.all-orders-container.dark .error-message{background:#422;border-color:#844}.error-message p{color:#721c24;font-weight:500;margin:0}.all-orders-container.dark .error-message p{color:#f8d7da}.error-message button{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px}.error-message button:hover{background:#c82333}.no-orders{color:#6c757d;padding:60px 20px;text-align:center}.all-orders-container.dark .no-orders{color:#adb5bd}.no-orders p{font-size:1.2rem;margin-bottom:20px}.no-orders button{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;margin:0 auto;padding:12px 24px}.no-orders button:hover{background:#218838}.orders-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.all-orders-container.dark .orders-table-container{background:#2d3748}.orders-table{border-collapse:collapse;font-size:14px;width:100%}.orders-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;cursor:pointer;font-weight:600;padding:16px 12px;text-align:left;transition:all .3s ease;-webkit-user-select:none;user-select:none}.all-orders-container.dark .orders-table th{background:#4a5568;border-bottom-color:#718096;color:#e0e0e0}.orders-table th.sortable:hover{background:#e9ecef}.all-orders-container.dark .orders-table th.sortable:hover{background:#5a6578}.orders-table td{border-bottom:1px solid #e9ecef;padding:16px 12px;vertical-align:top}.all-orders-container.dark .orders-table td{border-bottom-color:#4a5568;color:#e0e0e0}.orders-table tr:last-child td{border-bottom:none}.orders-table tr:hover td{background:#f8f9fa}.all-orders-container.dark .orders-table tr:hover td{background:#4a5568}.items-list{max-width:200px}.items-list div{border-bottom:1px solid #f1f3f4;padding:4px 0}.all-orders-container.dark .items-list div{border-bottom-color:#4a5568}.items-list div:last-child{border-bottom:none;color:#6c757d;font-weight:600}.all-orders-container.dark .items-list div:last-child{color:#adb5bd}.status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-pending{background:#fff3cd;color:#856404}.all-orders-container.dark .status-pending{background:#5d4c1e;color:#ffd351}.status-completed{background:#d1edff;color:#0c5460}.all-orders-container.dark .status-completed{background:#1e3a5d;color:#51a0ff}.status-cancelled{background:#f8d7da;color:#721c24}.all-orders-container.dark .status-cancelled{background:#5d1e1e;color:#ff5151}.action-buttons button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.action-buttons button:first-child{background:#17a2b8;color:#fff}.action-buttons button:first-child:hover{background:#138496;transform:scale(1.1)}.action-buttons button:nth-child(2){background:#ffc107;color:#212529}.action-buttons button:nth-child(2):hover{background:#e0a800;transform:scale(1.1)}.action-buttons button:nth-child(3){background:#dc3545;color:#fff}.action-buttons button:nth-child(3):hover{background:#c82333;transform:scale(1.1)}.loading-container.dark{color:#e0e0e0}.loading-container.dark .loading-spinner{border-color:#3498db #4a5568 #4a5568}.modal-overlay{background:#0009}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.all-orders-container.dark .modal-content{background:#2d3748;color:#e0e0e0}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.all-orders-container.dark .modal-header{border-bottom-color:#4a5568}.modal-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.all-orders-container.dark .modal-header h2{color:#f8f9fa}.modal-header button{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:1.2rem;padding:4px}.modal-header button:hover{background:#f8f9fa;color:#495057}.all-orders-container.dark .modal-header button:hover{background:#4a5568;color:#e0e0e0}.modal-body{padding:24px}.modal-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.all-orders-container.dark .modal-footer{border-top-color:#4a5568}.modal-footer button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.modal-footer button:first-child{background:#6c757d;color:#fff}.modal-footer button:first-child:hover{background:#5a6268}.modal-footer button:last-child{background:#28a745;color:#fff}.modal-footer button:last-child:hover{background:#218838}.order-info{margin-bottom:24px}.info-row{border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:8px 0}.all-orders-container.dark .info-row{border-bottom-color:#4a5568}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:#495057;font-weight:600}.all-orders-container.dark .info-row span:first-child{color:#adb5bd}.items-section h3{color:#2c3e50;font-size:1.2rem;margin:0 0 16px}.all-orders-container.dark .items-section h3{color:#f8f9fa}.items-list-detailed{border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.all-orders-container.dark .items-list-detailed{border-color:#4a5568}.item-detailed{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 16px}.all-orders-container.dark .item-detailed{background:#4a5568;border-bottom-color:#5a6578;color:#e0e0e0}.item-detailed:last-child{border-bottom:none}.item-detailed span{flex:1 1}.item-detailed span:first-child{font-weight:500}.item-detailed span:last-child{color:#28a745;font-weight:600;text-align:right}.all-orders-container.dark .item-detailed span:last-child{color:#51ff85}.edit-form{grid-gap:16px;display:grid;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#495057;font-size:14px}.all-orders-container.dark .form-group label{color:#adb5bd}.form-group input,.form-group select{background:#fff;border:2px solid #e9ecef;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .3s ease}.all-orders-container.dark .form-group input,.all-orders-container.dark .form-group select{background:#2d3748;border-color:#4a5568;color:#e0e0e0}.form-group input:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}@media (max-width:768px){.all-orders-container{padding:15px}.header-controls{flex-direction:column;gap:15px;text-align:center}.header-controls h1{font-size:2rem}.summary-cards{gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{padding:20px}.summary-card p{font-size:1.5rem}.filters-container{flex-direction:column}.orders-table-container{overflow-x:auto}.orders-table{min-width:800px}.action-buttons{flex-direction:column;gap:4px}.action-buttons button{padding:6px}.modal-content{margin:10px;max-height:95vh}.modal-body{padding:20px}}@media (max-width:480px){.header-buttons{flex-direction:column;width:100%}.header-buttons button{justify-content:center;width:100%}.summary-cards{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer button{justify-content:center;width:100%}}body.dark-mode{background:#1a1a1a;color:#e0e0e0}.orders-table tr,.summary-card,button,input,select{transition:all .3s ease}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #3498db;outline-offset:2px}.orders-table-container::-webkit-scrollbar{height:8px}.orders-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.all-orders-container.dark .orders-table-container::-webkit-scrollbar-track{background:#4a5568}.orders-table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.all-orders-container.dark .orders-table-container::-webkit-scrollbar-thumb{background:#718096}.orders-table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.all-orders-container.dark .orders-table-container::-webkit-scrollbar-thumb:hover{background:#90a0b8}.sales-report{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:24px;padding:24px}.all-orders-container.dark .sales-report{background:#2d3748}.sales-report h2{border-bottom:2px solid #e9ecef;color:#2c3e50;margin-bottom:20px;padding-bottom:10px}.all-orders-container.dark .sales-report h2{border-bottom-color:#4a5568;color:#f8f9fa}.report-section{margin-bottom:30px}.report-section h3{color:#495057;font-size:1.2rem;margin-bottom:15px}.all-orders-container.dark .report-section h3{color:#adb5bd}.report-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.report-card{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:16px}.all-orders-container.dark .report-card{background:#4a5568}.report-card h4{color:#2c3e50;font-size:1rem;margin:0 0 8px}.all-orders-container.dark .report-card h4{color:#f8f9fa}.report-card p{color:#6c757d;font-size:.9rem;margin:4px 0}.all-orders-container.dark .report-card p{color:#adb5bd}.performance-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;padding:20px}.all-orders-container.dark .performance-summary{background:linear-gradient(135deg,#4a5568,#2d3748)}.performance-summary h3{color:#fff;margin-bottom:15px}.summary-message p{font-size:1rem;margin:8px 0}.header-buttons button:nth-child(2){background:#28a745}.header-buttons button:nth-child(2):hover{background:#218838;box-shadow:0 4px 12px #28a7454d}.header-buttons button:nth-child(3){background:#6f42c1}.header-buttons button:nth-child(3):hover{background:#5a2d91;box-shadow:0 4px 12px #6f42c14d}:root{--primary-color:#026108;--primary-dark:#c0392b;--secondary-color:#3498db;--success-color:#2ecc71;--warning-color:#f39c12;--danger-color:#240401;--light-bg:#f5f7fa;--dark-text:#333;--light-text:#96daf8;--gray-text:#7f8c8d;--border-radius:8px;--box-shadow:0 2px 10px #0000001a;--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:#f5f7fa;background-color:var(--light-bg);color:#333;color:var(--dark-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}.order-system{min-height:100vh;overflow:hidden;position:relative;width:100%}.header{align-items:center;background-color:#026108;background-color:var(--primary-color);box-shadow:0 2px 10px #0000001a;box-shadow:var(--box-shadow);color:#96daf8;color:var(--light-text);display:flex;justify-content:space-between;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header h3{font-size:1.2rem;font-weight:500;margin:0}.btn{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--border-radius);color:#96daf8;color:var(--light-text);cursor:pointer;display:inline-flex;font-size:1rem;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .3s ease;transition:var(--transition)}.btn:hover{background-color:#fff3}.btn-icon{font-size:1.2rem}.error-message{animation:shake .5s ease-in-out;background-color:#fadbd8;border-radius:8px;border-radius:var(--border-radius);color:#240401;color:var(--danger-color);margin:1rem 0;padding:.75rem 1rem;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#026108;border-top:4px solid var(--primary-color);height:30px;margin:1.5rem auto;width:30px}.container{margin:0 auto;padding:1rem;width:100%}.card{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--box-shadow);margin-bottom:1rem;padding:1.5rem}.login-view{align-items:center;background:linear-gradient(135deg,#026108,#c0392b);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#96daf8;color:var(--light-text);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-container{animation:fadeIn .5s ease-out;background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0003;color:#333;color:var(--dark-text);max-width:350px;padding:2rem;text-align:center;width:100%}.logo{margin-bottom:1.5rem}.pin-display{gap:.5rem;margin:1.5rem 0}.pin-digit,.pin-display{display:flex;justify-content:center}.pin-digit{align-items:center;background-color:#f5f7fa;background-color:var(--light-bg);border-radius:50%;font-size:1.2rem;height:2.5rem;transition:all .3s ease;transition:var(--transition);width:2.5rem}.pin-digit.active{background-color:#026108;background-color:var(--primary-color);color:#96daf8;color:var(--light-text);transform:scale(1.1)}.numpad{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-top:1.5rem}.numpad-btn{background-color:#f5f7fa;background-color:var(--light-bg);border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;font-size:1.2rem;min-height:3.5rem;padding:1rem;transition:all .3s ease;transition:var(--transition)}.numpad-btn:hover{background-color:#e0e5ec;transform:translateY(-2px)}.numpad-btn:active{transform:translateY(0)}.numpad-btn.delete{background-color:#f39c12;background-color:var(--warning-color)}.numpad-btn.delete,.numpad-btn.enter{color:#96daf8;color:var(--light-text)}.numpad-btn.enter{background-color:#2ecc71;background-color:var(--success-color);grid-column:span 3}.numpad-btn.enter:disabled{background-color:#7f8c8d;background-color:var(--gray-text);cursor:not-allowed}.table-selection-view{animation:slideIn .4s ease-out;margin:0 auto;max-width:500px;padding:1rem;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.table-display{background-color:#f5f7fa;background-color:var(--light-bg);border-radius:8px;border-radius:var(--border-radius);font-family:monospace;font-size:2rem;margin:1.5rem 0;padding:1rem;text-align:center}.menu-groups-view{animation:slideIn .4s ease-out;margin:0 auto;max-width:800px;padding:1rem;width:100%}.group-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1.5rem}.group-card{align-items:center;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 8px #0000001a;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;justify-content:center;min-height:120px;padding:2rem 1rem;text-align:center;transition:all .3s ease;transition:var(--transition)}.group-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.group-card.food{background-color:#f39c12;background-color:var(--warning-color)}.group-card.drinks,.group-card.food{color:#96daf8;color:var(--light-text)}.group-card.drinks{background-color:#3498db;background-color:var(--secondary-color)}.categories-view,.subcategories-view{animation:slideIn .4s ease-out;margin:0 auto;max-width:800px;padding:1rem;width:100%}.category-list,.subcategory-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:1.5rem}.category-item,.subcategory-item{align-items:center;background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 5px #0000001a;cursor:pointer;display:flex;font-weight:500;justify-content:center;min-height:80px;padding:1.5rem 1rem;text-align:center;transition:all .3s ease;transition:var(--transition)}.category-item:hover,.subcategory-item:hover{background-color:#026108;background-color:var(--primary-color);box-shadow:0 5px 15px #0003;color:#96daf8;color:var(--light-text);transform:translateY(-3px)}.subcategory-item.all-items{background-color:#2ecc71;background-color:var(--success-color);color:#96daf8;color:var(--light-text);grid-column:1/-1}.empty-message,.loading{color:#7f8c8d;color:var(--gray-text);padding:2rem;text-align:center}.empty-message{font-style:italic}.items-view{animation:slideIn .4s ease-out;display:flex;flex-direction:column;margin:0 auto;max-width:1000px;min-height:calc(100vh - 3.5rem);padding:1rem;width:100%}.items-container{flex:1 1;margin-bottom:1rem;overflow-y:auto}.item-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.item-card{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 5px #0000001a;cursor:pointer;padding:1rem;transition:all .3s ease;transition:var(--transition)}.item-card:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-5px)}.item-name{font-size:1rem;font-weight:500}.item-price{color:#026108;color:var(--primary-color);font-size:1rem}.item-package{font-size:.8rem;margin-top:.5rem}.order-summary{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 -2px 10px #0000001a;margin-top:auto;padding:1rem}.order-items{margin:1rem 0;max-height:200px;overflow-y:auto}.order-item{border-bottom:1px solid #eee;font-size:.9rem;justify-content:space-between;padding:.5rem 0}.item-controls,.order-item{align-items:center;display:flex}.item-controls{gap:.5rem}.qty-btn{align-items:center;background-color:#f5f7fa;background-color:var(--light-bg);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:.8rem;height:25px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:25px}.qty-btn:hover{background-color:#026108;background-color:var(--primary-color);color:#96daf8;color:var(--light-text)}.item-total{font-size:.9rem;font-weight:700}.item-total,.remove-btn{color:#026108;color:var(--primary-color)}.remove-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:0 .25rem}.order-total{border-top:1px solid #eee;display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between;margin:1rem 0;padding-top:.5rem}.order-notes{border:1px solid #ddd;border-radius:8px;border-radius:var(--border-radius);font-family:inherit;margin-bottom:1rem;min-height:80px;padding:.75rem;resize:none;width:100%}.place-order-btn{background-color:#2ecc71;background-color:var(--success-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#96daf8;color:var(--light-text);cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem;transition:all .3s ease;transition:var(--transition);width:100%}.place-order-btn:hover{background-color:#27ae60;transform:translateY(-2px)}.place-order-btn:disabled{background-color:#7f8c8d;background-color:var(--gray-text);cursor:not-allowed;transform:none}.item-detail-view{animation:slideIn .4s ease-out;margin:0 auto;max-width:500px;padding:1rem;width:100%}.item-detail-container{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 15px #0000001a;margin-top:1rem;padding:1.5rem;text-align:center}.item-name{color:#026108;color:var(--primary-color);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.item-price{font-size:1.3rem;font-weight:700;margin-bottom:1rem}.item-package{color:#7f8c8d;color:var(--gray-text);font-size:.9rem;margin-bottom:1rem}.item-category{color:#95a5a6;font-size:.9rem;margin-bottom:1.5rem}.quantity-selector{align-items:center;display:flex;gap:1rem;justify-content:center;margin:1.5rem 0}.qty-display{font-size:1.5rem;font-weight:700;min-width:40px;text-align:center}.action-btn{border-radius:8px;border-radius:var(--border-radius);display:block;font-size:1rem;font-weight:700;margin:.5rem 0;padding:.75rem;transition:var(--transition);width:100%}.add-to-order-btn{background-color:#026108;background-color:var(--primary-color);color:#96daf8;color:var(--light-text)}.add-to-order-btn:hover{background-color:#c0392b;background-color:var(--primary-dark);box-shadow:0 5px 15px #e74c3c66;transform:translateY(-3px)}.back-to-items-btn{background-color:#f5f7fa;background-color:var(--light-bg);color:#333;color:var(--dark-text)}.back-to-items-btn:hover{background-color:#e0e5ec;transform:translateY(-3px)}.confirmation-view{animation:fadeIn .5s ease-out;background-color:#000c;bottom:0;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.confirmation-container{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);max-width:500px;padding:1.5rem}.receipt-preview{background-color:#fff;border:1px dashed #ccc;border-radius:8px;border-radius:var(--border-radius);font-size:.9rem;margin:1rem 0;max-height:300px;overflow-y:auto;padding:1rem;text-align:left}.receipt-header{border-bottom:1px dashed #ccc;margin-bottom:1rem;padding-bottom:1rem;text-align:center}.logo{color:#026108;color:var(--primary-color);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.receipt-title{font-size:1.1rem;font-weight:700;margin:.5rem 0}.receipt-item{margin:.5rem 0}.receipt-item,.receipt-total{display:flex;justify-content:space-between}.receipt-total{border-top:1px dashed #ccc;font-weight:700;margin-top:1rem;padding-top:.5rem}.confirmation-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr;margin-top:1.5rem}.confirmation-btn{border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem;transition:all .3s ease;transition:var(--transition)}.new-order-btn{background-color:#3498db;background-color:var(--secondary-color);color:#96daf8;color:var(--light-text)}.new-order-btn:hover{background-color:#2980b9;transform:translateY(-3px)}.print-btn{background-color:#f39c12;background-color:var(--warning-color);color:#96daf8;color:var(--light-text)}.print-btn:hover{background-color:#e67e22;transform:translateY(-3px)}.done-btn{background-color:#2ecc71;background-color:var(--success-color);color:#96daf8;color:var(--light-text)}.done-btn:hover{background-color:#27ae60;transform:translateY(-3px)}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{box-sizing:border-box;height:10%;left:0;margin:0;padding:20px;position:absolute;top:0;width:0}.noprint{display:none!important}}@media (max-width:768px){html{font-size:14px}.category-list,.group-grid,.item-grid,.subcategory-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.group-card{font-size:1rem;min-height:100px;padding:1.5rem .5rem}.category-item,.subcategory-item{min-height:70px;padding:1rem .5rem}.item-card{padding:.75rem}.item-name,.item-price{font-size:.9rem}.numpad-btn{min-height:3rem;padding:.75rem}}@media (max-width:480px){.login-container{padding:1.5rem}.pin-digit{font-size:1rem;height:2rem;width:2rem}.category-list,.group-grid,.item-grid,.subcategory-list{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.group-card{font-size:.9rem;min-height:80px;padding:1rem .5rem}.category-item,.subcategory-item{font-size:.9rem;min-height:60px;padding:.75rem .5rem}.item-name,.item-price,.order-item{font-size:.8rem}.qty-btn{font-size:.7rem;height:20px;width:20px}.confirmation-buttons{grid-template-columns:1fr}}.confirmation-view{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.confirmation-container{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000004d;max-width:400px;padding:30px;text-align:center;width:100%}.confirmation-icon{font-size:60px;margin-bottom:20px}.confirmation-container h2{color:#27ae60;font-size:24px;margin-bottom:10px}.confirmation-container p{color:#666;line-height:1.5;margin-bottom:25px}.order-summary-small{background:#f8f9fa;border-radius:10px;margin-bottom:25px;padding:15px;text-align:left}.order-summary-small h4{color:#2c3e50;margin:0 0 10px;text-align:center}.summary-items{margin-bottom:10px;max-height:120px;overflow-y:auto}.summary-item{border-bottom:1px dashed #ddd;display:flex;font-size:14px;justify-content:space-between;padding:5px 0}.summary-item:last-child{border-bottom:none}.summary-more{color:#7f8c8d;font-size:12px;font-style:italic;padding:5px;text-align:center}.summary-total{border-top:2px solid #ddd;color:#e74c3c;font-size:16px;padding-top:10px;text-align:center}.confirmation-buttons{display:flex;flex-direction:column;gap:10px}.done-btn,.new-order-btn,.print-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;transition:all .3s ease}.print-btn{background:#3498db;color:#fff}.print-btn:hover{background:#2980b9;transform:translateY(-2px)}.new-order-btn{background:#27ae60;color:#fff}.new-order-btn:hover{background:#219a52;transform:translateY(-2px)}.done-btn{background:#e74c3c;color:#fff}.done-btn:hover{background:#c0392b;transform:translateY(-2px)}@media (max-width:480px){.confirmation-container{margin:10px;padding:20px}.confirmation-buttons{gap:8px}.done-btn,.new-order-btn,.print-btn{font-size:14px;padding:10px 15px}}.quick-add-section{margin:15px 0;text-align:center}.quick-add-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:10px 0;padding:12px 20px;transition:all .3s ease;width:90%}.quick-add-btn:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.quick-add-form{animation:slideDown .3s ease;background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;margin:15px 0;padding:15px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quick-add-form h3{color:#495057;margin:0 0 10px;text-align:center}.form-description{color:#6c757d;font-size:12px;margin-bottom:15px;text-align:center}.quick-add-item-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.quick-add-input{border:1px solid #ddd;border-radius:5px;flex:1 1;font-size:14px;padding:10px}.quick-add-input:focus{border-color:#667eea;outline:none}.price-input{max-width:100px}.full-width{width:100%}.remove-item-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;width:30px}.remove-item-btn:hover{background:#c82333}.add-more-btn{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;margin:5px 0 15px;padding:8px 15px;width:100%}.add-more-btn:hover{background:#218838}.chief-input{margin:10px 0}.quick-add-buttons{display:flex;gap:10px;margin-top:15px}.submit-quick-add{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:2 1;font-weight:700;padding:12px}.submit-quick-add:hover{background:#218838}.cancel-quick-add{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;padding:12px}.cancel-quick-add:hover{background:#5a6268}.chief-info{color:#666;font-size:10px;font-style:italic;margin-top:2px}.payment-container{background:#f7f9fc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px;transition:background .3s,color .3s}.payment-container.dark{background:#1e1e1e;color:#e0e0e0}header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}header h1{font-size:24px;font-weight:700}.header-actions button{background:none;font-size:18px;margin-left:10px;transition:transform .2s}.header-actions button:hover{color:#3498db;transform:scale(1.1)}.search-bar{margin-bottom:15px}.search-bar input{border:1px solid #ccc;border-radius:8px;font-size:14px;padding:8px 12px}.payment-container.dark .search-bar input{background:#333;border:1px solid #555;color:#eee}table{border-collapse:collapse;border-radius:8px;box-shadow:0 2px 5px #0000000d;margin-top:10px;overflow:hidden}td,th{padding:12px 15px;text-align:left}th{background:#3498db;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.payment-container.dark th{background:#2980b9}tr:nth-child(2n){background:#f2f2f2}.payment-container.dark tr:nth-child(2n){background:#2a2a2a}tr:hover{background:#d1ecf1}.payment-container.dark tr:hover{background:#444}.action-btn{font-size:14px;margin-right:5px;padding:5px 8px;transition:all .2s ease-in-out}.action-btn.print{background:#27ae60}.action-btn.edit{background:#f1c40f}.action-btn.delete{background:#e74c3c}.action-btn:hover{opacity:.85;transform:scale(1.05)}.loader{font-size:18px;font-weight:700;padding:20px;text-align:center}.modal{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal form{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;max-width:450px;padding:20px 30px;position:relative;width:100%}.payment-container.dark .modal form{background:#2c2c2c;color:#eee}.modal h2{font-size:20px;margin-bottom:15px;text-align:center}.modal input,.modal select{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:14px;margin-bottom:12px;padding:10px 12px;width:100%}.payment-container.dark .modal input,.payment-container.dark .modal select{background:#333;border:1px solid #555;color:#eee}.form-actions button{padding:8px 16px;transition:all .2s}.form-actions button[type=submit]{background:#27ae60;color:#fff}.form-actions button[type=submit]:hover{background:#219150}.form-actions button[type=button]{background:#e74c3c}.form-actions button[type=button]:hover{background:#c0392b}@media (max-width:768px){td,th{font-size:13px;padding:8px 10px}.modal form{padding:15px 20px}.header-actions button{font-size:16px}}.sales-report-container{background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px;transition:all .3s ease}.sales-report-container.dark{background-color:#1a1a1a;color:#e0e0e0}.header-controls{border-bottom:2px solid #e9ecef}.sales-report-container.dark .header-controls{border-bottom-color:#404040}.header-controls h1{align-items:center;color:#2c3e50;display:flex;font-weight:700;gap:10px}.sales-report-container.dark .header-controls h1{color:#f8f9fa}.refresh-button,.theme-toggle{align-items:center;background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:10px 15px;transition:all .3s ease}.refresh-button:hover{background:#2980b9;transform:translateY(-2px)}.theme-toggle{background:#6c757d}.theme-toggle:hover{background:#5a6268;transform:translateY(-2px)}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-card{background:#fff;border-left:5px solid;padding:25px;transition:all .3s ease}.sales-report-container.dark .summary-card{background:#2d3748;box-shadow:0 4px 15px #0000004d}.summary-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.summary-card.today{border-left-color:#3498db}.summary-card.week{border-left-color:#9b59b6}.summary-card.month{border-left-color:#e74c3c}.summary-card h3{color:#6c757d;font-size:1.1rem;font-weight:600;margin:0 0 15px}.sales-report-container.dark .summary-card h3{color:#a0aec0}.summary-amount{color:#2c3e50;font-size:1.8rem;font-weight:700;margin-bottom:5px}.sales-report-container.dark .summary-amount{color:#f8f9fa}.summary-count{color:#6c757d;font-size:.9rem;font-weight:500}.sales-report-container.dark .summary-count{color:#a0aec0}.filters-section{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;padding:25px}.sales-report-container.dark .filters-section{background:#2d3748;box-shadow:0 4px 15px #0000004d}.filters-section h3{align-items:center;color:#2c3e50;display:flex;font-size:1.3rem;font-weight:600;gap:10px;margin:0 0 20px}.sales-report-container.dark .filters-section h3{color:#f8f9fa}.filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#495057;font-size:.9rem;font-weight:600}.sales-report-container.dark .filter-group label{color:#e0e0e0}.filter-input,.filter-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;font-size:.95rem;padding:12px 15px;transition:all .3s ease}.sales-report-container.dark .filter-input,.sales-report-container.dark .filter-select{background:#4a5568;border-color:#718096;color:#e0e0e0}.filter-input:focus,.filter-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.action-buttons{flex-wrap:wrap;gap:15px}.excel-btn,.generate-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 25px;transition:all .3s ease}.generate-btn{background:#27ae60;color:#fff}.generate-btn:hover:not(:disabled){background:#219a52;transform:translateY(-2px)}.generate-btn:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.excel-btn{background:#2ecc71;color:#fff}.excel-btn:hover:not(:disabled){background:#27ae60;transform:translateY(-2px)}.excel-btn:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.results-section{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:25px}.sales-report-container.dark .results-section{background:#2d3748;box-shadow:0 4px 15px #0000004d}.results-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.results-header h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0}.sales-report-container.dark .results-header h3{color:#f8f9fa}.results-totals{display:flex;font-size:.95rem;gap:20px}.results-totals span{background:#f8f9fa;border-radius:6px;color:#495057;font-weight:500;padding:8px 15px}.sales-report-container.dark .results-totals span{background:#4a5568;color:#e0e0e0}.results-totals strong{color:#2c3e50}.sales-report-container.dark .results-totals strong{color:#f8f9fa}.table-container{border:1px solid #e9ecef;border-radius:8px;overflow-x:auto}.sales-report-container.dark .table-container{border-color:#4a5568}.report-table{background:#fff;border-collapse:collapse;width:100%}.sales-report-container.dark .report-table{background:#2d3748}.report-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase}.sales-report-container.dark .report-table th{background:#4a5568;border-bottom-color:#718096;color:#e0e0e0}.report-table td{border-bottom:1px solid #e9ecef;color:#495057;font-size:.95rem;padding:15px 12px}.sales-report-container.dark .report-table td{border-bottom-color:#4a5568;color:#e0e0e0}.report-table tr:hover{background:#f8f9fa}.sales-report-container.dark .report-table tr:hover{background:#4a5568}.amount-cell{color:#27ae60;font-weight:600}.count-cell{color:#3498db;font-weight:600;text-align:center}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:20px;padding:20px}.pagination button{background:#fff;border:2px solid #3498db;border-radius:6px;color:#3498db;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.sales-report-container.dark .pagination button{background:#4a5568;border-color:#718096;color:#e0e0e0}.pagination button:hover:not(:disabled){background:#3498db;color:#fff;transform:translateY(-2px)}.pagination button:disabled{cursor:not-allowed;opacity:.5;transform:none}.pagination span{color:#495057;font-weight:600}.sales-report-container.dark .pagination span{color:#e0e0e0}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{border-top-color:#3498db;height:50px;margin-bottom:20px;width:50px}.sales-report-container.dark .loading-spinner{border-color:#3498db #4a5568 #4a5568}.loading-container p{color:#6c757d;font-size:1.1rem;margin:0}.sales-report-container.dark .loading-container p{color:#a0aec0}.no-data{color:#6c757d;font-size:1.1rem;padding:60px 20px;text-align:center}.sales-report-container.dark .no-data{color:#a0aec0}@media (max-width:768px){.sales-report-container{padding:15px}.header-controls{align-items:flex-start;flex-direction:column;gap:15px}.header-controls h1{font-size:1.5rem}.filters-grid,.summary-cards{grid-template-columns:1fr}.results-header{align-items:flex-start;flex-direction:column}.results-totals{gap:10px;width:100%}.action-buttons,.results-totals{flex-direction:column}.excel-btn,.generate-btn{justify-content:center}.report-table td,.report-table th{font-size:.85rem;padding:10px 8px}.pagination{flex-direction:column;gap:10px}}@media (max-width:480px){.sales-report-container{padding:10px}.filters-section,.results-section{padding:15px}.summary-card{padding:20px}.header-controls h1{font-size:1.3rem}}@media print{.sales-report-container{background:#fff!important;color:#000!important;padding:0}.action-buttons,.filters-section,.header-buttons,.pagination{display:none}.summary-cards{break-inside:avoid;page-break-inside:avoid}.table-container{overflow:visible}.report-table{break-inside:avoid;page-break-inside:avoid}}.server-container{background:#f7f9fc;border-radius:12px;box-shadow:0 2px 15px #0000000d;color:#2c3e50;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:30px;transition:all .3s ease}.server-container.dark{background-color:#121212;color:#e0e0e0}.server-container header{align-items:center;border-bottom:3px solid #3498db;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.server-container.dark header{border-bottom-color:#2980b9}.server-container h1{color:#2c3e50;font-size:2.2rem;font-weight:700;margin:0}.server-container.dark h1{color:#f5f5f5}.header-actions{flex-wrap:wrap}.header-actions button{border-radius:8px;box-shadow:0 2px 5px #0000001a;font-size:.95rem;gap:6px;padding:10px 18px;transition:all .3s ease}.header-actions button:first-child{background-color:#3498db}.header-actions button:first-child:hover:not(:disabled){background-color:#2980b9}.header-actions button:nth-child(2){background-color:#27ae60}.header-actions button:nth-child(2):hover{background-color:#219a52}.header-actions button:last-child{background-color:#95a5a6}.header-actions button:last-child:hover{background-color:#7f8c8d}.search-bar{margin-bottom:25px}.search-bar input{background:#fff;border:2px solid #d0d7de;border-radius:10px;font-size:16px;padding:12px 15px;transition:all .3s ease;width:100%}.search-bar input:focus{border-color:#3498db;box-shadow:0 0 0 4px #3498db1a;outline:none}.server-container.dark .search-bar input{background-color:#1f1f1f;border-color:#444;color:#e0e0e0}table{border-collapse:initial;border-spacing:0 10px;width:100%}thead{background:#3498db;border-radius:8px;color:#fff}.server-container.dark thead{background:#2980b9}th{font-size:.95rem;font-weight:600;letter-spacing:.4px;text-align:left}td,th{padding:14px 18px}td{background:#fff;border-bottom:1px solid #ecf0f1;font-size:.93rem}.server-container.dark td{background:#1e1e1e;border-bottom-color:#333}tr{transition:background .2s ease}tr:hover td{background:#f2f8ff}.server-container.dark tr:hover td{background:#252525}.serial-number{color:#3498db;font-weight:700;text-align:center;width:50px}.server-name{color:#2c3e50;font-weight:600}.server-container.dark .server-name{color:#ecf0f1}.server-pin{background:#f8f9fa;border-radius:6px;color:#e74c3c;font-family:Courier New,monospace;font-weight:700;padding:6px 12px}.server-container.dark .server-pin{background:#333}.action-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 12px;transition:all .3s ease}.action-btn.edit{background-color:#f39c12}.action-btn.edit:hover{background-color:#e67e22}.action-btn.delete{background-color:#e74c3c}.action-btn.delete:hover{background-color:#c0392b}.modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:500px;padding:35px}.server-container.dark .modal{background:#2d2d2d;color:#e0e0e0}.modal h2{color:#2c3e50;font-size:1.4rem;margin-bottom:20px;margin-top:0}.server-container.dark .modal h2{color:#ecf0f1}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:8px}.server-container.dark .form-group label{color:#ecf0f1}.form-group input{border:2px solid #bdc3c7;border-radius:6px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#3498db;outline:none}.server-container.dark .form-group input{background-color:#3d3d3d;border-color:#555;color:#e0e0e0}.form-actions{gap:10px;margin-top:25px}.form-actions button{border-radius:6px;font-weight:700;padding:12px 25px}.form-actions button[type=button]{background-color:#95a5a6;color:#fff}.form-actions button[type=button]:hover{background-color:#7f8c8d}.form-actions .submit-btn{background-color:#27ae60;color:#fff}.form-actions .submit-btn:hover{background-color:#219a52}.loader,.no-data{color:#7f8c8d;font-size:1rem;padding:50px}@media (max-width:768px){.server-container{padding:15px}.server-container header{flex-direction:column;gap:15px;text-align:center}table{border-spacing:0 6px;font-size:14px}td,th{padding:10px}.header-actions{flex-wrap:wrap;justify-content:center}.modal{padding:25px;width:95%}}.service-hero{background:url(https://www.wpminds.com/wp-content/uploads/2022/12/image-15.png) 50%/cover no-repeat;color:#fff;padding:5rem 2rem;position:relative;text-align:center}.service-overlay{background-color:#0009;border-radius:12px;margin:0 auto;max-width:1200px;padding:3rem 2rem}.service-title{animation:fadeInDown 1s ease-in-out;font-size:3rem;margin-bottom:1rem}.service-description{animation:fadeIn 2s ease-in;font-size:1.3rem;margin-bottom:3rem}.service-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.service-card{animation:fadeInUp 1s ease forwards;background:#fff;border-radius:10px;box-shadow:0 6px 20px #0003;color:#333;opacity:0;padding:1rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{box-shadow:0 8px 25px #0000004d;cursor:pointer;transform:translateY(-5px)}.service-image{border-radius:8px;height:150px;margin-bottom:1rem;object-fit:cover;width:100%}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.service-card:first-child{animation-delay:.3s}.service-card:nth-child(2){animation-delay:.5s}.service-card:nth-child(3){animation-delay:.7s}.service-card:nth-child(4){animation-delay:.9s}.service-card:nth-child(5){animation-delay:1.1s}.purchase-container{background:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px;transition:all .3s ease}.purchase-container.dark{background:#1a1a1a;color:#f0f0f0}.header-controls{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.dark .header-controls{border-bottom-color:#334155}.header-controls h1{color:#2d3748;font-size:2rem;margin:0}.dark .header-controls h1{color:#f7fafc}.header-buttons{display:flex;gap:10px}.refresh-button,.summary-toggle,.theme-toggle{align-items:center;background:#4a5568;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px 12px;transition:all .3s ease}.refresh-button:hover,.summary-toggle:hover,.theme-toggle:hover{background:#2d3748;transform:scale(1.05)}.summary-toggle.active{background:#3b82f6}.summary-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:24px;padding:24px}.dark .summary-section{background:#2d3748;border-color:#4a5568}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;padding:20px;text-align:center}.summary-card.total-purchases{background:linear-gradient(135deg,#10b981,#059669)}.summary-card.total-amount{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.summary-card.categories-count{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.summary-card h3{font-size:.9rem;font-weight:500;margin:0 0 10px;opacity:.9}.summary-number{font-size:2rem;font-weight:700;margin:5px 0}.summary-subtext{font-size:.8rem;opacity:.8}.category-breakdown h3{color:#2d3748;font-size:1.2rem;margin-bottom:15px}.dark .category-breakdown h3{color:#f7fafc}.breakdown-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.breakdown-item{background:#f7fafc;border-left:4px solid #3b82f6;border-radius:8px;padding:15px}.dark .breakdown-item{background:#4a5568}.category-header{align-items:center;display:flex;margin-bottom:10px}.category-color{border-radius:50%;height:12px;margin-right:10px;width:12px}.category-name{font-size:.9rem;font-weight:600}.category-stats{display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:5px}.category-count{color:#6b7280}.dark .category-count{color:#9ca3af}.category-total{color:#059669;font-weight:600}.category-percentage{color:#6b7280;font-size:.8rem;text-align:right}.dark .category-percentage{color:#9ca3af}.recent-purchases h3{color:#2d3748;font-size:1.2rem;margin:25px 0 15px}.dark .recent-purchases h3{color:#f7fafc}.recent-list{display:flex;flex-direction:column;gap:10px}.recent-item{align-items:center;background:#f7fafc;border-left:3px solid #3b82f6;border-radius:8px;display:flex;justify-content:space-between;padding:12px 15px}.dark .recent-item{background:#4a5568}.recent-particular{flex:2 1;font-weight:500}.recent-amount{color:#059669;flex:1 1;font-weight:600;text-align:right}.recent-category{flex:1.5 1;font-size:.8rem;font-weight:500;text-align:right}.purchase-form{grid-gap:15px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px;padding:20px}.dark .purchase-form{background:#2d3748;box-shadow:0 2px 10px #0000004d}.purchase-form input,.purchase-form select{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .3s ease}.dark .purchase-form input,.dark .purchase-form select{background:#4a5568;border-color:#718096;color:#fff}.purchase-form input:focus,.purchase-form select:focus{border-color:#4299e1;outline:none}.category-select{cursor:pointer}.purchase-form button{background:#48bb78;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.purchase-form button:hover:not(:disabled){background:#38a169;transform:translateY(-2px)}.purchase-form button:disabled{background:#a0aec0;cursor:not-allowed}.cancel-button{background:#e53e3e!important}.cancel-button:hover{background:#c53030!important}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.dark .table-container{background:#2d3748}.purchase-table{border-collapse:collapse;width:100%}.purchase-table td,.purchase-table th{border-bottom:1px solid #e2e8f0;padding:15px;text-align:left}.dark .purchase-table td,.dark .purchase-table th{border-bottom-color:#4a5568}.purchase-table th{background:#f7fafc;color:#2d3748;font-weight:600}.dark .purchase-table th{background:#4a5568;color:#f7fafc}.sortable{cursor:pointer;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.sortable:hover{background:#edf2f7!important}.dark .sortable:hover{background:#718096!important}.purchase-table tr:hover{background:#f7fafc}.dark .purchase-table tr:hover{background:#4a5568}.category-badge{border-radius:6px;color:#fff;font-size:.75rem;font-weight:500;padding:4px 8px}.total-amount{color:#059669;font-weight:600}.action-buttons{display:flex;gap:8px}.delete-button,.edit-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .3s ease}.edit-button{background:#4299e1;color:#fff}.edit-button:hover{background:#3182ce;transform:scale(1.05)}.delete-button{background:#e53e3e;color:#fff}.delete-button:hover{background:#c53030;transform:scale(1.05)}.error-container,.loading-container,.no-data{color:#718096;padding:40px;text-align:center}.dark .error-container,.dark .loading-container,.dark .no-data{color:#a0aec0}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4299e1;height:40px;margin:0 auto 20px;width:40px}.error-text{color:#e53e3e;margin-bottom:20px}.retry-button{align-items:center;background:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:8px;margin:0 auto;padding:10px 20px}@media (max-width:768px){.purchase-container{padding:10px}.header-controls{flex-direction:column;gap:15px;text-align:center}.breakdown-grid,.purchase-form,.summary-cards{grid-template-columns:1fr}.purchase-table{font-size:14px}.purchase-table td,.purchase-table th{padding:10px 8px}.action-buttons,.recent-item{flex-direction:column}.recent-item{align-items:flex-start;gap:5px}}.summary-controls{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:20px;padding:20px}.purchase-container.dark .summary-controls{background:#2d3748;box-shadow:0 4px 15px #0000004d}.summary-controls h3{align-items:center;color:#2c3e50;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin:0 0 15px}.purchase-container.dark .summary-controls h3{color:#f8f9fa}.period-controls{flex-wrap:wrap;justify-content:space-between}.period-controls,.period-selectors{align-items:center;display:flex;gap:15px}.date-select,.period-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;font-size:.95rem;padding:10px 15px;transition:all .3s ease}.purchase-container.dark .date-select,.purchase-container.dark .period-select{background:#4a5568;border-color:#718096;color:#e0e0e0}.date-select:focus,.period-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.period-display{align-items:center;background:#f8f9fa;border-radius:8px;color:#495057;display:flex;font-weight:600;gap:8px;padding:10px 15px}.purchase-container.dark .period-display{background:#4a5568;color:#e0e0e0}.summary-card.average-purchase{border-left-color:#f59e0b}.progress-bar{background:#e9ecef;border-radius:3px;height:6px;margin:10px 0;overflow:hidden;width:100%}.purchase-container.dark .progress-bar{background:#4a5568}.progress-fill{border-radius:3px;height:100%;transition:width .3s ease}.no-summary-data{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#6c757d;font-size:1.1rem;padding:40px 20px;text-align:center}.purchase-container.dark .no-summary-data{background:#2d3748;color:#a0aec0}@media (max-width:768px){.period-controls{align-items:stretch}.period-controls,.period-selectors{flex-direction:column}.period-display{justify-content:center}}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.summary-toggle.active{background:#3498db;color:#fff;transform:scale(1.05)}.cashier-dashboard{background:linear-gradient(135deg,#02030f,#0c0114);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;transition:all .3s ease}.cashier-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;box-shadow:0 2px 20px #00000026;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.cashier-header h1{color:#333;font-size:1.8rem;font-weight:600}.cashier-info{background:#667eea;border-radius:25px;color:#fff;font-weight:500;padding:.5rem 1rem}.cashier-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1.5rem 2rem}.nav-btn{align-items:center;background:#ffffffe6;border:none;border-radius:15px;box-shadow:0 4px 15px #0000001a;color:#333;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;min-width:100px;padding:1rem 1.5rem;transition:all .3s ease}.nav-btn:hover{background:#fff;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.nav-btn.active{background:#667eea;box-shadow:0 6px 20px #667eea66;color:#fff;transform:translateY(-2px)}.nav-icon{font-size:1.5rem}.nav-text{font-size:.9rem;font-weight:600}.cashier-main{margin:0 auto;max-width:1200px;padding:4rem 2rem;text-align:center}.cashier-main table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#333;overflow:hidden;width:100%}.cashier-main td,.cashier-main th{border-bottom:1px solid #e0e0e0;color:#333;padding:12px 15px;text-align:left}.cashier-main th{background:#2196f3;color:#fff;font-weight:600}.cashier-main tr:nth-child(2n){background:#f7f9fc}.cashier-main tr:hover{background:#e3f2fd}.cashier-home{align-items:center;display:flex;height:calc(100vh - 160px);justify-content:center}.welcome-animation h1{animation:gradientMove 3s ease-in-out infinite alternate;background:linear-gradient(90deg,#ff6ec4,#7873f5,#42e695);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:3rem;font-weight:700}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.cashier-nav{flex-direction:column;gap:.5rem}.nav-btn{min-width:80px;padding:.8rem 1rem}.welcome-animation h1{font-size:2.5rem}}@media (max-width:480px){.nav-btn{flex-direction:row;justify-content:center;max-width:200px;width:100%}.welcome-animation h1{font-size:2rem}}.bill-container{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.bill-container.dark{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f1f5f9}.bill-container:not(.dark){background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.bill-container header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d;display:flex;justify-content:space-between;margin-bottom:30px;padding:25px}.bill-container.dark header{background:#1e293bf2;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003}.bill-container header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;font-size:2.5em;font-weight:800;letter-spacing:-.5px;margin:0}.bill-container.dark header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text}.header-actions{align-items:center;display:flex;gap:12px}.header-actions button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.95em;font-weight:600;gap:8px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-actions button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.header-actions button:hover:before{left:100%}.header-actions button:first-child{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.header-actions button:nth-child(2){background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.header-actions button:last-child{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:12px}.header-actions button:hover{box-shadow:0 8px 25px #00000026,0 4px 12px #0000001a;transform:translateY(-2px)}.header-actions button:disabled{cursor:not-allowed;opacity:.6;transform:none}.header-actions button:disabled:hover{box-shadow:none;transform:none}.bill-container table{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-collapse:collapse;border-radius:16px;box-shadow:0 10px 40px #0000001a,0 2px 10px #0000000d;margin-bottom:30px;overflow:hidden;width:100%}.bill-container.dark table{background:#1e293bf2;box-shadow:0 10px 40px #0000004d,0 2px 10px #0003}.bill-container table thead{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.bill-container.dark table thead{background:linear-gradient(135deg,#1e40af,#1e3a8a)}.bill-container table th{color:#fff;font-size:.9em;font-weight:600;letter-spacing:.5px;padding:18px 16px;text-align:left;text-transform:uppercase}.bill-container table td{border-bottom:1px solid #0000000d;padding:16px;transition:all .3s ease}.bill-container.dark table td{border-bottom:1px solid #ffffff1a}.bill-container table tbody tr:hover{background:#3b82f60d;transform:scale(1.01)}.bill-container.dark table tbody tr:hover{background:#60a5fa1a}.bill-container table tbody tr:last-child td{border-bottom:none}.bill-container table td:last-child{display:flex;gap:8px}.bill-container table td:last-child button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .3s ease}.bill-container table td:last-child button:first-child{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.bill-container table td:last-child button:nth-child(2){background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.bill-container table td:last-child button:last-child{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.bill-container table td:last-child button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #00000040,0 8px 16px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.bill-container.dark .modal{background:#1e293bf2;border:1px solid #ffffff1a}.modal h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;font-size:1.8em;font-weight:700;margin:0 0 25px}.bill-container.dark .modal h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text}.modal form{display:flex;flex-direction:column;gap:20px}.form-item-row{grid-gap:12px;align-items:center;background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr auto;padding:16px;transition:all .3s ease}.bill-container.dark .form-item-row{background:#33415599;border:1px solid #64748b66}.form-item-row:hover{border-color:#3b82f6;transform:translateY(-1px)}.form-item-row input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.95em;padding:12px;transition:all .3s ease}.bill-container.dark .form-item-row input{background:#1e293b;border-color:#475569;color:#f1f5f9}.form-item-row input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-item-row button{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9em;padding:10px 16px;transition:all .3s ease}.form-item-row button:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.modal form>button:first-of-type{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;margin-bottom:10px;padding:12px 20px;transition:all .3s ease}.modal form>button:first-of-type:hover{box-shadow:0 8px 20px #8b5cf64d;transform:translateY(-2px)}.modal form>div:last-of-type{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-size:1.3em;font-weight:700;margin:10px 0;padding:20px;text-align:center}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.form-actions button{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.form-actions button:first-child{background:#6b72801a;border:1px solid #e5e7eb;color:#6b7280}.bill-container.dark .form-actions button:first-child{background:#94a3b81a;border:1px solid #475569;color:#94a3b8}.form-actions button:last-child{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.form-actions button:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.loader,.no-data{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;color:#64748b;font-size:1.1em;padding:60px 20px;text-align:center}.bill-container.dark .loader,.bill-container.dark .no-data{background:#1e293bf2;color:#94a3b8}.loader{align-items:center;display:flex;flex-direction:column;gap:16px}.loader:after{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;content:"";height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.bill-container{padding:10px}.bill-container header{flex-direction:column;gap:15px;padding:20px;text-align:center}.header-actions{flex-wrap:wrap;justify-content:center}.bill-container table{display:block;overflow-x:auto}.form-item-row{gap:10px;grid-template-columns:1fr}.modal{padding:20px;width:95%}.form-actions{flex-direction:column}.bill-container table td:last-child{flex-wrap:wrap}}@media (max-width:480px){.bill-container header h1{font-size:2em}.header-actions button{font-size:.9em;padding:10px 16px}.modal{padding:15px}}@media print{.form-actions,.header-actions,.modal-overlay{display:none!important}.bill-container{color:#000!important}.bill-container,table{background:#fff!important}table{box-shadow:none!important}}
/*# sourceMappingURL=main.e1d13faa.css.map*/