@import url(https://fonts.googleapis.com/css2?family=Audiowide&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&display=swap);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}body,html{background:#0f172a;height:100%;margin:0;overflow:hidden}.home-container{align-items:center;background:linear-gradient(135deg,#0f172a,#1e2937);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;overflow:hidden;position:relative}.stars-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.shooting-star{animation:fall linear infinite;background:linear-gradient(180deg,#a5f3fc,#0000);border-radius:50%;height:18px;opacity:.75;position:absolute;top:-15px;width:2px}@keyframes fall{0%{opacity:0;transform:translateY(-20px)}10%{opacity:.9}to{opacity:0;transform:translateY(110vh)}}.hems-logo-wrapper{align-items:center;display:flex;justify-content:center;left:60%;position:absolute;top:35%;transform:translate(-50%,-50%);z-index:1}.hems-logo{animation:float 4s ease-in-out infinite,rotateSlow 25s linear infinite;color:#67e8f9;font-family:Cinzel Decorative,cursive;font-size:4.8rem;font-weight:700;letter-spacing:8px;text-shadow:0 0 20px #22d3ee,0 0 40px #06b6d4;z-index:2}.hems-logo-glow{animation:pulseGlow 3s ease-in-out infinite;background:radial-gradient(circle,#67e8f940,#0000 70%);border-radius:50%;height:25px;position:absolute;width:280px;z-index:1}@keyframes float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-18px)}}@keyframes rotateSlow{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:.7;transform:scale(1.15)}}.hotel-name-banner{color:#cbd5e1;font-family:Cinzel Decorative,cursive;font-size:2.1rem;margin-top:25px;text-shadow:2px 2px 6px #000c;z-index:3}.home-card{align-items:center;display:flex;flex-direction:column;gap:20px;max-width:620px;padding:0 20px;text-align:center;z-index:3}.hems-text{display:flex;font-family:Audiowide,cursive;font-size:4rem;font-weight:700;gap:22px;justify-content:center;margin:20px 0 115px}.hems-letter{animation:pulseColor 4.5s ease-in-out infinite;color:#67e8f9}.hems-letter:first-child{animation-delay:0s}.hems-letter:nth-child(2){animation-delay:.8s}.hems-letter:nth-child(3){animation-delay:1.6s}.hems-letter:nth-child(4){animation-delay:2.4s}@keyframes pulseColor{0%,to{color:#67e8f9;text-shadow:0 0 15px #22d3ee}50%{color:#f0f9ff;text-shadow:0 0 25px #67e8f9}}.welcome-text{animation:fadeInUp 1.8s ease;color:#e2e8f0;margin:15px 0 25px;text-align:center}.welcome-text h1{color:#a5f3fc;font-family:Cinzel Decorative,serif;font-size:2.1rem;font-weight:700;letter-spacing:1.5px;margin-bottom:12px}.welcome-text p{color:#94a3b8;font-family:Audiowide,sans-serif;font-size:1.15rem;line-height:1.8;margin:0 auto;max-width:480px}.proceed-button{background:linear-gradient(135deg,#22d3ee,#06b6d4);border:none;border-radius:50px;box-shadow:0 8px 25px #22d3ee66;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px 38px;transition:all .3s ease;z-index:1000}.proceed-button:hover{background:linear-gradient(135deg,#67e8f9,#22d3ee);box-shadow:0 12px 30px #22d3ee99;transform:translateY(-3px)}.home-footer{bottom:15px;color:#64748b;font-size:.85rem;font-style:italic;position:fixed;right:20px;text-align:right;z-index:3}@media (max-width:768px){.hems-text{font-size:3.4rem;gap:16px}.hems-logo{font-size:3.6rem}.welcome-text h1{font-size:1.75rem}.welcome-text p{font-size:1.05rem}.proceed-button{border-radius:50px;bottom:25px;font-size:16.5px;left:50%;max-width:320px;padding:14px 24px;position:fixed;transform:translateX(-50%);width:85%}.home-footer{font-size:.8rem;margin-bottom:90px;position:relative;right:auto;text-align:center}.hotel-name-banner{font-size:1.7rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-page-wrapper{align-items:center;background-color:#0f172a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;position:relative}.auth-container{align-items:center;border-radius:10px;box-shadow:0 6px 16px #00000012;margin:50px auto;max-width:280px;padding:20px;width:100%}.auth-logo-text{color:#2e86de;font-size:26px;font-weight:700;letter-spacing:4px;margin-bottom:10px;text-align:center}.auth-logo-text span{color:#20c997}.auth-container h2{color:#1e3a8a;font-size:18px;font-weight:600;margin-bottom:14px}.auth-container form{display:flex;flex-direction:column;gap:10px;width:100%}.auth-container input{align-self:center;background:#f9fafb;border:1px solid #d1d5db;border-radius:12px;font-size:13px;padding:8px 10px;transition:.3s;width:80%}.auth-container input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626;outline:none}.auth-container button{background-color:#1e3a8a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px;transition:background .2s ease}.auth-container button:hover{background-color:#3745a3}.error-msg{background:#fee2e2;border-radius:5px;color:#dc2626;font-size:12px;margin-bottom:6px;padding:5px 8px;text-align:center}.homes-footer{bottom:10px;color:#131111;font-size:.85rem;font-style:italic;position:fixed;right:20px;text-align:right}.hems-logo-top-left{height:auto;left:15px;object-fit:contain;position:absolute;top:10px;width:80px;z-index:1000}.roles-selection{grid-gap:8px 12px;background:#f8f9fc;border-radius:8px;display:grid;gap:8px 12px;grid-template-columns:1fr 1fr;margin-top:5px;padding:10px;width:80%}.roles-selection label{align-items:center;color:#444;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px}.roles-selection input[type=checkbox]{accent-color:#1e3a8a;cursor:pointer;height:16px;width:16px}.auth-page-wrapper{background:#f1f5f9;display:flex;height:100vh}.auth-left-panel{animation:slideInLeft .9s ease-out;background:linear-gradient(135deg,#1d3557f2,#245b96f2);border-radius:28px;box-shadow:0 12px 30px #00000059;display:flex;flex-direction:column;justify-content:center;margin:30px;overflow:hidden;padding:50px;position:relative;width:40%}.auth-left-panel:before{background-image:url(https://images.unsplash.com/photo-1551776235-dde6d4829808?auto=format&fit=crop&q=80);background-position:50%;background-size:cover;content:"";filter:blur(2px);inset:0;opacity:.18;position:absolute}.auth-left-panel:after{background:#00000059;border-radius:inherit;content:"";inset:0;position:absolute}.auth-left-panel *{color:#fff;position:relative;z-index:5}.app-title{font-size:32px;font-weight:800;line-height:1.3;margin-bottom:18px}.app-description{font-size:16px;line-height:1.6;margin-bottom:25px;opacity:.95}.app-features{list-style:none;margin:0 0 25px;padding:0}.app-features li{align-items:center;display:flex;font-size:16px;gap:10px;margin:10px 0;opacity:.95}.app-features li:before{color:#38d9a9;content:"✔";font-size:18px;font-weight:700}.app-tagline{font-size:15px;font-style:italic;margin-top:15px;opacity:1}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-80px)}to{opacity:1;transform:translateX(0)}}@media (max-width:900px){.auth-page-wrapper{flex-direction:column;padding:20px}.auth-left-panel{border-radius:20px;margin:10px 0;padding:35px;width:100%}.auth-container{width:100%}}.auth-container{background:#fff;display:flex;flex-direction:column;justify-content:center;padding:40px;width:60%}.license-warning{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:6px;color:#856404;font-weight:700;margin-bottom:15px;padding:12px;text-align:center}.sidebar{background:#1f2937;border-radius:0 10px 10px 0;box-shadow:2px 0 5px #0000001a;color:#fff;display:flex;flex-direction:column;overflow:visible;padding:10px 5px;position:relative;width:170px;z-index:1000}.submenu{box-shadow:0 10px 25px #0003;z-index:2000}.sidebar-title{border-bottom:2px solid #f2f1f3}.sidebar-button{background:#0000;border:none;border-radius:6px;color:#d1d5db;cursor:pointer;display:block;font-size:.85rem;margin-bottom:4px;padding:6px 12px;text-align:left;transition:background-color .3s ease,color .3s ease;white-space:nowrap;width:100%}.sidebar-button:hover{background-color:#4ade80;color:#111827}.reservation-button{background-color:#e0dbdb;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin-bottom:10px;padding:8px 12px;text-align:center;white-space:nowrap;width:fit-content}.logout-button,.reservation-button:hover{background-color:#b91c1c;color:#fff}.logout-button{border:2px solid #ef4444;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;position:absolute;right:20px;text-align:center;top:20px;transition:background-color .3s ease;white-space:nowrap;width:auto;z-index:100}.logout-button:hover{background-color:#7f1d1d}.header{justify-content:center;margin:0;padding-top:0}.submenu-item{font-size:.95rem;padding:10px 16px}.alert-red{animation:none;background-color:red;color:#fff}.action-button{background-color:initial;border:1px solid #c2bfda;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:6px 4px;transition:color .2s ease-in-out,border-color .2s ease-in-out}.action-button:hover{border-color:#5537c4;color:#3301fa}.reservation-button.alert-active{background-color:#dc2626;font-weight:700}.reservation-button.alert-inactive{background-color:#6b7280;font-weight:400}.reservation-button.alert-active:hover{background-color:#991b1b}.reservation-button.alert-inactive:hover{background-color:#4b5563}.user-container{background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:calc(100vh - 80px);min-height:100%;overflow:hidden;padding:12px}.user-container.super-admin-mode{background-color:#f0e8ff;border:1px solid #6f42c1;box-shadow:0 4px 15px #6f42c11f}.user-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.user-heading{color:#2c3e50;font-size:1.75rem;font-weight:600;margin:0}.user-heading.super-admin{color:#6f42c1}.user-heading.super-admin:after{background:#6f42c1;border-radius:20px;color:#fff;content:"SYSTEM-WIDE";font-size:.72rem;font-weight:500;margin-left:10px;padding:2px 9px}.header-right{align-items:center;display:flex;gap:10px}.header-right select{background:#fff;border:1px solid #ccc;border-radius:5px;font-size:.92rem;padding:7px 10px}.close-main-button{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:17px;height:34px;justify-content:center;width:34px}.close-main-button:hover{background:#c82333}.error{background:#ffebee;border-radius:4px;color:#dc3545;margin:8px 0 12px;padding:8px 12px}.popup-inside{background:#198754;border-radius:6px;color:#fff;font-weight:500;margin-bottom:12px;padding:9px 14px}.user-table{background-color:#fff;border:2px solid #28a745;border-radius:8px;box-shadow:0 2px 8px #00000014;flex:1 1;min-height:200px;overflow-x:hidden;overflow-y:auto}.user-table.super-admin-table{border-color:#6f42c1}.user-table .table-header{background-color:#28a745;border-bottom:2px solid #1e7e34;color:#fff;display:grid;font-size:.88rem;font-weight:600;position:sticky;text-align:left;top:0;z-index:10}.user-table .table-header:not(.with-business),.user-table .table-row:not(.with-business){grid-template-columns:65px 200px 1fr 280px}.user-table .table-header.with-business,.user-table .table-row.with-business{grid-template-columns:65px 180px 1fr 130px 280px}.user-table .table-header div{align-items:center;border-right:1px solid #ffffff40;display:flex;padding:10px 8px}.user-table .table-header div:last-child{border-right:none}.user-table .table-header.with-business div:nth-child(4){background-color:#5a32a3}.user-table .table-row{align-items:center;display:grid;font-size:.82rem;height:25px;min-height:25px;transition:background-color .2s ease}.user-table .table-row div{align-items:center;border-right:1px solid #1f2020;display:flex;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.user-table .table-row div:last-child{border-right:none}.user-table .table-row{border-bottom:1px solid #434646}.user-table .table-row:nth-child(odd){background-color:#f8f9fa}.user-table .table-row:nth-child(2n){background-color:#fff}.user-table .table-row:hover{background-color:#e9f5ee}.user-table.super-admin-table .table-row:hover{background-color:#f0e8ff}.user-table .table-row.with-business div:nth-child(4){background-color:#f8f4ff;color:#4a2c8c;font-weight:500}.user-table::-webkit-scrollbar{width:8px}.user-table::-webkit-scrollbar-thumb{background-color:#28a745;border-radius:10px}.user-table::-webkit-scrollbar-thumb:hover{background-color:#1e7e34}.user-table.super-admin-table::-webkit-scrollbar-thumb{background-color:#6f42c1}.user-table.super-admin-table::-webkit-scrollbar-thumb:hover{background-color:#5a32a3}.action-buttons{flex-wrap:wrap;gap:2px}.btn{border-radius:4px;font-size:11px;font-weight:600;padding:3px 8px;transition:all .2s ease}.btn.edit{background:#0d6efd}.btn.edit:hover{background:#0b5ed7}.btn.delete{background:#dc3545}.btn.delete:hover{background:#bb2d3b}.btn.reset{background:#ffc107;color:#212529}.btn.reset:hover{background:#e0a800}.edit-form.compact-form{background:#fff;border:1px solid #28a745;border-radius:8px;margin-top:16px;padding:16px}.edit-form.compact-form.super-admin-form{background:#f8f5ff;border-color:#6f42c1}.edit-header h4{color:#2c3e50;font-size:1.15rem;margin:0 0 12px}.edit-form label{display:block;font-size:.9rem;font-weight:600;margin-bottom:5px}.edit-form input{border:1px solid #ced4da;border-radius:5px;font-size:.93rem;margin-bottom:10px;padding:7px 9px;width:100%}.roles-checkboxes{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.roles-checkboxes label{background:#f8f9fa;border:1px solid #28a745;border-radius:5px;cursor:pointer;font-size:.88rem;padding:5px 10px}.form-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.form-buttons button{border:none;border-radius:5px;cursor:pointer;font-weight:600;padding:7px 16px}.form-buttons button[type=submit]{background:#28a745;color:#fff}.form-buttons button[type=submit]:hover{background:#1e7e34}.modal-content{max-width:92%;width:360px}.close-btn{background:#dc3545;font-size:15px}.business-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.business-section .section-header h3{color:#2c3e50;font-size:1.2rem;margin:0}.business-section .btn.create{background:#28a745;border-radius:5px;color:#fff;font-size:.9rem;padding:7px 14px}.business-section .btn.create:hover{background:#1e7e34}.business-section .table-header.with-business,.business-section .table-row.with-business{grid-template-columns:65px 130px 190px 140px 200px 90px 240px}.btn.refresh{background:#6c757d;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:7px 12px}.btn.refresh:hover{background:#5a6268}.rooms-container1{background-color:#f3eeee;border-radius:12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:30px}.rooms-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.rooms-header h2{color:#2d3748;font-size:22px;margin:0}.room-header-buttons{display:flex;flex-wrap:wrap;gap:14px}.available-room-btn{background-color:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px;transition:background-color .3s ease}.available-room-btn:hover{background-color:#1e874b}.add-room-btn{background-color:#2f80ed;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px;transition:background-color .3s ease}.add-room-btn:hover{background-color:#1c60c2}.rooms-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 4px #0000000f;overflow:hidden;width:100%}.rooms-table td,.rooms-table th{border-bottom:1px solid #e0e0e0;padding:4px 8px;text-align:left;vertical-align:middle}.rooms-table th{background-color:#f3f4f6;color:#4a5568;font-size:14px;font-weight:600}.rooms-table td{color:#2d3748;font-size:13px}.rooms-table tr:hover{background-color:#f9f9f9}.rooms-table tbody tr:nth-child(2n){background-color:#f2f6fa}.action-btn6{background-color:#e3e4f7;border:none;border-radius:5px;color:#333;cursor:pointer;font-size:12px;margin-right:5px;padding:4px 8px;transition:background-color .2s ease}.action-btn6:hover{background-color:#dce3eb}@media (max-width:768px){.rooms-table,.rooms-table tbody,.rooms-table td,.rooms-table th,.rooms-table thead,.rooms-table tr{display:block}.rooms-table thead{display:none}.rooms-table tr{border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:8px}.rooms-table td{border:none;border-bottom:1px solid #eee;display:flex;font-size:13px;justify-content:space-between;padding:8px}.action-btn6{margin-top:4px}}.rooms-table,.rooms-table td,.rooms-table th{border:1px solid #ccc;border-collapse:collapse}.update-room-modal2 .modal-overlay2{align-items:center;background-color:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.update-room-modal2 .modal-content2{background-color:#eaecee;border-radius:10px;box-shadow:0 8px 24px #00000026;font-family:Segoe UI,sans-serif;max-width:510px;padding:20px 24px;position:relative;width:95%}.update-room-modal2 .close-btn2{background:#0000;border:none;color:#555;cursor:pointer;font-size:20px;position:absolute;right:14px;top:10px}.update-room-modal2 .close-btn2:hover{color:#000}.update-room-modal2 .update-room-form2{display:flex;flex-direction:column;gap:10px}.update-room-modal2 .update-room-form2 h3{border-bottom:1px solid #ccc;color:#222;font-size:18px;font-weight:600;margin:0 auto 10px;padding-bottom:6px;text-align:center}.update-room-modal2 .update-room-form2 label{color:#333;font-size:13px;font-weight:500;margin-top:5px}.update-room-modal2 .update-room-form2 input,.update-room-modal2 .update-room-form2 select{border:1px solid #bbb;border-radius:4px;font-size:13px;padding:7px 10px}.update-room-modal2 .update-room-form2 input:focus,.update-room-modal2 .update-room-form2 select:focus{border-color:#28a745;box-shadow:0 0 0 1px #28a74533;outline:none}.update-room-modal2 .action-btn{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:600;margin:20px auto 0;padding:9px 20px;width:fit-content}.update-room-modal2 .action-btn:hover{background-color:#1e7e34}.fault-section{margin-top:10px}.fault-section h4{font-size:14px;margin-bottom:6px}.fault-list{font-size:13px;padding-left:16px}.fault-list li{align-items:center;display:flex;margin-bottom:5px}.modal-overlay{inset:0}.modal-content{background-color:#e6e6e6;border:1px solid silver;border-radius:8px;box-shadow:0 2px 8px #0003;font-family:Segoe UI,sans-serif;max-width:300px;padding:14px 16px;width:95%}.close-btn{color:#444;right:8px;top:6px}.add-room-form{display:flex;flex-direction:column;gap:6px}.add-room-form h3{color:#222;font-size:15px;font-weight:600;margin-bottom:6px;text-align:center}.add-room-form label{color:#333;font-size:12px;font-weight:500}.add-room-form input,.add-room-form select{border:1px solid #bbb;border-radius:4px;font-size:12px;padding:6px 2px}.add-room-form input:focus,.add-room-form select:focus{border-color:#007bff;box-shadow:0 0 0 1px #007bff33;outline:none}.add-room-form .action-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:10px;padding:7px}.add-room-form .action-btn:hover{background-color:#0056b3}.success-overlay{animation:fadeInOut 1.5s ease-in-out;background-color:#e6ffed;border:1px solid #b7e2c1;border-radius:6px;box-shadow:0 2px 6px #00000026;color:#256029;font-size:12px;font-weight:600;left:50%;padding:8px 16px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-60%)}25%{opacity:1;transform:translate(-50%,-50%)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-40%)}}.faults-view-modal .modal-overlay{align-items:center;animation:fadeIn .2s ease-in;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.faults-view-modal .modal-content{animation:slideUp .3s ease-out;background:#dbdada;border-radius:10px;box-shadow:0 6px 18px #0003;font-family:Segoe UI,sans-serif;max-height:75vh;max-width:600px;overflow-y:auto;padding:12px;position:relative;width:85%}.faults-view-modal h3{border-bottom:1px solid #ccc;color:#222;font-size:17px;margin:0 0 10px;padding-bottom:6px;text-align:center}.faults-view-modal .close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:18px;position:absolute;right:12px;top:10px;transition:color .2s}.faults-view-modal .close-btn:hover{color:#000}.faults-table{border-collapse:collapse;font-size:13px;width:100%}.faults-table td,.faults-table th{border:1px solid #eee;line-height:1.3;padding:6px 8px;text-align:left;vertical-align:middle}.faults-table th{background-color:#f5f5f5;font-weight:600}.faults-table tr:nth-child(2n){background-color:#fafafa}.action-btn.small{background-color:#28a745;font-size:12px;padding:4px 8px}.action-btn:hover{background-color:#3b75b3}.faults-table input[type=checkbox]{accent-color:#007bff;cursor:pointer;transform:scale(1.1)}.faults-view-modal p{color:#555;font-size:13px;margin-top:6px}.button-group{justify-content:flex-end;margin-top:15px}.available-modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.available-modal-content{background:#fff;border-radius:8px;box-shadow:0 6px 16px #00000026;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;font-size:13px;max-height:80vh;max-width:450px;overflow:hidden;padding:14px 16px;position:relative;width:92%}.available-modal-content h3{border-bottom:1px solid #ddd;font-size:15px;margin-bottom:6px;padding-bottom:4px;text-align:center}.available-rooms-scroll{flex-grow:1;margin-top:4px;max-height:250px;overflow-y:auto}.available-rooms-table{border-collapse:collapse;font-size:14px;width:100%}.available-rooms-table td,.available-rooms-table th{border:1px solid #ccc;padding:6px 8px;text-align:left}.available-rooms-table th{background-color:#bebbbb;font-weight:600}.available-rooms-table tr:nth-child(2n){background-color:#ebe5e5}.delete-room-modal .modal-overlay{align-items:center;background-color:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.delete-room-modal .modal-content{background-color:#fff;border-radius:8px;box-shadow:0 8px 24px #0003;font-family:Segoe UI,sans-serif;max-width:510px;padding:24px;position:relative;width:90%}.delete-room-modal .close-btn{background:#0000;border:none;cursor:pointer;font-size:20px;position:absolute;right:14px;top:10px}.delete-room-modal .modal-actions{display:flex;justify-content:space-between;margin-top:20px}.delete-room-modal .action-btn{border:none;border-radius:5px;cursor:pointer;font-weight:600;padding:8px 16px}.delete-room-modal .action-btn.delete{background-color:#d9534f;color:#fff}.delete-room-modal .action-btn.cancel{background-color:#6c757d;color:#fff}.bookings-content-wrapper{background-color:#1f2937;border-radius:10px;box-shadow:0 4px 10px #0000004d;min-height:80vh;padding:2rem}.bookings-container{color:#fff;padding:1.5rem}.bookings-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.bookings-menu{grid-gap:.75rem;display:grid;gap:.75rem;margin-bottom:1.5rem}.bookings-button{background-color:#2563eb;border:none;border-radius:.375rem;box-shadow:0 2px 4px #0000001a;color:#e6e0e0;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .2s ease-in-out}.bookings-button:hover{background-color:#1d4ed8}.submenu{background:#ddd9d9;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 5px #0003;left:100%;padding:.5rem;position:absolute;top:0;z-index:1000}.submenu-item{background:none;color:#333;font-size:14px;padding:.5rem 1rem}.dashboard-container{isolation:isolate;width:100%}.sidebars1{border-radius:0 12px 12px 0;box-shadow:2px 0 8px #00000026;overflow:visible;padding:10px 6px;position:relative;width:165px;z-index:10}.sidebar-title{border-bottom:2px solid #fff3;font-size:.95rem;margin-bottom:12px;padding-bottom:6px}.sidebars1-button{font-size:.9rem;margin-bottom:4px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;transition:.2s ease}.sidebars1-button.active,.sidebars1-button:hover{font-weight:600}.submenu{background:#fff;border-radius:10px;box-shadow:0 12px 28px #00000040;min-width:180px;padding:6px 0;pointer-events:auto;position:fixed;z-index:999999}.submenu-item{font-size:.8rem;padding:8px 12px;transition:.2s ease}.submenu-item:hover{color:#0b3d91}.main-content{padding:10px 18px;position:relative;z-index:1}.header{gap:15px;height:60px}.header-title{font-size:1.4rem}.action-button1{font-size:.85rem;padding:6px 10px;transition:.2s}.logout-button1{border:none;font-size:.8rem;padding:6px 10px}.content-area{border-radius:14px;box-shadow:0 10px 25px #00000014;padding:18px 25px;z-index:1}.watermark{color:#0000001f;font-size:60px}.content-inner{z-index:2}.dashboard-container{background-color:#3e66a3;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;overflow:hidden;position:relative}.sidebars1{background:#1f2937;border-radius:0 10px 10px 0;box-shadow:2px 0 5px #0000001a;color:#fff;display:flex;flex-direction:column;padding:20px 15px;width:170px;z-index:1}.sidebar-title{border-bottom:2px solid #4ade80;font-size:1.3rem;font-weight:700;margin-bottom:20px;padding-bottom:8px;text-align:center}.sidebars1-button{background:#0000;border:none;border-radius:6px;color:#d1d5db;cursor:pointer;display:block;font-size:.95rem;margin-bottom:8px;padding:10px 12px;text-align:left;transition:background-color .3s ease,color .3s ease;white-space:nowrap;width:100%}.sidebars1-button.active,.sidebars1-button:hover{background-color:#4ade80;color:#111827}.logout-button1{background-color:#b91c1c;border:2px solid #ef4444;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:background-color .3s ease;white-space:nowrap}.logout-button1:hover{background-color:#7f1d1d}.main-content{background-color:#c5ccd8;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:100vh;overflow:hidden;padding:10px 20px}.header{align-items:center;display:flex;gap:20px;height:auto;justify-content:space-between;padding:10px 0}.header-title{color:#1a45a1;font-size:1.5rem;font-weight:700;margin:0}.dashboard-icon{color:#0f4ad6;font-size:1.4rem;margin-right:10px;vertical-align:middle}.content-area{background-color:#e2d8d8f8;border-radius:16px;box-shadow:0 12px 30px #00000014;box-sizing:border-box;flex:1 1;height:auto;overflow:auto;padding:20px 30px;width:100%}.sidebar-item-wrapper{position:relative}.sidebar-button-active{background-color:#4ade80;color:#1655dd}.submenu-item{background:#0000;border:none;color:#111827;cursor:pointer;display:block;font-size:.85rem;line-height:1.2;padding:6px 12px;text-align:left;transition:background-color .3s,color .3s;width:100%}.submenu-item:hover{background-color:#4ade80;color:#0f4ad6}.modal-overlay{background:#00000059;z-index:2000}.modal-content{box-shadow:0 0 15px #0000004d;max-height:95%;overflow-y:auto;padding:2rem}.action-button1{background-color:initial;border:1px solid #c2bfda;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:6px 4px;transition:color .2s ease-in-out,border-color .2s ease-in-out}.action-button1:hover{border-color:#5537c4;color:#3301fa}.sidebars-button{background-color:#3e66a3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin:6px 0;padding:8px 12px;transition:background-color .3s}.sidebars-button:hover{background-color:#2e518c}.main-dashboard-btn{background-color:#fff!important;border:2px solid #00008b!important;border-radius:10px;box-shadow:0 0 4px #0000001a;color:#008a0b!important;font-weight:700;margin-top:12px;padding:8px 12px}.main-dashboard-btn:hover{background-color:#00008b!important;border-color:#00008b!important;color:#fff!important}.content-area{min-height:100%;overflow:hidden;position:relative}.background-overlay{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.background-overlay:before{background:linear-gradient(120deg,#f0f0f099,#0a0a0ad9);content:"";inset:0;position:absolute}.background-overlay:after{animation:moveGlow 12s linear infinite;background:radial-gradient(circle,#ffffff40 0,#0000 60%);content:"";height:250%;position:absolute;width:250%}.watermark{animation:waveMotion 6s ease-in-out infinite;color:#00000026;font-size:78px;font-weight:900;left:50%;letter-spacing:4px;position:absolute;text-shadow:0 0 40px #4d4a4a1a,0 0 40px #57535326;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);white-space:nowrap}@keyframes waveMotion{0%{transform:translate(-50%,-50%) translateY(0) scale(1) rotate(0deg)}25%{transform:translate(-48%,-52%) translateY(-15px) scale(1.02) rotate(-1deg)}50%{transform:translate(-52%,-48%) translateY(10px) scale(.98) rotate(1deg)}75%{transform:translate(-49%,-51%) translateY(-10px) scale(1.01) rotate(-.5deg)}to{transform:translate(-50%,-50%) translateY(0) scale(1) rotate(0deg)}}@keyframes moveGlow{0%{transform:translate(-30%,-30%)}50%{transform:translate(30%,30%)}to{transform:translate(-30%,-30%)}}.content-inner{position:relative;z-index:1}.header-title{animation:fadeSlideIn .8s ease forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.bookings-form-container{background-color:#f7f7f7;border:1px solid #cfbaba;border-radius:12px;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;margin:.2rem auto;max-height:100vh;max-width:100%;overflow:hidden;padding:.5rem .8rem}.close-button{color:#d32f2f;font-size:1rem;font-weight:700;right:8px;top:4px}.close-button:hover{color:#a60000}.forms-title{color:#333;font-size:1.3rem;font-weight:700;margin-bottom:.2rem;text-align:center}.form-message{color:#c0392b;font-size:.75rem;margin-bottom:.3rem}.bookings-form{display:flex;flex:1 1;flex-direction:column;gap:.4rem}.forms-section,.sections-label{margin-bottom:.2rem}.sections-label{color:#444;font-size:.85rem;font-weight:800}.forms-row{display:flex;flex-wrap:wrap;gap:.3rem}.forms-row input,.forms-row select{background-color:#fff;border:1px solid #d3bbbb;border-radius:6px;flex-basis:calc(45% - 0.2rem);flex-grow:1;flex-shrink:1;font-size:.9rem;min-width:120px;padding:.35rem}input[type=file]{font-size:.75rem;padding:.35rem}.dates-group{display:flex;flex-basis:calc(50% - 0.3rem);flex-direction:column;flex-grow:1;flex-shrink:1}.dates-group label{color:#313030;font-size:.8rem;margin-bottom:1px}.search-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.7rem;margin-top:auto;padding:.3rem .6rem}.search-btn:hover{background-color:#007bff}.submits-btn{align-self:center;background-color:#3367d6;border:none;border-radius:4px;color:#fff;font-size:.85rem;font-weight:600;margin-top:.2rem;padding:.45rem .9rem;transition:background-color .3s ease}.submits-btn:hover{background-color:#274bb3}.previous-attachment{color:#555;font-size:.75rem;font-style:italic}@media (max-width:768px){.forms-row{flex-direction:column}.dates-group,.forms-row input,.forms-row select{flex:1 1 100%}.submit-btn{width:100%}}.forms-section .forms-row+.forms-row{margin-top:.4rem}.list-booking-container{background-color:#f7f9fc;border-radius:12px;font-family:Arial,sans-serif;font-size:.6rem;padding:.3rem}.list-booking-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.compact-title{font-size:22px;font-weight:700;margin:0}.column-control-wrapper{position:relative}.column-toggle-button{background-color:#4a5568;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:6px 16px}.column-toggle-button:hover{background-color:#2f3e53}.column-dropdown-menu{background:#fcfafa;border:1px solid #aaa5a5;border-radius:6px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;gap:1px;padding:25px;position:absolute;right:0;top:30px;z-index:100}.column-dropdown-menu label{align-items:center;cursor:pointer;display:flex;font-size:.8rem}.filter-controls-section{border-left:2px solid #4a5568;display:flex;flex-direction:column;gap:2px;margin-bottom:4px;padding-left:10px;padding-top:2px}.filter-row{gap:10px;margin-bottom:2px}.filter-row label{color:#333;font-size:.75rem;white-space:nowrap;width:80px}.filter-row input,.filter-row select{border:1px solid #cabebe;border-radius:6px;font-size:.7rem;padding:2px 4px;width:110px}.filter-row input[type=date]+input[type=date]{margin-left:4px}.filter-row button{font-size:.9rem;margin-left:2px;padding:4px 10px}.booking-table-wrapper{flex:1 1;margin-top:-20px;overflow-y:auto}.booking-table td,.booking-table thead th{border-bottom:1px solid #ddd;font-size:.75rem;padding:4px 2px;text-align:left;white-space:nowrap}.booking-table thead th{background-color:#293552;border:1px solid #bdbdbd;color:#fff;font-size:12px;font-weight:700;letter-spacing:.4px;padding:7px;text-align:center;text-transform:uppercase}.booking-table tbody tr:nth-child(2n){background-color:#f9f9f9}.booking-table tbody tr:hover{background-color:#eef1f7}button{background-color:#3a8ce4;border-radius:4px;font-size:.65rem;margin:0 2px;padding:2px 4px}.booking-summary{color:#036;display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:3;line-height:1.1;margin-top:4px;padding-left:10px;text-align:left}.booking-summary p{margin:0;padding:0}.attachment-link{color:#390fd3;font-weight:700}.attachment-preview{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 20px #0003;left:10%;max-height:70%;overflow:auto;padding:1rem;position:fixed;top:10%;width:60%;z-index:1000}.updateb-btn,.viewb-btn{background-color:#3a8ce4;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:5px;padding:2px 4px;transition:background-color .2s ease}.update-btn:hover,.view-btn:hover{background-color:#5333a3}.payment-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7rem;margin-left:4px;min-width:65px;padding:4px;text-align:center}.payment-btn.closed{opacity:.8}.payment-btn.closed,.payment-btn.complimentary{background-color:#a9a9a9;border:none;color:#fff;cursor:not-allowed}.payment-btn.complimentary{opacity:.9}.payment-btn.completed{background-color:green;color:#fff}.payment-btn.excess{background-color:#004080;color:#fff}.payment-btn.incomplete{background-color:#8cac8c;border:none;color:#fff}.payment-btn.pending{background-color:#f10909;border:none;color:#fff}.payment-btn.void{background-color:red;color:#fff}.payment-btn:disabled{opacity:.6;pointer-events:none}.booking-table{border-collapse:collapse;font-size:14px;margin-top:20px;width:100%}.fetch-button{background-color:#2657c2;border-radius:6px;box-shadow:0 2px 4px #00000026;font-size:14px;padding:4px 14px;transition:background-color .3s ease,transform .2s ease}.fetch-button:hover{background-color:#2563eb;transform:translateY(-1px)}.supdate-forms-overlay{align-items:center;background-color:#0a0a0a66;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;padding:.2rem;position:fixed;top:0;width:100vw;z-index:999}.supdate-form-container{background-color:#eee9e9;border-radius:12px;box-shadow:0 4px 12px #79454514;font-family:Segoe UI,sans-serif;max-height:100vh;max-width:800px;overflow-y:auto;padding:.1rem 1.2rem;width:100%}.supdate-form-container h2{color:#2c3e50;font-size:1.4rem;margin-bottom:0;text-align:center}.sforms-grid{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.sform-row{display:flex;flex-direction:column}.sform-row label{color:#333;font-size:.78rem;font-weight:500;margin-bottom:2px}.sform-row input,.sform-row select{background-color:#fff;border:1px solid #ccc;border-radius:5px;font-size:.82rem;padding:.3rem .4rem}.attachment-preview-row img{border:1px solid #ccc;border-radius:5px;margin-bottom:6px;max-height:120px;max-width:160px;padding:4px}.sform-actions{align-items:center;display:flex;gap:2rem;grid-column:1/-1;justify-content:center;margin-top:1rem}.sform-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.2rem;transition:background-color .2s ease-in-out}.update-btn{background-color:#3367d6}.update-btn:hover{background-color:#274bb3}.cancel-btn{background-color:#e0e0e0;color:#333}.cancel-btn:hover{background-color:#c8c8c8}.supdate-message{color:#c0392b;font-size:.85rem;font-weight:500;margin-top:.2rem;text-align:center}.supdate-form-container::-webkit-scrollbar{width:6px}.supdate-form-container::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}@media (max-width:640px){.sforms-grid{grid-template-columns:1fr}.supdate-form-container{max-height:95vh;padding:1rem}.sform-actions{flex-direction:column}}.payment-form-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.payment-form-container{background:#e4e2e2;border-radius:12px;box-shadow:0 8px 24px #0000004d;padding:24px;position:relative;width:400px}.payment-form-container h2{font-size:1.3rem;margin-bottom:20px}.payment-form-container select{border:1px solid #ccc;border-radius:6px;margin-bottom:12px;margin-top:4px;padding:8px;width:100%}.payment-form-container label{font-weight:600;margin-top:12px}.payment-form-container input,.payment-form-container select{border:1px solid #ccc;border-radius:6px;margin-bottom:10px;margin-top:4px;padding:8px;width:100%}.payment-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px}.payment-buttons button{font-size:1rem;font-weight:500;padding:8px 16px}.payment-buttons button[type=submit]{background-color:#3498db;color:#fff}.payment-buttons button[type=submit]:hover{background-color:#2980b9}.payment-buttons .cancel-btn{background-color:#f44336;color:#fff}.payment-buttons .cancel-btn:hover{background-color:#d32f2f}.payment-buttons .cancel-btn:active{background-color:#b71c1c}.success{background-color:#e6f4ea;color:green;text-align:center}.error,.success{border-radius:6px;font-weight:600;margin:10px 0;padding:10px}.error{background-color:#fdecea}.checkout-title{color:#5b6c99a8;font-size:22px;font-weight:700;margin-bottom:.75rem;margin-top:0}.checkout-table{border-collapse:collapse;font-size:.9rem;margin-top:.5rem}.checkout-table thead th{background-color:#f0f4f8;border-bottom:2px solid #c4b9b9;color:#63696e;font-weight:700;padding:4px 2px;text-align:left;white-space:nowrap}.checkout-table tbody td{border-bottom:1px solid #ddd;padding:2px 4px;white-space:nowrap}.checkout-table tbody tr:nth-child(2n){background-color:#f9f9f9}.checkout-table tbody tr:hover{background-color:#eef6ff}.checkout-action-buttons{display:flex;gap:6px}.checkout-action-buttons button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:4px 10px;transition:background-color .2s ease}.checkout-action-buttons .checkout-btn{background-color:#2b6cb0}.checkout-action-buttons .checkout-btn:hover{background-color:#2c5282}.checkout-action-buttons .cancel-btn{background-color:#e53e3e}.checkout-action-buttons .cancel-btn:hover{background-color:#c53030}@media (max-width:768px){.checkout-table{font-size:.75rem}.checkout-action-buttons button{padding:3px 6px}}.checkout-summary{color:#af4174;display:flex;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.checkout-frame{background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;margin:0;padding:1rem .5rem;width:100%}.checkout-guest-container{color:#1a202c;font-family:Arial,sans-serif;margin:0;padding:1.5rem 0;width:100%}.checkout-table{min-width:960px;width:100%}.cancel-guest-container{padding-bottom:1rem;padding-top:.25rem}.cancel-title{color:#5b6c99a8;font-size:22px;font-weight:700;margin-bottom:.75rem;margin-top:0}.cancel-table{border-collapse:collapse;font-size:.9rem;margin-top:0}.error-message{font-weight:600;margin-bottom:1rem}.cancel-table thead th{background-color:#f0f4f8;border-bottom:2px solid #c4b9b9;color:#63696e;font-weight:700;padding:4px 2px;text-align:left;white-space:nowrap}.cancel-table tbody td{border-bottom:1px solid #ddd;padding:2px 4px;white-space:nowrap}.cancel-table tbody tr:nth-child(2n){background-color:#f9f9f9}.cancel-table tbody tr:hover{background-color:#eef6ff}.cancel-action-buttons{display:flex;gap:6px}.cancel-action-buttons button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:4px 10px;transition:background-color .2s ease}.cancel-action-buttons .checkout-btn{background-color:#2b6cb0}.cancel-action-buttons .checkout-btn:hover{background-color:#2c5282}.cancel-action-buttons .cancel-btn{background-color:#e53e3e}.cancel-action-buttons .cancel-btn:hover{background-color:#c53030}.attachment-link{color:#2b6cb0;cursor:pointer;font-weight:600;text-decoration:underline}@media (max-width:768px){.cancel-table{font-size:.75rem}.cancel-action-buttons button{padding:3px 6px}}.cancel-summary{color:#af4174;display:flex;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.cancel-frame{background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;margin:0;padding:1rem .5rem;width:100%}.cancel-guest-container{color:#1a202c;font-family:Arial,sans-serif;margin:0;padding:1.5rem 0;width:100%}.table-scroll-wrapper{overflow-x:auto;width:100%}.cancel-table{min-width:960px;width:100%}.modal-overlay{background:#14141499;z-index:999}.modal-box{background:#d3cfcf;box-shadow:0 2px 10px #0003;padding:1rem;width:350px}.modal-box h3{color:#333;margin-bottom:.5rem;margin-top:0}.reason-textarea{border:1px solid #ccc;border-radius:6px;font-family:Arial,sans-serif;font-size:14px;height:100px;margin-bottom:.75rem;padding:8px;resize:none;width:95%}.modal-actions{gap:10px}.confirm-btn{background-color:#2b6cb0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 12px}.confirm-btn:hover{background-color:#265a8a}.close-btn{background-color:#e53e3e;border-radius:4px;font-size:.9rem;padding:6px 12px}.close-btn:hover{background-color:#c53030}.cancel-table,.cancel-table td,.cancel-table th{border:1px solid #ccc;border-collapse:collapse}.summary-container{font-family:Arial,sans-serif;padding:16px}.summary-header{align-items:center;display:flex;justify-content:space-between}.print-btn{background:#b1b8c7;padding:6px 12px}.filters{margin:12px 0}.summary-cards{grid-gap:10px;display:grid;font-size:14px;gap:10px;grid-template-columns:repeat(4,1fr);margin:10px 0}.card{background:#f3f4f6;border:1px solid #ddd;font-weight:700;padding:10px}.summary-table td,.summary-table th{border:1px solid #ccc}.summary-table th{font-weight:700}.summary-table tbody tr:nth-child(odd){background:#f9fafb}.summary-table tbody tr:nth-child(2n){background:#fff}.bank-breakdown,.payment-summary{border:1px solid #ccc;margin-top:15px;padding:10px}.bank-section{font-size:17px;font-weight:700}.bank-row{display:flex;justify-content:space-between;padding:5px 0}.print-header{margin-bottom:10px;text-align:center}@media print{.filters,.print-btn{display:none}.summary-container{padding:0}}.summary-table-container{border:1px solid #ccc;border-radius:6px;max-height:500px;overflow-y:auto}.summary-table-container::-webkit-scrollbar{width:8px}.summary-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.summary-table-container::-webkit-scrollbar-thumb{background:#888;border-radius:6px}.summary-table-container::-webkit-scrollbar-thumb:hover{background:#555}.summary-table td,.summary-table th{border:1px solid #000;font-size:12px;padding:6px;text-align:center}.summary-table tbody tr:nth-child(odd){background:#f7f7f7}.summary-table tbody tr:nth-child(2n){background:#dcf1c8}.grand-total-row{background:#e0e0e0;border-top:2px solid #000}.create-bank-container{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:25px auto;max-width:600px;padding:18px 20px}.create-bank-title{color:#333;font-size:1.4rem;font-weight:600;margin-bottom:15px;text-align:center}.create-bank-form .form-group{display:flex;flex-direction:column;margin-bottom:10px}.create-bank-form label{color:#444;font-size:.9rem;font-weight:600;margin-bottom:5px}.create-bank-form input{border:1px solid #ccc;border-radius:6px;font-size:.95rem;padding:8px 12px;transition:border .2s}.create-bank-form input:focus{border-color:#4a90e2;outline:none}.submit-btn{background-color:#4a90e2;border-radius:6px;font-size:.95rem;margin-top:5px;padding:9px;transition:background .2s;width:100%}.submit-btn:hover{background-color:#357ab8}.error-message,.success-message{font-size:.9rem;font-weight:500;margin-top:8px;text-align:center}.success-message{color:green}.error-message{color:red}.bank-list-title{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:8px;margin-top:10px}.bank-table{border-collapse:collapse;font-size:.9rem;width:100%}.bank-table td,.bank-table th{border:1px solid #ddd;padding:4px;text-align:left}.bank-table th{background-color:#f4f4f4;font-weight:600}.bank-table tr:nth-child(2n){background-color:#fafafa}.cancel-btn,.delete-btn,.edit-btn{border:none;border-radius:5px;cursor:pointer;font-size:.85rem;font-weight:500;margin-right:4px;padding:4px 8px}.edit-btn{background-color:#4a90e2}.edit-btn:hover{background-color:#357ab8}.cancel-btn{background-color:#7f8c8d}.cancel-btn:hover{background-color:#5e6d70}.outstanding-wrapper{background-color:#f7f9fc;border-radius:12px;box-shadow:0 8px 24px #0000004d;padding:24px;position:relative;width:1000px}.no-margin{margin-bottom:5px;margin-top:0}.summary-box{display:flex;font-size:.95rem;font-weight:500;gap:20px;margin-bottom:10px}.outstanding-table{border-collapse:collapse;font-size:.88rem;width:100%}.outstanding-table td,.outstanding-table th{border:1px solid #ccc;padding:6px;text-align:left}.outstanding-table th{background-color:#293552;border:1px solid #bdbdbd;color:#fff;font-size:12px;font-weight:700;letter-spacing:.4px;padding:7px;text-align:center;text-transform:uppercase}.outstanding-table thead{background-color:#004c66;color:#fff}.outstanding-table tbody tr:nth-child(2n){background-color:#f2f7fa}.outstanding-table tbody tr:hover{background-color:#d0ecf9}.pay-button{background-color:teal;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:4px 8px}.pay-button:hover{background-color:#066}.list-payment-container{background-color:#f7f9fc;border-radius:12px;font-family:Arial,sans-serif;font-size:.6rem;padding:.3rem}.list-payment-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.compact-title{color:#036;font-size:1.4rem;font-weight:600}.filters-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:0}.filter-item{align-items:center;display:flex;flex:1 1 220px;font-size:.9rem;gap:.4rem;min-width:200px}.filter-item label{color:#036;font-size:.78rem;font-weight:600;white-space:nowrap;width:100px}.filter-item button,.filter-item input[type=date],.filter-item input[type=text],.filter-item select{border:1px solid #ccc;border-radius:8px;flex:1 1;font-size:.7rem;height:20px;max-width:150px;padding:2px 4px}.daily-button{background-color:#646e80;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.82rem;height:24px;transition:background-color .2s ease-in-out}.daily-button:hover{background-color:#2359c4}.date-range-wrapper{align-items:center;display:flex;gap:.5rem;margin-left:1rem}.date-range-wrapper label{color:#036;font-size:.78rem;font-weight:600;white-space:nowrap;width:90px}.date-range-wrapper input[type=date]{border:1px solid #beb0b0;border-radius:4px;font-size:.82rem;height:20px;padding:2px 4px;width:110px}.fetch-button{background-color:#646e80;font-size:.82rem;line-height:1;min-width:80px;padding:8px 14px}.fetch-button:hover{background-color:#2359c4}.payment-table-wrapper{margin-top:.2rem;white-space:nowrap}.payment-table{border-radius:8px;min-width:100%;overflow:hidden;width:max-content}.payment-table td,.payment-table th{border:1px solid #3d4146;padding:8px;white-space:nowrap}.payment-table th{background-color:#293552;border:1px solid #bdbdbd;font-size:12px;font-weight:700;letter-spacing:.4px;padding:7px;text-align:center;text-transform:uppercase}.payment-table .action-buttons{display:flex;flex-direction:row;gap:6px}.view-btn,.void-btn{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:5px 9px;white-space:nowrap}.view-btn{background-color:#3a8ce4}.view-btn:hover{background-color:#217dbb}.payment-method-summary,.payment-summary{background-color:#eaf1f8;border-left:4px solid #036;color:#036;display:flex;flex-wrap:wrap;font-size:.92rem;font-weight:600;gap:1.2rem;margin-top:.8rem;padding:.6rem 1rem}.error{margin-top:.6rem}.payment-method-summary{background:#f9f9f9;border:1px solid #ccc;border-radius:6px;margin-top:1rem;padding:10px}.payment-method-summary ul{list-style:none;padding:0}.payment-method-summary li{margin:5px 0}.no-data{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:6px;color:#856404;font-size:.9rem;font-weight:500;margin-left:auto;margin-right:auto;margin-top:10px;max-width:500px;padding:10px 15px}.all-summary-wrapper{font-family:Segoe UI,sans-serif;font-size:15px;margin-top:30px;padding:10px 20px}.summary-row{margin-bottom:5px}.summary-left,.summary-right{align-items:center;display:flex;width:50%}.summary-left span,.summary-right span{margin-left:4px}.debtor-summary-wrapper{border-top:1px solid #ccc;margin-top:20px;padding:10px}.summary-row{display:flex;justify-content:space-between;margin:4px 0}.summary-left{display:flex;font-size:.95rem;gap:6px}.popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background:#ebe8e8;border-radius:12px;box-shadow:0 10px 20px #0000004d;max-height:90vh;overflow-y:auto;padding:30px 40px}.large-popup{max-width:95%;width:700px}.popup-title{font-size:18px;margin-bottom:25px;text-align:center}.popup-grid{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:1fr 1fr}.large-font{font-size:12px}.popup-buttons{display:flex;justify-content:space-between;margin-top:30px}.close-popup-btn,.print-btn{background:#5c6980;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 24px}.close-popup-btn:hover,.print-btn:hover{background-color:#3f475b}@media print{body *{visibility:hidden}.popup-content,.popup-content *{visibility:visible}.popup-content{box-shadow:none;left:0;padding:0;position:absolute;top:0;width:100%}.close-popup-btn,.print-btn{display:none}}.voided-row{background-color:#ffe6e6!important;color:red;font-weight:700}.list-payment-container table.payment-table{font-size:.9rem!important}.list-payment-container table.payment-table td,.list-payment-container table.payment-table th{font-size:.9rem!important;padding:4px 8px!important}.popup-content{font-size:1rem!important}.popup-content .popup-title{font-size:1.4rem!important}.popup-content .large-font{font-size:1rem!important}.close-popup-btn,.print-btn{font-size:.9rem!important;padding:8px 18px!important}.green-paid-row{background-color:#80be80;color:#14532d;font-weight:700}.status-summary-wrapper{color:#333;font-size:.95rem;margin-top:20px;max-width:100%;padding:0}.status-summary-wrapper h4{font-size:1.05rem;font-weight:700;margin-bottom:10px}.status-summary-wrapper p{margin:4px 0}.daily-summary-wrapper{background:#f8f9fa;border-radius:10px;box-shadow:0 1px 4px #0000001a;font-size:1.1rem;line-height:1.4;margin-left:auto;margin-right:auto;margin-top:20px;padding:16px 20px;width:fit-content}.daily-summary-wrapper h3,.daily-summary-wrapper h4{color:#222;font-weight:600;margin:0;text-align:left}.daily-summary-wrapper h3{font-size:1.3rem;margin-bottom:5px}.daily-summary-wrapper h4{font-size:1.15rem;margin-bottom:8px}.daily-summary-wrapper .summary-row{display:flex;font-weight:500;justify-content:space-between;margin:4px 0}.daily-summary-wrapper .summary-row strong{color:#222;display:inline-block;min-width:150px}.daily-summary-wrapper .summary-row span{color:#000;font-weight:600}.daily-summary-wrapper ul{list-style:none;margin-top:4px;padding:0}.daily-summary-wrapper li{display:flex;font-size:1.05rem;font-weight:500;justify-content:space-between;margin:3px 0}.daily-summary-wrapper li strong{color:#222;display:inline-block;min-width:150px}.daily-summary-wrapper li span{color:#000;font-weight:600}.payment-summary-container{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;margin-top:10px;padding:15px}.summary-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:10px}.summary-card{background:#f5f5f5;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px}.summary-card.highlight{background:#fdebd0;border-left:4px solid #f39c12}.payment-table-wrapper{border:1px solid #ddd;border-radius:6px;max-height:75vh;max-width:100%;overflow-y:auto;padding-bottom:10px}.payment-table{min-width:1500px}.filter-label{font-weight:700;margin-right:4px}.filter-select{min-width:180px;padding:6px}.summary-box{background:#f8f8f8;border-radius:10px;box-shadow:0 2px 6px #0000001a;margin:10px 0;padding:12px}.summary-grid{display:flex;gap:20px}.summary-item{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;padding:10px 15px}.daily-summary{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-top:20px;padding:15px}.daily-summary .summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.daily-summary .summary-item{background:#fdfdfd;border:1px solid #e8e8e8;border-radius:8px;font-size:14px;padding:10px}.compact-summary{background:#f8f8f8;border-radius:6px;font-size:.75rem!important;line-height:1.1;padding:5px 8px;width:fit-content}.summary-stack{display:flex;flex-direction:column;gap:1px;margin-bottom:4px}.summary-item{line-height:1.05}.bank-summary{border-left:1px solid #ccc;margin-left:6px;padding-left:5px}.summary-box h5{font-size:.8rem;font-weight:600;margin:0 0 4px}.total-payment{border-top:1px solid #ccc;color:#1a73e8;font-weight:700;margin-top:5px;padding-top:5px}.void-payment-container{background-color:#e8ecf0;font-size:.9rem;padding:.5rem}.void-title{color:#036;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.payment-table-wrapper{width:100%}.payment-table{border-radius:7px;box-shadow:0 1px 4px #00000014;font-size:.9rem}.payment-table td,.payment-table th{border:1px solid #e0e6ed;padding:0 2px}.payment-table th{background-color:#036}.payment-table tr:nth-child(2n){background-color:#f4f7fa}.void-btn{background-color:#ada4a3;border-radius:4px;color:#110f0f;font-size:.85rem}.void-btn:hover{background-color:#d62121}.error{font-weight:500}.filter-bar{gap:.4rem;margin-bottom:1rem}.filter-bar label{align-items:center;color:#036;display:flex;font-size:1.3rem;gap:.2rem}.filter-row input[type=date]{border:1px solid #cec3c3;border-radius:6px;font-size:.8rem;height:25px;padding:2px 6px}.fetch-button{background-color:#069;border-radius:4px;font-size:.85rem;font-weight:500;height:25px;padding:6px 14px;transition:background-color .2s ease-in-out}.fetch-button:hover{background-color:#046}.modal-overlay{background-color:#0a0a0a99}.modal-box{border-radius:6px;box-shadow:0 4px 10px #00000026;padding:1.4rem}.modal-buttons{gap:1rem;justify-content:center;margin-top:1rem}.modal-buttons button{border-radius:4px;font-size:.9rem;padding:.5rem 1rem}.modal-buttons button:first-child{background-color:#e74c3c}.modal-buttons button:last-child{background-color:#ccc}.voided-payment{background-color:#ffe6e6!important;color:red;font-weight:700}.reservation-alert-container{background:#f7f5f5;border-radius:8px;box-shadow:0 2px 6px #a8777714;font-family:Segoe UI,sans-serif;max-width:100%;overflow-x:auto;padding:6px 12px}.reservation-alert-container h2{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:10px}.reservation-table,.reservation-table td,.reservation-table th{border:1px solid #ccc;border-collapse:collapse}.reservation-table{background-color:#fff;border-radius:6px;font-size:.75rem;overflow:hidden;width:100%}.reservation-table thead{background-color:#677edb;color:#fff}.reservation-table td,.reservation-table th{max-width:160px;padding:4px 6px;text-align:left;white-space:normal;word-break:break-word}.reservation-table tbody tr:nth-child(2n){background-color:#f2f6fa}.reservation-table tbody tr:hover{background-color:#e8edff;cursor:default;transition:.2s ease-in-out}@media (max-width:750px){.reservation-table td,.reservation-table th{font-size:.72rem;padding:4px 5px}.reservation-alert-container h2{font-size:1rem}}.reservation-button.alert-active{background-color:#e74c3c;color:#fff}.reservation-button.alert-inactive{background-color:#7f8c8d;color:#fff}.room-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:3px}.room-card{border-radius:12px;color:#fff;font-weight:700;padding:2px;text-align:center;transition:transform .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.room-card.clickable{cursor:pointer}.room-card.clickable:hover{box-shadow:0 4px 12px #0003;transform:scale(1.03)}.room-card.disabled{cursor:not-allowed;opacity:.7}.room-summary-footer{background-color:#fffffff8;border-radius:8px;color:#333;display:flex;flex-wrap:wrap;font-size:1rem;font-weight:600;gap:30px;justify-content:center;margin-top:20px;padding:12px}.room-divider{border:none;border-top:2px solid #ccc;margin:20px 0}.chart-container{background:#fff;border-radius:8px;margin-bottom:20px;padding:10px}.reservation-dot{border:2px solid #fff;border-radius:50%;height:12px;width:12px}.reservation-badge,.reservation-dot{background-color:gold;position:absolute;right:5px;top:5px}.reservation-badge{border:1px solid #fff;border-radius:8px;color:#000;font-size:10px;font-weight:700;padding:2px 5px}.section-box{background-color:#f8f4f4;border:2px solid #cab6b6;border-radius:12px;margin-bottom:15px;padding:10px}.event-form-container{background-color:#f7f7f7;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:1000px;padding:25px;position:relative}.forme-title{margin-bottom:15px;text-align:center}.close-button{background:#0000;font-size:24px;right:15px;top:10px}.form-message{color:green;font-weight:700;margin-bottom:10px;text-align:center}.event-form{display:flex;flex-direction:column;gap:12px}.form-rows{display:flex;gap:15px}.form-rows input,.form-rows select{flex:1 1}.form-rows input,.form-rows select,textarea{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:10px}textarea{font-family:inherit}.submit-btn{align-self:center;background-color:#3367d6;border-radius:4px;font-size:.85rem;font-weight:600;margin-top:.2rem;padding:.45rem .9rem;transition:background-color .3s ease}.submit-btn:hover{background-color:#354195}.list-event-container{background-color:#f7f9fc;border-radius:12px;font-family:Arial,sans-serif;font-size:.7rem;padding:.2rem}.list-event-header-row{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px}.filters{margin-top:10px}.filter-input{border:1px solid #ccc;border-radius:8px;font-size:14px;padding:5px}.fetch-button{background-color:#6d56c0;padding:5px 12px}.event-table-wrapper{margin-top:10px;overflow-x:auto}.event-table{border:1px solid #ccc;border-collapse:collapse;width:100%}.event-table td,.event-table th{border:1px solid #ccb3b3;padding:4px 8px;text-align:left;white-space:nowrap}.event-table th{background-color:#036;color:#fff;font-weight:700}.event-table tr:nth-child(2n){background-color:#fafafa}.event-table tr:hover{background-color:#f1f1f1}.action-buttons{display:flex;flex-wrap:nowrap;gap:6px}.cancel-btn,.update-btn,.view-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:4px 8px}.view-btn{background-color:#2196f3;color:#fff}.update-btn{background-color:orange;color:#fff}.cancell-btn{background-color:#aa8280;color:#fff}.event-summary-wrapper{border-top:1px solid #c7a4a4;display:flex;font-size:16px;font-weight:700;gap:30px;margin-top:12px;padding-top:8px}.cancelled-event-row{background-color:#f5f5f5;color:#888}.cancelled-event-row td{color:#888}.cancel-event-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f0f0f99;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.cancel-event-modal{background-color:#fff;border-radius:12px;box-shadow:0 8px 25px #0003;padding:20px 28px;text-align:center;width:400px}.cancel-event-modal h3{color:#333;font-size:18px;margin-bottom:12px}.cancel-event-modal textarea{border:1px solid #ccc;border-radius:6px;font-size:14px;height:80px;margin-bottom:14px;padding:10px;width:100%}.modal-actions{gap:12px}.modal-actions button{flex:1 1;font-size:14px;font-weight:700;padding:10px;transition:background-color .2s}.modal-actions button:first-child{background-color:#c72b2b;color:#fff}.modal-actions button:first-child:hover{background-color:#a32020}.cancel-btn{background-color:#b83535}.cancel-btn:hover{background-color:#bbb}.cancel-message{color:red;font-size:13.5px;font-weight:500;margin-top:12px}.event-payment-wrapper{background-color:#f7f9fc;border-radius:12px;font-family:Arial,sans-serif;font-size:.7rem;padding:.2rem}.event-payment-title{color:#343a40;font-size:20px;margin-bottom:10px}.event-payment-error,.event-payment-loading{color:#dc3545;font-size:16px}.event-payment-table{background:#fff;border-collapse:collapse;box-shadow:0 0 8px #0000000d;width:100%}.event-payment-table th{border:1px solid #799ec5;font-size:16px;padding:4px 6px;text-align:left}.event-payment-table td{border:1px solid #a5b3c2;font-size:14px;padding:4px 6px;text-align:left}.event-payment-table th{background-color:#036;color:#fff}.event-payment-table tbody tr:nth-child(2n){background-color:#e8f1fa}.event-payment-table tbody tr:hover{background-color:#d3e7f6}.event-payment-button{background-color:teal;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 14px;transition:background-color .2s ease}.event-payment-button:hover{background-color:#218838}.modal-overlay{background:#00000080}.modal-content{border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:20px;width:350px}.modal-content label{font-weight:700}.modal-content input,.modal-content select{padding:8px}.modal-actions{justify-content:space-between}.form-error{color:red;font-size:13px}.success-message{background-color:#e6ffed;border:1px solid #b5e0c2;border-radius:5px;color:#267a3e;font-weight:700;margin-top:10px;padding:10px}.event-payment-summary{background-color:#f9fbff;border-radius:10px;box-shadow:0 2px 8px #0000000a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.2rem;line-height:1.6rem;margin-top:30px;max-width:700px;padding:25px 35px;text-align:left;width:100%}.summary-line{color:#1a1a1a;font-size:1.2rem;margin:10px 0}.summary-line strong{color:#004080}.list-event-payment-containers{border-radius:8px;box-sizing:border-box;padding:4px;width:100%}.list-event-payment-containers h2{font-size:24px;font-weight:700;margin-bottom:5px}.filterss{align-items:center;border-radius:8px;display:flex;gap:8px;margin-bottom:5px}.filterss button,.filterss input{font-size:12px;padding:4px 6px}.payment-table-scroll{background:#fff;border:1px solid #aaa;max-height:420px;overflow-y:auto;width:100%}.event-payment-tables{border:1px solid #bfbfbf;border-collapse:collapse;table-layout:fixed;width:100%}.event-payment-tables td,.event-payment-tables th{border:1px solid #c8c8c8;font-size:12px;outline:.5px solid #e1e1e1;overflow:hidden;padding:2px 3px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.event-payment-tables th{background:#2f3542;border:1px solid #1f2228;color:#fff;font-size:13px;font-weight:400;height:24px}.event-payment-tables tbody tr:nth-child(odd){background:#fff}.event-payment-tables tbody tr:nth-child(2n){background:#edf8ed}.voided-payment-row{background-color:#ffe1e1!important;color:#b70000!important}.event-payment-tables th:first-child{width:30px}.event-payment-tables th:nth-child(2),.event-payment-tables th:nth-child(3){width:85px}.event-payment-tables th:nth-child(4){width:75px}.event-payment-tables th:nth-child(5){width:65px}.event-payment-tables th:nth-child(6){width:80px}.event-payment-tables th:nth-child(7){width:56px}.event-payment-tables th:nth-child(8){width:65px}.event-payment-tables th:nth-child(9){width:60px}.event-payment-tables th:nth-child(10){width:70px}.event-payment-tables th:nth-child(11){width:55px}.event-payment-tables th:nth-child(12){width:95px}.event-payment-tables th:nth-child(13){width:65px}.event-payment-tables th:nth-child(14){width:45px}.summary-horizontal{background:#f8f8f8;border:1px solid #ddd;border-radius:8px;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;margin-top:8px;padding:6px;width:100%}.summary-left,.summary-middle,.summary-right{display:flex;flex-direction:column;font-size:14px;gap:2px;white-space:nowrap}.bank-summary-horizontal{display:block}@media (max-width:900px){.summary-horizontal{flex-wrap:wrap}}.void-payment-container{background-color:#f9fafb;border-radius:12px;font-family:Arial,sans-serif;padding:1rem}.void-title{color:#1f2937;font-size:1.8rem;font-weight:700;margin-bottom:20px}.filter-row{align-items:center;display:flex;gap:8px;margin-bottom:10px}.filter-row input[type=date]{border:1px solid #cbd5e1;border-radius:12px;font-size:14x;padding:2px}.fetch-button{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .3s ease}.fetch-button:hover{background-color:#1e40af}.error{color:red;margin-top:10px}.payment-table-wrapper{border-radius:12px;box-shadow:0 1px 5px #0000000d;overflow-x:auto}.payment-table{background-color:#fff;min-width:1000px}.payment-table td,.payment-table th{border:1px solid #e5e7eb;font-size:12px;padding:8x;text-align:left}.payment-table th{background-color:#374151;color:#fff;padding:6px 12px}.payment-table tr:nth-child(2n){background-color:#f3f4f6}.void-btn{background-color:#dc2626;border-radius:6px;font-weight:700;padding:6px 12px;transition:background-color .2s ease-in-out}.void-btn:hover{background-color:#b91c1c}.voided-payment{background-color:#fee2e2;color:#991b1b;font-style:italic}.modal-overlay{background:#0006}.modal-box{border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:400px;text-align:center}.modal-buttons{justify-content:space-around;margin-top:20px}.modal-buttons button{border:none;border-radius:8px;cursor:pointer;font-weight:700;padding:8px 16px}.modal-buttons button:first-child{background-color:#dc2626;color:#fff}.modal-buttons button:last-child{background-color:#e5e7eb;color:#111827}.voided-payment-row{background-color:#f5f5f5;color:#888}.voided-status{color:red;font-weight:700}.void-btn{background-color:#e74c3c;border:none;color:#fff;cursor:pointer;padding:4px 8px}.void-btn:hover{background-color:#c0392b}.modal-overlay{background-color:#0006;height:100%;width:100%}.modal-box{background-color:#fff;border-radius:8px;padding:20px}.modal-buttons button{margin-right:10px}.update-form-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a0a99;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:10px;position:fixed;top:0;width:100%;z-index:1000}.update-form-container{animation:fadeIn .25s ease-in-out;background-color:#fff;border:2px solid #bbb;border-radius:12px;box-shadow:0 8px 25px #0003;max-height:95vh;max-width:95%;overflow-y:auto;padding:20px 24px;width:850px}.update-form-container h2{border-bottom:1px solid #ccc;color:#2b2b4b;font-size:20px;font-weight:600;margin-bottom:16px;padding-bottom:8px;text-align:center}.form-frame{background-color:#f7f8fc;border:1px solid #ccc;border-radius:10px;padding:20px}.form-grid{grid-gap:12px 18px;gap:12px 18px;grid-template-columns:repeat(2,1fr)}.form-row{max-width:95%}.form-row label{color:#444;font-size:13px;font-weight:600;margin-bottom:4px}.form-row input,.form-row select,.form-row textarea{background-color:#fff;border:1px solid #b49d9d;border-radius:8px;font-size:13px;padding:6px 10px;transition:border-color .2s ease;width:50%}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#6d56c0;outline:none}.form-actions{display:flex;gap:14px;grid-column:1;grid-column:1/-1;justify-content:flex-end;justify-content:center;margin-top:16px}.form-actions button[type=submit]{background-color:#6d56c0;color:#fff}.form-actions button[type=submit]:hover{background-color:#5642a4}.cancel-btn{background-color:#d3d3d3;color:#222}.cancel-btn:hover{background-color:#b3b3b3}.update-message{font-size:13.5px;font-weight:500;grid-column:1/-1;margin-top:10px;text-align:center}.update-message.success{color:green}.update-message.error{color:red}.view-event-payment-container{background-color:#fff;border:1px solid #ccc;border-radius:6px;margin:20px auto;max-width:600px;padding:15px}.view-event-payment-container h2{margin-bottom:15px}.view-event-payment-container button{cursor:pointer;margin-bottom:15px;padding:6px 12px}.view-event-payment-container table{border-collapse:collapse;width:100%}.view-event-payment-container td,.view-event-payment-container th{border-bottom:1px solid #ddd;padding:8px 12px;text-align:left;vertical-align:top}.view-event-payment-container th{background-color:#f7f7f7;width:40%}.vendor-container{background:#faf7f7;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;font-family:Arial,sans-serif;max-width:100%;padding:1.5rem}.vendor-container .vendor-heading{font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.vendor-container .vendor-create-form{background:#f8f8f8;border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px}.vendor-container .vendor-create-form input{border:1px solid #cac1c1;border-radius:8px;flex:1 1 30%;font-size:13px;padding:8px 10px}.vendor-container .vendor-create-form button{background-color:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px}.vendor-container .vendor-create-form button:hover{background-color:#219150}.vendor-container .vendor-message{color:#73bd77;font-size:13px;font-weight:500;margin-bottom:10px;text-align:center}.vendor-container .vendor-table{border:1px solid #bdbdbd;border-radius:8px;display:grid;font-size:13px;overflow:hidden;width:100%}.vendor-container .vendor-table-header{align-items:center;background-color:#293552;border-bottom:1px solid #bdbdbd;color:#fff;display:grid;font-weight:700;grid-template-columns:60px 200px 160px 1fr 160px;text-align:center}.vendor-container .vendor-table-header div{border-right:1px solid #bdbdbd;overflow:hidden;padding:6px;text-overflow:ellipsis;white-space:nowrap}.vendor-container .vendor-table-header div:last-child{border-right:none}.vendor-container .vendor-table-row{align-items:center;border-bottom:1px solid #d6d6d6;display:grid;grid-template-columns:60px 200px 160px 1fr 160px;text-align:center}.vendor-container .vendor-table-row:nth-child(odd){background-color:#fff}.vendor-container .vendor-table-row:nth-child(2n){background-color:#f2f6fa}.vendor-container .vendor-table-row:last-child{border-bottom:none}.vendor-container .vendor-table-row div{border-right:1px solid #d6d6d6;box-sizing:border-box;overflow:hidden;padding:6px;text-overflow:ellipsis;white-space:nowrap}.vendor-container .vendor-table-row div:last-child{border-right:none}.vendor-container .vendor-table-row:hover{background-color:#eaf2ff}.vendor-container .vendor-action-buttons{display:flex;gap:6px;justify-content:center}.vendor-container .vendor-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:5px 10px}.vendor-container .vendor-btn-update{background-color:#007bff;color:#fff}.vendor-container .vendor-btn-update:hover{background-color:#0056b3}.vendor-container .vendor-btn-delete{background-color:#dc3545;color:#fff}.vendor-container .vendor-btn-delete:hover{background-color:#c82333}.category-list-container{background-color:#fff;border-radius:10px;box-shadow:0 1px 6px #0000000d;margin:10px auto;max-width:500px;padding:16px}.category-list-container h2{color:#2c3e50;font-size:1.3rem;margin-bottom:8px;text-align:center}.category-table{border-radius:10px;margin-top:8px;overflow:hidden}.category-table td,.category-table th{border:1px solid #ddd;font-size:.9rem;padding:8px}.category-table th{background-color:#f4f4f4;font-weight:600}.action-btn{font-size:.78rem;margin-right:4px;padding:4px 7px}.action-btn.update{background-color:#007bff}.action-btn.delete{background-color:#dc3545}.action-btn.save{background-color:#28a745}.action-btn.cancel{background-color:#6c757d}@media (max-width:768px){.category-list-container{max-width:92%;padding:12px}.category-table td,.category-table th{font-size:.85rem;padding:6px}.action-btn{font-size:.78rem;padding:4px 8px}}.form-header{justify-content:center;margin-bottom:14px;position:relative}.close-button{background:none;border:none;color:#888;cursor:pointer;font-size:22px;line-height:1;padding:6px;position:absolute;right:0;top:0}.close-button:hover{color:#d00}.create-category-form{align-items:center;display:flex;gap:10px;margin-bottom:16px}.create-category-form input{border:1px solid #ccc;border-radius:6px;flex-grow:1;padding:8px}.create-category-form .create-btn{background-color:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px}.create-category-form .create-btn:hover{background-color:#219150}.list-item-container{padding:10px}.list-item-message{border-left:4px solid #66bb6a;font-size:13px;margin-bottom:12px;padding:8px}.list-item-container h2,.list-item-container h3{font-size:18px;margin-bottom:2px}.search-input{border:1px solid #b4a9a9;border-radius:8px;font-size:13px;margin-bottom:4px;padding:6px 10px;width:15%}.create-item-form{grid-gap:4px;gap:4px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:6px}.create-item-form label{font-size:12px}.create-item-form input,.create-item-form select{border-radius:6px;font-size:12px;margin-top:3px;padding:2px}.save-btn{border-radius:6px;font-size:12px;padding:8px 12px}.item-table{font-size:12px;margin-top:4px}.item-table td,.item-table th{padding:4px 6px}.item-table th{background-color:#f4f6f8;color:#333}.odd-row{background-color:#e7e0e0}.delete-btn,.edit-btn{font-size:11px;padding:4px 6px}.modal-content{max-width:450px;padding:15px 20px}.modal-content h3{font-size:16px;margin-bottom:12px}.modal-content form{gap:8px}.modal-content input,.modal-content select{font-size:12px;padding:5px}.modal-buttons{gap:8px;margin-top:8px}.cancel-btn{border-radius:6px;font-size:12px;padding:8px}.scrollable-table-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-top:10px;max-height:350px;overflow-x:auto;overflow-y:auto}.scrollable-table-container table thead th{background-color:#f4f6f8;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:10}.create-purchase-container{background:#faf7f7;border-radius:10px;box-shadow:0 3px 10px #00000014;font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;padding:25px}.create-purchase-container h2{color:#333;font-size:20px;font-weight:600;margin-bottom:20px}.form-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:15px}.form-group label{color:#444;font-size:14px;font-weight:500;margin-bottom:5px}.form-group input,.form-group select{background-color:#fff;border:1px solid #ccc;font-size:14px;padding:6px}.form-group input:focus,.form-group select:focus{border-color:#3498db;outline:none}.purchase-items-table{background:#fff;border:1px solid #ddd;border-radius:8px;overflow:visible;position:relative;width:100%}.table-header{display:grid;grid-template-columns:2fr 2fr 1.5fr 1.9fr 1.9fr .7fr}.table-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 2fr 1.5fr 1.5fr 1.5fr 1fr;position:relative;z-index:1}.table-row:hover{z-index:10}.table-row:nth-child(2n){background-color:#fafafa}.table-row input,.table-row select{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:6px}.table-row input[readonly]{background:#f0f0f0}.add-row-btn{background-color:#27ae60;border-radius:6px;color:#382e2e;font-size:14px;margin-top:12px;padding:8px 14px}.add-row-btn:hover{background-color:#219150}.remove-btn{background-color:#e74c3c;border-radius:6px;font-size:13px;padding:6px}.remove-btn:hover{background-color:#c0392b}.submit-button{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;margin-top:15px;padding:10px 16px}.submit-button:hover{background-color:#2980b9}.invoice-total{font-size:1.1em;text-align:right}.invoice-total,.message{margin-top:10px}.purchase-container{background:#fff;border-radius:6px;box-shadow:0 2px 10px #0000001a;margin:20px auto;max-width:900px;padding:20px;position:relative}.close-btn{background:#0000;right:12px;top:8px}.vendor-section{margin-bottom:15px}.vendor-section select{padding:8px;width:100%}.purchase-table td,.purchase-table th{border:1px solid #ddd;padding:8px}.purchase-table input,.purchase-table select{padding:6px;width:100%}.total-cell{font-weight:700}.add-row-btn{background:#198754;color:#fff;margin-top:10px;padding:6px 12px}.add-row-btn,.remove-btn{border:none;cursor:pointer}.remove-btn{background:#dc3545;padding:4px 8px}.grand-total{font-size:18px;margin-top:15px;text-align:right}.autocomplete{width:100%}.suggestions-list{box-shadow:0 4px 10px #0000001a;max-height:200px;z-index:9999}.suggestions-list li{padding:8px}.suggestions-list li:hover{background:#f1f1f1}.top-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:2fr 1fr 1.5fr;margin-bottom:10px}.attachment-row{margin-bottom:15px}.full-width{width:100%}@media (max-width:768px){.top-row{grid-template-columns:1fr}}.list-purchase-container{background-color:#f1eded;border-radius:10px;box-shadow:0 3px 10px #0000001a;margin:0 auto;max-width:1200px;padding:15px}.list-purchase-container h2{color:#2c3e50;font-size:25px;font-weight:700;margin-bottom:10px;text-align:center}.filters{gap:8px;justify-content:flex-start;margin-bottom:10px}.filters button,.filters input,.filters select{background-color:#fff;border:1px solid #ccc;border-radius:30px;font-size:13px;outline:none;padding:6px 10px;transition:all .2s ease-in-out}.filters select{min-width:180px}.filters input:focus,.filters select:focus{border-color:#007bff;box-shadow:0 0 4px #007bff33}.filters button{background-color:#2c3e50;padding:6px 14px;transition:background .2s}.filters button:hover{background-color:#34495e}.summary{color:#14181b;font-size:16px;font-weight:500;gap:20px;justify-content:flex-end;margin-bottom:10px}.purchase-table{border-collapse:collapse;font-size:14px;width:100%}.purchase-table td,.purchase-table th{border:1px solid #bdbdbd;padding:4px 6px;text-align:center;white-space:nowrap}.purchase-table th{background-color:#293552;border:1px solid #bdbdbd;color:#fff;font-size:12px;font-weight:700;letter-spacing:.4px;padding:7px;text-align:center;text-transform:uppercase}.purchase-table tr:nth-child(2n){background-color:#f9f9f9}.purchase-table tr:nth-child(odd){background-color:#fff}.purchase-table a{color:#007bff;text-decoration:none}.purchase-table a:hover{text-decoration:underline}.delete-btn,.edit-btn{border-radius:4px;font-size:13px;margin-right:5px;padding:5px 10px;transition:all .2s}.edit-btn{background-color:#2980b9}.edit-btn:hover{background-color:#2471a3}.error{color:#e74c3c;font-weight:700;text-align:center}.edit-overlay{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.edit-form{animation:fadeIn .2s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 0 10px #0006;max-width:600px;min-width:400px;padding:24px;width:90%}.edit-form h3{color:#2c3e50;font-size:15px;margin-bottom:10px;text-align:center}.edit-form input,.edit-form select,.edit-form textarea{box-sizing:border-box;font-size:13px;margin-bottom:8px;padding:8px 10px;width:100%}.edit-form button{margin-top:8px;padding:8px 10px;width:100%}.edit-form button[type=submit]{background-color:#007bff;color:#fff}.edit-form .cancel-btn{background-color:#e74c3c;color:#fff}.edit-form button:hover{opacity:.9}.list-issues-container{background:#eeeaea;border-radius:10px;box-shadow:0 0 5px #0000001a;margin:5px auto;max-width:1000px;padding:10px}.list-issues-container h2{color:#333;margin-bottom:20px;text-align:center}.list-issues-table{background-color:#fafafa}.list-issues-table td,.list-issues-table th{border:1px solid #ccc;padding:4px;text-align:center}.list-issues-table th{background-color:#2b3342;color:#fff}.list-issues-table button{border:none;border-radius:8px;cursor:pointer;font-size:14px;margin:0 4px;padding:3px 6px}.edit-btn{background-color:#10b981}.delete-btn{background-color:#ef4444}.issue-message{color:green;margin:1rem 0;text-align:center}.filters{gap:.5rem;margin-bottom:1rem}.filters input[type=date],.filters input[type=text]{font-size:.9rem;padding:.5rem}.filters button{padding:.5rem 1rem}.edit-modal-overlay{align-items:center;background-color:#0003;border-radius:8px;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:110vw;z-index:1000}.edit-form{grid-gap:6px;background-color:#fff;border-radius:8px;box-shadow:0 3px 8px #0000001f;display:grid;font-size:12px;gap:6px;grid-template-columns:1fr 1fr;max-height:85vh;max-width:360px;overflow-y:auto;padding:8px 10px;width:95%;z-index:1001}.items-scroll{grid-column:span 2;max-height:240px;overflow-y:auto;padding-right:4px}.edit-form label{color:#333;font-size:12px;font-weight:500;margin-bottom:2px}.edit-form input,.edit-form select,.edit-form textarea{border:1px solid #bbb;border-radius:8px;font-size:12px;grid-column:span 2;outline:none;padding:4px 6px;transition:border-color .2s}.edit-form input:focus,.edit-form select:focus,.edit-form textarea:focus{border-color:#007bff}.edit-form button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;grid-column:span 2;padding:6px 8px;transition:background-color .2s ease-in-out}.edit-form button:hover{background-color:#0056b3}.item-type-dropdown{border:1px solid #ccc;border-radius:4px;margin-top:4px;padding:6px 8px;width:100%}.kitchen-container{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:900px;padding:20px 25px;width:100%}.kitchen-header{align-items:center;display:flex;justify-content:space-between}.kitchen-header h2{font-size:24px;font-weight:700}.close-btn{background:#ff4d4f;font-size:22px;height:35px;width:35px}.kitchen-form{display:flex;gap:10px;margin:15px 0}.kitchen-form input{border:1px solid #bbb;border-radius:5px;flex:1 1;padding:10px}.kitchen-form button{background:#06c;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 16px}.kitchen-form button:hover{background:#004d99}.kitchen-table{border-collapse:collapse;margin-top:15px;width:100%}.kitchen-table td,.kitchen-table th{border:1px solid #ddd;padding:10px}.kitchen-table th{background:#f0f0f0;font-weight:700}.action-btn{border-radius:5px}.kitchen-message{color:green;font-weight:700;margin-top:15px;text-align:center}.unauthorized{padding:40px;text-align:center}.kitchen-table td,.kitchen-table th{padding-left:8px;text-align:left}.stock-adjustment-container{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:500px;padding:20px}.stock-adjustment-container h2{margin-bottom:15px;text-align:center}.adjustment-form{gap:10px}.adjustment-form input,.adjustment-form select,.adjustment-form textarea{padding:8px}.adjust-btn{padding:10px}.list-adjustment-container{background:#e8eaec;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px}.list-adjustment-container h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:15px}.list-adjustment-container table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 6px #0000000d;overflow:hidden;width:100%}.list-adjustment-container td,.list-adjustment-container th{border:1px solid #ccc3c3;border-radius:8px;padding:4px 6px;text-align:left}.list-adjustment-container th{background-color:#293552;border:1px solid #bdbdbd;color:#fff;font-size:12px;font-weight:700;letter-spacing:.4px;padding:7px;text-align:center;text-transform:uppercase}.list-adjustment-container tr:nth-child(2n){background-color:#f9f9f9}.list-adjustment-container tr:nth-child(odd){background-color:#fff}.list-adjustment-container tr:hover{background:#f1f7ff}.list-adjustment-container button{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;padding:4px 8px;transition:background .3s ease}.list-adjustment-container button:first-child{background:#4cafef;color:#fff}.list-adjustment-container button:first-child:hover{background:#3b94d9}.list-adjustment-container button:last-child{background:#f44336;color:#fff}.list-adjustment-container button:last-child:hover{background:#d32f2f}.edit-modal{height:100%;left:0;top:0;width:100%}.edit-modal-content{border-radius:8px;box-shadow:0 4px 10px #0000001a;padding:25px;width:500px}.edit-modal{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.edit-modal-content{animation:fadeIn .3s ease;box-shadow:0 6px 20px #00000026;gap:10px;max-width:90%;overflow-y:auto;padding:25px 30px;width:480px}.edit-modal-content h3{border-bottom:2px solid #e5e7eb;color:#222;font-weight:600;margin-bottom:10px;padding-bottom:8px;text-align:center}.edit-modal-content label{color:#555;font-size:.9rem;margin-top:10px}.edit-modal-content input,.edit-modal-content select,.edit-modal-content textarea{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:.9rem;margin-top:5px;padding:8px 10px;transition:all .2s ease;width:100%}.edit-modal-content input:focus,.edit-modal-content select:focus,.edit-modal-content textarea:focus{border-color:#4cafef;box-shadow:0 0 0 2px #4cafef40;outline:none}.edit-modal-content textarea{line-height:1.4;max-height:200px;min-height:80px;resize:vertical}.edit-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.edit-buttons button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;padding:8px 14px;transition:all .3s ease}.edit-buttons button:first-child{background:#4caf50;color:#fff}.edit-buttons button:first-child:hover{background:#43a047}.edit-buttons button:last-child{background:#9e9e9e;color:#fff}.edit-buttons button:last-child:hover{background:#757575}.filter-section{margin-bottom:15px}.filter-section label{color:#444;font-size:.9rem}.filter-section input[type=date]{border:1px solid #ccc;border-radius:4px;padding:6px 8px}.filter-section button{background:#4cafef;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.filter-section button:hover{background:#3b94d9}.stock-balance-container3{background:#fafafa;border-radius:6px;box-shadow:0 1px 6px #0000000d;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:8px;width:100%}.filter-frame3{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 4px #00000014;display:flex;flex-wrap:wrap;gap:10px;padding:6px 8px;width:100%}.filter-group3{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:120px}.filter-group3 label{color:#333;font-size:12px;font-weight:600}.filter-group3 input,.filter-group3 select{background:#fafafa;border:1px solid #ccc;border-radius:4px;font-size:12px;padding:4px 6px;width:100%}.filter-group3 input:focus,.filter-group3 select:focus{background:#fff;border-color:#007bff;outline:none}.category-filter{min-width:140px}.type-filter{min-width:120px}.search-filter{min-width:150px}.item-filter{min-width:130px}.total-stock3{align-self:flex-start;background:#e6f4ea;border-radius:4px;color:#2d572c;display:flex;font-size:14px;gap:10px;margin-top:6px;padding:4px 8px}.stock-balance-container3 table{border-collapse:collapse;margin-top:6px;table-layout:auto;width:100%}.stock-balance-container3 td,.stock-balance-container3 th{border:1px solid #ccc;font-size:12px;padding:4px 6px;text-align:left}.stock-balance-container3 th{background-color:#293552;color:#fff;font-size:13px;font-weight:600;letter-spacing:.3px;text-align:center}@media (max-width:992px){.stock-balance-container3{width:98%}.filter-frame3{align-items:stretch;flex-direction:column}.filter-group3 input,.filter-group3 select{width:100%}}.stock-balance-container2{background:#fafafa;border-radius:6px;box-shadow:0 1px 6px #0000000d;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:8px;width:100%}.filter-frame2{background:#fff;border-radius:6px;box-shadow:0 1px 4px #00000014;gap:10px;padding:6px 4px;width:100%}.filter-frame2,.filter-row2{align-items:center;display:flex;flex-wrap:wrap}.filter-row2{flex:1 1;gap:6px}.filter-group2{display:flex;flex:1 1;flex-direction:column;gap:4px}.filter-group2 label{color:#333;font-size:12px;font-weight:600}.filter-group2 input,.filter-group2 select{background:#fafafa;border:1px solid #ccc;border-radius:4px;font-size:12px;min-width:120px;padding:6px 10px;width:100%}.filter-group2 input:focus,.filter-group2 select:focus{background:#fff;border-color:#007bff;outline:none}.filter-row2.search-group input{min-width:150px}.filter-row2.search-group select{min-width:130px}.total-stock2{align-self:flex-start;background:#e6f4ea;border-radius:4px;color:#2d572c;display:flex;font-size:14px;gap:10px;margin-top:6px;padding:4px 8px}.stock-balance-container2 table{border-collapse:collapse;margin-top:6px;table-layout:auto;width:100%}.stock-balance-container2 td,.stock-balance-container2 th{border:1px solid #ccc;font-size:14px;padding:4px 6px;text-align:left}.stock-balance-container2 th{background-color:#293552;color:#fff;font-size:13px;font-weight:600;letter-spacing:.3px;text-align:center}@media (max-width:992px){.stock-balance-container2{width:98%}.filter-frame2{align-items:stretch;flex-direction:column}.filter-row2{justify-content:flex-start;width:100%}.filter-group2 input,.filter-group2 select{width:100%}}@media (max-width:768px){.filter-frame2{align-items:stretch;flex-direction:column}.filter-row2{justify-content:flex-start;width:100%}.filter-group2 input,.filter-group2 select{width:100%}}.modal-overlay{background:#0009;bottom:0;right:0;z-index:1000}.stock-adjustment-container{background:#f7f4f4;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:520px;padding:25px;position:relative;width:90%}.form-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.form-header h2{color:#333;margin:0}.close-btn{font-size:28px;padding:5px 12px;transition:all .2s}.close-btn:hover{background:#e74c3c1a;color:#e74c3c}.message{padding:12px}.message.success{background:#2ecc71;color:#fff}.message.error{color:#fff}.adjustment-form label{color:#444}.adjustment-form input,.adjustment-form select,.adjustment-form textarea{border:1px solid #ccc;border-radius:6px}.adjust-btn{border-radius:6px;font-size:16px;margin-top:10px}.adjust-btn:hover:not(:disabled){background:#2980b9}.adjust-btn:disabled{background:#95a5a6;cursor:not-allowed}.issue-items-container{background:#fff;border-radius:10px;box-shadow:0 0 5px #0000001a;margin:0 auto;max-width:800px;padding:20px}.issue-form{display:flex;flex-direction:column;gap:1rem}.issue-table{border-collapse:collapse;margin-top:4px;width:100%}.issue-table td,.issue-table th{border:1px solid #ccc;padding:4px;text-align:left}.add-row-btn,.submit-btn{border:none;border-radius:5px;cursor:pointer;font-weight:700;margin-top:10px;padding:8px 12px}.add-row-btn{background-color:#ced4ce;color:#000}.submit-btn{background-color:#3b82f6}.issue-message{font-weight:700;margin-top:1rem}.issue-form input,.issue-form select,.issue-table input,.issue-table select{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;padding:6px;width:100%}.list-item-container{background:#f1efef;border-radius:12px;box-shadow:0 0 8px #0000001a;font-family:Segoe UI,sans-serif;margin:auto;max-width:1000px;padding:30px}.list-item-message{background-color:#f1f8e9;border-left:5px solid #66bb6a;border-radius:6px;color:#2e7d32;margin-bottom:15px;padding:10px}.list-item-container h2,.list-item-container h3{color:#2c3e50;font-size:22px;margin-bottom:10px}.create-item-form{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.create-item-form label{color:#333;display:flex;flex-direction:column;font-size:13px}.create-item-form input,.create-item-form select{border:1px solid #b4a9a9;border-radius:8px;font-size:13px;margin-top:4px;padding:6px}.save-btn{background-color:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;grid-column:span 2;padding:10px 14px;transition:background .3s}.save-btn:hover{background-color:#1e874b}.item-table{border-collapse:collapse;font-size:13px;margin-top:10px;width:100%}.item-table td,.item-table th{border:1px solid #ddd;padding:2px 4px;text-align:center}.item-table th{background-color:#4c4e50;color:#fff}.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;margin:2px;padding:5px 8px}.edit-btn{background-color:#3498db;color:#fff}.edit-btn:hover{background-color:#2980b9}.delete-btn{background-color:#e74c3c}.delete-btn:hover{background-color:#c0392b}.modal-backdrop{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 0 12px #00000040;max-width:500px;padding:20px 30px;position:relative;width:100%}.modal-content h3{color:#6b87a3;margin-bottom:16px}.modal-content form{display:flex;flex-direction:column;gap:10px}.modal-content input,.modal-content select{border:1px solid #ccc;border-radius:6px;font-size:13px;padding:7px}.modal-buttons{display:flex;gap:10px;justify-content:space-between;margin-top:10px}.cancel-btn{background-color:#b0bec5;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px}.cancel-btn:hover{background-color:#90a4ae}.list-issues-table{background:#fff;border-collapse:collapse;font-size:12px;margin-top:8px;width:100%}.list-issues-table td,.list-issues-table th{border:1px solid #cfcfcf;padding:4px 6px;vertical-align:top}.list-issues-table th{background:#2f3136;color:#f5f5f5;font-size:11.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.list-issues-table td{text-align:center}.list-issues-table ul{margin:0;padding-left:12px}.list-issues-table li{font-size:11.5px;line-height:1.2}.bar-container{background:#f1eded;border-radius:12px;box-shadow:0 2px 6px #0000001a;font-size:14px;margin:0 auto;max-width:750px;padding:20px}.bar-header{align-items:center;display:flex;justify-content:space-between}.bar-header h2{color:#2c3e50;font-size:20px;margin:0}.close-btn{height:28px;width:28px}.bar-form{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.bar-form input{border:1px solid #ccc;border-radius:8px;flex:1 1;padding:6px}.bar-form button{background-color:#2980b9;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.bar-form button:hover{background-color:#2471a3}.bar-table{border-collapse:collapse;margin-top:10px;width:100%}.bar-table td,.bar-table th{border:1px solid #ddd;border-radius:6px;padding:8px;text-align:left}.bar-table th{background-color:#f4f4f4;color:#2c3e50}.odd-row{background-color:#f9f9f9}.action-btn{border-radius:8px;font-size:12px;padding:4px 8px}.action-btn.update{background-color:#3498db;color:#fff}.action-btn.delete{background-color:#e74c3c}.action-btn.save{background-color:#2ecc71;color:#fff}.action-btn.cancel{background-color:#95a5a6;color:#fff}.bar-message{color:#2c3e50;margin-top:10px}.stock-balance-container1{background:#fafafa;border-radius:6px;box-shadow:0 1px 6px #0000000d;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:8px;width:100%}.stock-balance-header{flex-direction:column;gap:2px;margin-bottom:6px}.stock-balance-header h2{color:#2c3e50;font-size:20px;font-weight:700;margin:0}.filter-frame1{background:#fff;border-radius:6px;box-shadow:0 1px 4px #00000014;gap:10px;padding:6px 4px;width:100%}.filter-frame1,.filter-row1{align-items:center;display:flex;flex-wrap:wrap}.filter-row1{flex:1 1;gap:6px}.filter-group1{display:flex;flex:1 1;flex-direction:column;gap:4px}.filter-group1 label{color:#333;font-size:12px;font-weight:600}.filter-group1 input,.filter-group1 select{background:#fafafa;border:1px solid #ccc;border-radius:4px;font-size:12px;min-width:120px;padding:6px 10px;width:100%}.filter-group1 input:focus,.filter-group1 select:focus{background:#fff;border-color:#007bff;outline:none}.filter-row1.search-group input{min-width:150px}.filter-row1.search-group select{min-width:130px}.total-stock1{align-self:flex-start;background:#e6f4ea;border-radius:4px;color:#2d572c;display:flex;font-size:14px;gap:10px;margin-top:6px;padding:4px 8px}.stock-balance-container1 table{border-collapse:collapse;margin-top:6px;table-layout:auto;width:100%}.stock-balance-container1 td,.stock-balance-container1 th{border:1px solid #ccc;font-size:14px;padding:4px 6px;text-align:left}.stock-balance-container1 th{background-color:#293552;color:#fff;font-size:13px;font-weight:600;letter-spacing:.3px;text-align:center}.message{color:#2d572c;font-size:12px;margin-bottom:6px;padding:5px 8px}@media (max-width:992px){.stock-balance-container1{width:98%}.filter-frame1{align-items:stretch;flex-direction:column}.filter-row1{justify-content:flex-start;width:100%}.filter-group1 input,.filter-group1 select{width:100%}}@media (max-width:768px){.filter-frame1{align-items:stretch;flex-direction:column}.filter-row1{justify-content:flex-start;width:100%}.filter-group1 input,.filter-group1 select{width:100%}}.filter-controls button,.filter-controls input{border:1px solid #ccc;border-radius:6px;padding:6px 10px}.bar-stock-adjustment-container{background:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:20px auto;max-width:500px;padding:20px}.bar-stock-adjustment-container h2{margin-bottom:20px;text-align:center}.message{background:#2ecc71;color:#fff;font-weight:700;margin-bottom:15px;transition:opacity .3s ease}.message.error{background:#e74c3c}.message:empty{display:none}.adjustment-form{display:flex;flex-direction:column;gap:12px}.adjustment-form label{font-weight:700}.adjustment-form input,.adjustment-form select,.adjustment-form textarea{border:1px solid #d3c9c9;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px}.adjust-btn{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:12px;transition:all .2s ease}.adjust-btn:hover{background:#2980b9;box-shadow:0 2px 6px #0003}.button-group{display:flex;gap:10px;margin-top:10px}.adjustment-container{background:#f7f4f4;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:900px;padding:20px}.adjustment-container h2{margin-bottom:15px;text-align:center}.bar-message{background:#2ecc71;border-radius:4px;color:#fff;font-weight:700;margin-bottom:10px;padding:8px;text-align:center}.bar-message:empty{display:none}.filter-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px}.filter-controls input,.filter-controls select{border:1px solid #d3c9c9;border-radius:6px;font-size:14px;min-width:150px;padding:8px}.filter-controls button{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:8px 15px}.filter-controls button:hover{background:#2980b9}.table-wrapper{overflow-x:auto}.adjustment-table{border-collapse:collapse;font-size:14px;width:100%}.adjustment-table td,.adjustment-table th{border:1px solid #ddd;padding:8px;text-align:left}.adjustment-table th{background-color:#293552;border:1px solid #bdbdbd;color:#fff;font-size:12px;font-weight:700;letter-spacing:.4px;padding:7px;text-align:center;text-transform:uppercase}.adjustment-table .even-row{background-color:#fafafa}.adjustment-table .odd-row{background-color:#fff}.no-data{color:#888;font-style:italic;padding:12px;text-align:center}.delete-btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:5px 10px}.delete-btn:hover{background:#c0392b}.sale-container{background:#f3f0f0;border-radius:10px;box-shadow:0 2px 8px #0000001a;font-family:Segoe UI,sans-serif;margin:auto;max-width:900px;padding:20px}.sale-container h2{color:#2c3e50;margin-bottom:15px}.sale-message{border-radius:6px;font-size:13px;margin-bottom:15px;padding:10px}.msg-success{background:#e6f4ea;color:#2e7d32}.msg-warning{background:#fff3cd;color:#856404}.msg-error{background:#f8d7da;color:#721c24}.bar-date-row{display:flex;gap:40px;justify-content:space-between;margin-bottom:15px}.form-group{font-size:13px}.form-group input,.form-group select{border:1px solid #b4a9a9;border-radius:6px;font-size:13px;padding:6px 8px}.sale-table{border-collapse:collapse;font-size:13px;margin-bottom:10px;width:100%}.sale-table td,.sale-table th{border:1px solid #ddd;padding:8px;text-align:center}.sale-table td{border:1px solid #ddd;padding:4px 8px;text-align:center}.sale-table th{background:#f4f4f4}.sale-table input,.sale-table select{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:6px 4px;width:100%}.add-btn,.preview-btn,.remove-btn,.submit-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;margin-top:4px;padding:6px 8px}.add-btn{background:#3498db;color:#fff;margin-right:10px}.remove-btn{background:#e74c3c;color:#fff}.submit-btn{background:#2ecc71}.buttons-row{display:flex;gap:10px}.grand-total-row td{background:#f9f9f9;font-size:17px;font-weight:700}.autocomplete{position:relative}.suggestions-list{border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 8px #00000026;margin:0;max-height:150px;width:100%;z-index:1000}.suggestions-list li{font-size:13px;padding:6px 10px}.suggestions-list li:hover{background:#f0f0f0}.preview-btn{background:#9e9c9c;color:#fff}.preview-btn:hover{background:#363636}.list-bar-sales-container1{padding:4px 6px}.page-heading{font-size:25px;font-weight:800;margin:0 0 15px}.data-container1{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-top:2px;padding:4px 6px}.top-bar{margin-bottom:2px}.filters input[type=date],.filters select{border-radius:8px;font-size:13px;height:25px;min-width:140px;padding:3px 5px}.totals{color:#4f4a7e;font-size:12px;gap:2px;margin-bottom:1px}.sales-table1{background:#fff;border:1px solid #b0b0b0;border-collapse:collapse;border-radius:6px;box-shadow:0 1px 3px #0000001a;font-size:13px;line-height:1.3;overflow:hidden;width:100%}.sales-table1 th{background-color:#293552;border:1px solid #bdbdbd;color:#fff;font-size:12px;font-weight:700;letter-spacing:.4px;padding:7px;text-align:center;text-transform:uppercase}.sales-table1 td,.sales-table1 th{border:1px solid #bdbdbd;padding:6px 8px;text-align:center;white-space:nowrap}.sales-table1 thead{box-shadow:0 2px 4px #00000040}.sales-table1 tr:nth-child(2n){background-color:#f9fafb}.sales-table1 tr:nth-child(odd){background-color:#fff}.sales-table1 tr:hover{background-color:#e3f2fd}.sales-table1 thead{box-shadow:0 2px 3px #00000026}.message{background:#e6f7e9;color:#2c662d;font-size:13px;margin-bottom:8px;padding:6px 8px}button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;margin:1px;padding:4px 8px}button:hover{opacity:.9}.modal-overlay2{align-items:center;background:#00000059;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal2{background:#fff;border-radius:6px;max-height:90vh;overflow-y:auto;padding:18px;width:460px}.sale-item-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr 1fr;margin-bottom:6px}.sale-item-row label{font-size:12px;font-weight:500}.sale-item-row input,.sale-item-row select{font-size:12px;height:26px;padding:4px}.modal-actions2{justify-content:space-between;margin-top:10px}@media (max-width:768px){.sales-table{font-size:12px}.sale-item-row{grid-template-columns:1fr}.filters{align-items:flex-start}.filters,.totals{flex-direction:column}.totals{align-items:flex-end;gap:4px}}.totals{gap:20px}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 6px #0000000d;min-width:150px;padding:12px 20px;text-align:center;transition:all .2s ease-in-out}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-card h4{color:#555;font-size:14px;font-weight:600;margin:0}.stat-card p{color:#222;font-size:18px;font-weight:800;margin:5px 0 0}.stat-card.entries{border-left:5px solid #007bff}.stat-card.amount{border-left:5px solid #28a745}.filters{gap:15px}.date-filters{align-items:center;display:flex;gap:20px}.date-filters label{font-size:14px;font-weight:500;margin-right:6px}.date-filters input[type=date]{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:6px 10px}.top-bar{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:15px}.filters{flex-wrap:wrap;gap:12px}.filters label{font-size:14px;font-weight:500}.filters input[type=date],.filters select{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:5px 8px}.filters button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.filters button:hover{background:#0056b3}.compact-summary{display:flex;font-size:14px;font-weight:600;gap:20px}.modal-title{border-bottom:1px solid #eee;color:#333;font-size:18px;font-weight:700;margin-bottom:15px;padding-bottom:8px;text-align:center}.form-group{margin-bottom:12px}.form-group label{display:block;font-size:13px;font-weight:600}.sale-item-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;padding:10px}.sale-item-card h4{color:#007bff;font-size:14px;font-weight:600;margin:0 0 8px}.form-row{display:flex;flex-direction:column;margin-bottom:8px}.form-row label{font-size:12px;font-weight:500;margin-bottom:3px}.form-row input,.form-row select{border:1px solid #ccc;border-radius:6px;font-size:13px;padding:5px 8px}.total-box{background:#eaf9f0;border:1px solid #c7e7d2;border-radius:8px;color:#2d7a46;font-size:16px;font-weight:700;margin:12px 0;padding:10px;text-align:center}.modal-actions2{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.btn-save{background:#28a745;color:#fff;font-weight:600}.btn-save:hover{background:#218838}.btn-cancel{background:#f44336;color:#fff;font-weight:600}.btn-cancel:hover{background:#d32f2f}.btn-add-item{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:10px;padding:6px 10px;transition:.2s}.btn-add-item:hover{background:#0056b3}.receipt-container{border:1px dashed #000;color:#000;font-family:Courier New,monospace;font-size:12px;margin:auto;padding:10px;width:320px}.receipt-header{margin-bottom:10px;text-align:center}.receipt-header h2{font-size:16px;margin:0}.receipt-info p{margin:2px 0}.receipt-items{margin:5px 0}.receipt-item{display:flex;justify-content:space-between}.amount{font-weight:700}.receipt-totals{margin-top:5px}.receipt-totals p{display:flex;justify-content:space-between;margin:2px 0}.grand-total{border-top:1px solid #000;font-size:14px;font-weight:700;margin-top:5px;padding-top:5px}.receipt-footer{font-size:11px;margin-top:10px;text-align:center}@media print{body *{visibility:hidden}.receipt-container,.receipt-container *{visibility:visible}.receipt-container{border:none;left:0;position:absolute;top:0;width:280px}}.bar-payment-container2{background:#f3f0f0;border-radius:12px;box-shadow:0 4px 10px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:20px auto;max-width:1100px;padding:20px}.bar-payment-container2 h2{color:#2c3e50;font-size:22px;font-weight:600;margin-bottom:20px;text-align:center}.bar-filter{align-items:center;display:flex;gap:12px;justify-content:center;margin:15px 0 20px}.bar-filter label{color:#34495e;font-size:14px;font-weight:500}.bar-filter select{border:1px solid #bbb;border-radius:6px;font-size:14px;min-width:200px;padding:6px 12px;transition:all .2s}.bar-filter select:focus{border-color:#3498db;box-shadow:0 0 4px #3498db66;outline:none}.sales-table2{border-collapse:collapse;font-size:13px;margin-top:10px;width:100%}.sales-table2 td,.sales-table2 th{border-bottom:1px solid #e0e0e0;padding:6px 8px;text-align:left}.sales-table2 th{background:#5d82a9;color:#fff;font-size:13px;font-weight:600}.sales-table2 td{color:#2c3e50}.sales-table2 tr:nth-child(odd){background:#f9fcff}.sales-table2 tr:nth-child(2n){background:#eef9f0}.sales-table2 tr:hover{background:#e9f2fb}.pay-btn{background:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 10px;transition:background .2s}.pay-btn:hover{background:#219150}.pay-btn:disabled{background:#bdc3c7;cursor:not-allowed}.modal-overlay1{background:#00000073;height:100%;left:0;top:0;width:100%}.modal1{background:#fff;border-radius:12px;box-shadow:0 6px 18px #0003;padding:24px;width:420px}.modal1 h3{color:#2c3e50;font-size:18px;margin-bottom:16px}.modal1 label{display:block;font-size:14px;font-weight:500;margin:10px 0 6px}.modal1 input,.modal1 select{border:1px solid #ccc;border-radius:6px;font-size:14px;margin-bottom:12px;padding:10px;width:100%}.modal-actions1{display:flex;gap:10px;justify-content:flex-end}.modal-actions1 button{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 16px}.modal-actions1 button[type=submit]{background:#3498db;color:#fff}.modal-actions1 button[type=submit]:hover{background:#2980b9}.modal-actions1 button[type=button]{background:#e74c3c;color:#fff}.modal-actions1 button[type=button]:hover{background:#c0392b}.message{border-radius:6px;font-size:14px;font-weight:500;margin:15px 0;padding:10px;text-align:center}.message.success{background:#eafaf1;border:1px solid #27ae60;color:#27ae60}.message.error{background:#fdecea;border:1px solid #e74c3c;color:#e74c3c}.message.warning{background:#fff8e5;border:1px solid #f39c12;color:#f39c12}.header-row{align-items:center;display:flex;justify-content:space-between}.summary-box{font-size:16px;text-align:right}.bar-payment-container2 select{background-color:#fff;border:1px solid #ccc;border-radius:6px;color:#333;cursor:pointer;font-size:16px;margin:12px 0;max-width:400px;outline:none;padding:10px 12px;transition:all .2s ease-in-out;width:100%}.bar-payment-container2 select:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e280}.bar-payment-container2 option{font-size:15px;padding:8px}.list-bar-payment-container{background:#f5f2f2;border-radius:8px;box-shadow:0 3px 8px #0000000d;color:#222;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;padding:10px}.list-bar-payment-container h2{color:#222;font-size:1.15rem;font-weight:600;margin-bottom:10px}.filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.filter-section label{font-size:13px;font-weight:500}.filter-section input[type=date],.filter-section select{background:#fff;border:1px solid #d5d5d5;border-radius:6px;font-size:13px;padding:6px 8px}.list-bar-payment-container .table-scroll{background:#fff;border:1px solid #e6e6e6;border-radius:6px;max-height:none;overflow-x:auto;overflow-y:visible}.list-bar-payment-container .bar-payment-table{border-collapse:collapse;font-size:12px;margin:0;min-width:900px;table-layout:auto;width:100%}.list-bar-payment-container .bar-payment-table td,.list-bar-payment-container .bar-payment-table th{border:1px solid #e6e6e6;padding:6px 8px;text-align:center;vertical-align:middle;white-space:nowrap}.list-bar-payment-container .bar-payment-table thead th{background-color:#2f3b46;color:#fff;font-size:12px;font-weight:700;letter-spacing:.2px;position:sticky;top:0;z-index:5}.list-bar-payment-container .bar-payment-table tbody tr:not(.void-row):nth-of-type(odd){background-color:#fbfbfb}.list-bar-payment-container .bar-payment-table tbody tr:not(.void-row):nth-of-type(2n){background-color:#fff}.list-bar-payment-container .bar-payment-table tbody tr:hover{background-color:#eef9ff}.list-bar-payment-container .bar-payment-table tbody tr.void-row{background-color:#fff0f0!important}.list-bar-payment-container .status{border-radius:10px;display:inline-block;font-size:11px;font-weight:700;padding:2px 8px}.list-bar-payment-container .status.unpaid{background:#fff0f0;color:#d32f2f}.list-bar-payment-container .status.part-payment{background:#fff7e6;color:#ff9800}.list-bar-payment-container .status.fully-paid{background:#e8f6ea;color:#2e7d32}.list-bar-payment-container .status.voided{background:#f2f2f2;color:#7a7a7a;font-style:italic}.list-bar-payment-container .btn-delete,.list-bar-payment-container .btn-edit,.list-bar-payment-container .btn-print,.list-bar-payment-container .btn-void{border:none;border-radius:6px;cursor:pointer;font-size:11px;line-height:1;margin:1px;padding:4px 6px}.list-bar-payment-container .btn-edit{background:#2e7d32;color:#fff}.list-bar-payment-container .btn-delete{background:#d32f2f;color:#fff}.list-bar-payment-container .btn-void{background:#ff9800;color:#fff}.list-bar-payment-container .btn-void:disabled{background:#cfcfcf;cursor:not-allowed}.list-bar-payment-container .btn-print{background:#1976d2;color:#fff}.list-bar-payment-container .summary-box{background:#fff;border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 1px 4px #00000008;font-size:13px;margin-top:10px;padding:10px}.modal-overlay3{background:#00000059;inset:0;z-index:999}.modal3{border-radius:8px;max-height:90vh;overflow:auto;padding:14px;width:380px}@media (max-width:1100px){.list-bar-payment-container .bar-payment-table{font-size:11px;min-width:760px}.list-bar-payment-container .bar-payment-table td,.list-bar-payment-container .bar-payment-table th{padding:5px 6px}.filter-section label{font-size:12px}}@media (max-width:700px){.list-bar-payment-container .table-scroll{max-height:60vh}.list-bar-payment-container .bar-payment-table{min-width:900px}}.modal-overlay3{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal3{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 4px 10px #00000040;max-width:95%;padding:25px;width:420px}.modal3 h3{color:#333;font-size:1.3rem;font-weight:700;margin-bottom:15px;margin-top:0;text-align:center}.modal3 input,.modal3 select{border:1px solid #ccc;border-radius:6px;font-size:1rem;margin:6px 0 12px;padding:10px;width:100%}.modal3 input:focus,.modal3 select:focus{border-color:#007bff;outline:none}.modal-actions3{display:flex;justify-content:space-between;margin-top:15px}.btn-edit{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 16px;transition:background .2s ease-in-out}.btn-edit:hover{background-color:#218838}.btn-delete{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 16px;transition:background .2s ease-in-out}.btn-delete:hover{background-color:#c82333}.filter-section select.status-dropdown{min-width:140px}.bank-summary-section{background:#f8f9fc;border:1px solid #dce1f0;border-radius:10px;margin-top:15px;padding:10px}.bank-summary-section h3{color:#333;font-size:18px;margin-bottom:8px}.bank-summary-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.bank-summary-card{background:#fff;border:1px solid #ccd4e3;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:8px}.bank-summary-card h4{border-bottom:1px dashed #ddd;color:#036;font-size:16px;margin:0 0 10px;padding-bottom:2px}.bank-summary-card p{font-size:14px;margin:2px 0}.main-summary-section{margin:15px 0}.main-summary-grid{display:flex;flex-wrap:wrap;gap:10px}.summary-card{background-color:#f5f5f5;border-radius:8px;flex:1 1 150px;font-weight:700;padding:8px 12px}.location-container{background:#f3f1f1;border-radius:12px;box-shadow:0 4px 12px #00000014;font-size:15px;margin:30px auto;max-width:950px;padding:20px}.location-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.location-header h2{color:#333;font-size:20px;font-weight:600}.close-btn{background:none;color:#888;font-size:20px;transition:color .2s}.close-btn:hover{color:#000}.location-form{display:flex;gap:10px;margin-bottom:18px}.location-form input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;padding:10px;transition:border .2s}.location-form input:focus{border:1px solid #007bff;box-shadow:0 0 4px #007bff4d;outline:none}.location-form button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:background .2s}.location-form button:hover{background:#0056b3}.location-table{border-collapse:collapse;border-radius:8px;margin-bottom:12px;overflow:hidden;width:100%}.location-table th{background:#f1f5f9;color:#444;font-weight:600;padding:12px;text-align:left}.location-table td{border-bottom:1px solid #e5e7eb;padding:10px 12px}.odd-row{background-color:#f9fafb}.location-table tr:hover{background:#eef6ff}.action-btn{font-weight:500;transition:opacity .2s}.action-btn:hover{opacity:.85}.update{color:#000}.save{background:#28a745}.location-message{animation:fadeIn .3s ease-in-out;border-radius:6px;font-weight:500;margin-top:12px;padding:10px;text-align:center}.location-message:empty{display:none}.category-container{background:#f3f1f1;border-radius:12px;box-shadow:0 4px 12px #00000014;font-size:14px;margin:30px auto;max-width:900px;padding:20px}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.category-header h2{color:#333;font-size:18px;font-weight:700}.category-form{display:flex;gap:10px;margin:16px 0}.category-form input{border:1px solid #ccc;border-radius:6px;flex:1 1;padding:8px 10px;transition:border-color .2s ease}.category-form input:focus{border-color:#007bff;outline:none}.category-form button{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 14px;transition:background .2s ease}.category-form button:hover{background:#218838}.category-table{border-collapse:collapse;margin-top:10px;width:100%}.category-table td,.category-table th{border:1px solid #e0e0e0;font-size:14px;padding:10px;text-align:left}.category-table th{background:#f4f6f9;color:#555;font-weight:700}.even-row{background-color:#fafafa}.odd-row{background-color:#eef7ff}.action-btn{margin-right:5px;padding:5px 10px;transition:background .2s ease}.update{color:#333}.delete:hover{background:#c82333}.save:hover{background:#0069d9}.cancel:hover{background:#5a6268}.category-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;font-weight:700;margin-top:12px;padding:8px}.meal-container{background:#f3f1f1;border-radius:12px;box-shadow:0 4px 10px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;margin:30px auto;max-width:1000px;padding:20px}.meal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.meal-header h2{color:#333;font-size:20px;font-weight:600}.meal-form{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.meal-form input,.meal-form select{border:1px solid #ccc;border-radius:6px;flex:1 1;min-width:100px;padding:8px;transition:border .2s ease-in-out,box-shadow .2s ease-in-out}.meal-form input:focus,.meal-form select:focus{border-color:#007bff;box-shadow:0 0 4px #007bff4d;outline:none}.meal-form button{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:background .2s ease-in-out}.meal-form button:hover{background:#1e7e34}.meal-table{border-collapse:collapse;margin-top:10px;width:100%}.meal-table td,.meal-table th{border:1px solid #e0e0e0;border-radius:6px;padding:8px;text-align:left}.meal-table th{background:#f8f9fa;border-radius:6px;color:#333;font-weight:600}.meal-table tr:hover{background-color:#f1f7ff;transition:background .2s ease-in-out}.even-row{background-color:#fff}.odd-row{background-color:#f9fcff}.action-btn{margin-right:6px;padding:6px 12px;transition:background .2s ease-in-out}.update{background:#ffc107;color:#212529}.update:hover{background:#e0a800}.delete:hover{background:#b02a37}.save{background:#007bff;color:#fff}.save:hover{background:#0056b3}.cancel{background:#6c757d;color:#fff}.cancel:hover{background:#565e64}.meal-message{color:#28a745;font-weight:500;margin-top:12px}.guestorder-container{background:#fff;border-radius:12px;box-shadow:0 6px 18px #00000014;font-family:Inter,Segoe UI,sans-serif;font-size:18px;margin:40px auto;max-width:1000px;padding:30px 25px}.guestorder-container h2{font-size:25px;font-weight:600;text-align:center}.guestorder-form{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:25px}.guestorder-form input,.guestorder-form select{background:#fafafa;border:1px solid #d1d5db;border-radius:8px;flex:1 1 200px;min-width:180px;padding:6px 8px;transition:border .2s,background .2s,box-shadow .2s}.guestorder-form input:focus,.guestorder-form select:focus{background:#fff;border-color:#007bff;box-shadow:0 0 6px #007bff33;outline:none}.guestorder-item-form{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px;position:relative;width:100%}.guestorder-item-form input[type=number],.guestorder-item-form input[type=text]{box-sizing:border-box;flex:1 1 180px;min-width:120px;padding:6px 10px}.guestorder-item-form button{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:2px 6px;transition:background .2s,transform .1s}.guestorder-item-form button:hover{background:#218838;transform:translateY(-1px)}.suggestions-list{background:#fff;border:1px solid #a7a2a2;border-radius:6px;box-shadow:0 4px 12px #00000014;left:0;list-style:none;margin:4px 0 0;max-height:220px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:20}.suggestions-list li{cursor:pointer;padding:8px 12px;transition:background .15s}.suggestions-list li:hover{background-color:#f0f0f0}.guestorder-table{border-collapse:collapse;border-radius:8px;box-shadow:0 4px 12px #00000008;margin-top:0;overflow:hidden;width:100%}.guestorder-table td,.guestorder-table th{border:1px solid #aca7a7;padding:3px 6px;text-align:center}.guestorder-table th{background-color:#dfe2e4;color:#000;font-weight:700}.guestorder-table tr:nth-child(2n){background-color:#eee9e9}.guestorder-table tr:hover{background-color:#f1f5f9}.delete{background:#dc3545;color:#fff}.delete:hover{background:#bb2d3b}.submit-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:20px;padding:12px 20px;transition:background .2s,transform .1s}.submit-btn:hover{background:#0056b3;transform:translateY(-1px)}.guestorder-message{font-weight:600;margin-top:18px;text-align:center}.guestorder-message.success{color:#28a745}.guestorder-message.error{color:#dc3545}.listorder-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;font-size:14px;margin:10px auto;max-width:1100px;padding:10px}.listorder-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.listorder-header h2{color:#333;font-size:20px;font-weight:600}.refresh-btn{background:#17a2b8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 14px;transition:background .2s}.refresh-btn:hover{background:#138496}.listorder-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.listorder-filters input,.listorder-filters select{background:#fafafa;border:1px solid #ccc;border-radius:8px;min-width:160px;padding:8px}.filter-btn{background:#007bff;padding:8px 14px;transition:background .2s}.filter-btn:hover{background:#0056b3}.listorder-table{border-radius:8px;overflow:hidden}.listorder-table th{background-color:#293552;border:1px solid #bdbdbd;color:#fff;font-size:12px;font-weight:700;letter-spacing:.4px;padding:7px;text-align:center;text-transform:uppercase}.listorder-table td{border-bottom:1px solid #eee;padding:10px;text-align:center}.listorder-table tr:nth-child(2n){background:#fafafa}.status-badge{border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:capitalize}.status-badge.open{background:#d4edda;color:#155724}.status-badge.closed{background:#f8d7da;color:#721c24}.action-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;margin:0 4px;padding:6px 10px;transition:background .2s}.action-btn.edit{background:#ffc107;color:#212529}.action-btn.edit:hover{background:#e0a800}.action-btn.delete{background:#dc3545;color:#fff}.action-btn.delete:hover{background:#bb2d3b}.listorder-message{font-weight:600;margin-top:14px;text-align:center}.edit-modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 14px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:95%;overflow:hidden;padding:15px;width:450px}.edit-modal-content h3{font-size:16px;margin-bottom:8px}.edit-modal-content label{color:#444;display:block;font-size:13px;font-weight:500;margin-top:3px}.edit-modal-content input,.edit-modal-content select{background:#fafafa;border:1px solid #ccc;border-radius:6px;font-size:13px;margin-top:2px;padding:3px 5px;width:90%}.modal-actions{gap:6px;margin-top:10px}.modal-actions button{font-weight:500;padding:4px}.edit-items-table{font-size:13px;margin-top:6px}.edit-items-table td,.edit-items-table th{padding:3px 5px}.edit-items-table input[type=number]{font-size:13px;padding:2px;text-align:center;width:100px}.listorder-filters-summary{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 6px #0000000d;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:16px;padding:14px 18px}.filters-left{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.filters-right{line-height:1.4}.listorder-filters-summary input[type=date],.listorder-filters-summary select{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:inset 0 1px 3px #0000000f;color:#333;font-size:14px;min-width:160px;padding:8px 12px;transition:all .2s ease}.listorder-filters-summary input[type=date]:focus,.listorder-filters-summary select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626;outline:none}.filter-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;box-shadow:0 2px 4px #00000026;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:transform .15s ease,box-shadow .2s ease}.filter-btn:hover{background:linear-gradient(135deg,#1e40af,#1d4ed8);box-shadow:0 3px 8px #0003;transform:translateY(-1px)}.filters-right{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;box-shadow:inset 0 1px 2px #0000000d;color:#374151;font-size:14px;min-width:180px;padding:10px 16px;text-align:right}.filters-right strong{color:#333;font-weight:600}.listorder-divider{border:none;border-top:2px solid #eee;margin:8px 0 16px}.listorder-table{border-collapse:collapse;width:100%}.listorder-table td,.listorder-table th{border:1px solid #ddd;font-size:13px;line-height:1.3;padding:6px 8px;text-align:center}.print-modal{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000004d;max-height:90vh;max-width:90%;overflow-y:auto;padding:20px;position:relative;width:380px}.close-btn{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;line-height:1;position:absolute;right:10px;top:10px;transition:background .2s ease;width:32px}.close-btn:hover{background:#c0392b}.location-filter{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-size:.9rem;margin-right:8px;padding:6px 10px;transition:border-color .2s ease,box-shadow .2s ease}.location-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.add-item-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.add-item-row input,.add-item-row select{font-size:14px;padding:5px}.add-item-btn{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}.add-item-btn:hover{background-color:#1d4ed8}.modal-overlay{align-items:center;background:#0000008c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.edit-modal-scroll{max-height:70vh;overflow-y:auto;padding-right:8px}.order-to-sales{background:#fff;border-radius:12px;padding:20px}.order-to-sales h2{color:#333;margin-bottom:15px}.served-by-input{margin-bottom:20px}.served-by-input label{font-weight:700;margin-right:10px}.served-by-input input{border:1px solid #ccc;border-radius:6px;padding:6px 10px}.totals{display:flex;font-weight:700;justify-content:space-between;margin-bottom:15px}.orders-list{list-style:none;padding:0}.order-card{background:#fafafa;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:15px;padding:15px}.order-header{color:#444;font-size:16px;font-weight:700;margin-bottom:10px}.order-items{margin-left:10px}.order-item{display:flex;justify-content:space-between;margin-bottom:5px}.order-footer{margin-top:10px;text-align:right}.convert-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px;transition:background .2s}.convert-btn:hover{background-color:#218838}.no-orders{color:#777;font-style:italic}.create-sale-btn:disabled{cursor:not-allowed;opacity:.5}.order-card.high-value{background:#fff6f6;border-left:5px solid #e63946}.badge{background:#e63946;border-radius:4px;color:#fff;font-size:12px;margin-left:8px;padding:2px 6px}.list-sales{color:#222;font-family:Segoe UI,Tahoma,sans-serif;padding:8px}h2{font-size:18px;font-weight:600;margin-bottom:4px}.filter-bar{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;font-size:13px;margin:8px 0 12px;padding:6px 10px}.filter-bar label{color:#444;font-weight:500;margin-right:4px}.filter-bar input[type=date],.filter-bar select{background:#fff;border:1px solid #bbb;border-radius:4px;cursor:pointer;font-size:13px;padding:4px 8px}.sales-summary{background:#f1f3f5;border-radius:6px;display:flex;font-size:13px;font-weight:500;justify-content:space-between;margin-bottom:12px;padding:6px 10px}.sales-list{list-style:none;margin:0;padding:0}.sale-card{grid-gap:8px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:grid;gap:8px;grid-template-columns:1fr auto;margin-bottom:10px;padding:10px 12px}.sale-header{color:#111;font-size:13px;font-weight:600;grid-column:span 2;margin-bottom:4px}.sale-details{grid-gap:4px 12px;display:grid;font-size:13px;gap:4px 12px;grid-template-columns:repeat(2,1fr)}.sale-details p{line-height:1.4;margin:0}.sale-items{font-size:13px;grid-column:span 2;margin-top:6px}.sale-items h4{font-size:13px;font-weight:600;margin-bottom:4px}.sale-item{border-bottom:1px dashed #eee;display:flex;justify-content:space-between;padding:2px 0}.sale-footer{display:flex;gap:6px;grid-column:span 2;justify-content:flex-end;margin-top:6px}.delete-sale-btn,.print-sale-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:.2s}.print-sale-btn{background:#3498db;color:#fff}.print-sale-btn:hover{background:#2980b9}.delete-sale-btn{background:#e74c3c;color:#fff}.delete-sale-btn:hover{background:#c0392b}.no-sales{color:#777;font-size:13px;font-style:italic;margin-top:20px;text-align:center}.restaurant-payment{background:#f3f1f1;border-radius:12px;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:15px 20px}.restaurant-header{animation:fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:15px;padding:18px;text-align:center}.restaurant-payment h2{color:#445368;font-size:25px;font-weight:700;letter-spacing:.8px;margin-bottom:15px;text-align:left}.restaurant-header p{color:#6b7280;font-size:16px;margin-bottom:0}.location-select{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:10px}.location-select label{color:#374151;font-size:14px;font-weight:600}.location-select select{background:#fff;border:1px solid #ccc;border-radius:6px;font-size:13px;outline:none;padding:6px 10px;transition:all .2s ease}.location-select select:focus{border-color:#007bff;box-shadow:0 0 0 1.5px #007bff33}.summary{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}.summary-card{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;min-width:140px;padding:4px 6px;text-align:center;transition:.2s ease}.summary-card:hover{box-shadow:0 3px 10px #0000001a;transform:translateY(-2px)}.summary-card h4{color:#1f2937;font-size:14px;font-weight:700;margin-bottom:4px}.summary-card p{color:#007bff;font-size:16px;font-weight:800;margin:0}.sales-table{background:#fff;border:2px solid #171718;border-collapse:collapse;border-radius:10px;box-shadow:0 1px 4px #00000014;font-size:12px;margin-top:10px;overflow:hidden;width:100%}.sales-table td,.sales-table th{border:1px solid #9ba7b6;font-size:12px;line-height:1.6;padding:6px 8px;text-align:center;white-space:nowrap}.sales-table td{font-size:14px;font-weight:600}.sales-table th{background-color:#263455;border:2px solid #e4dcdc;box-shadow:inset 0 -1px 0 #ebe5e51a;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 4px;text-align:center;text-transform:uppercase}.sales-table tr:nth-child(2n){background-color:#eaf5ea}.sales-table tr:hover{background-color:#e3f2fd}.sales-table button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:4px 10px;transition:.2s}.sales-table button:hover{background-color:#0056b3}.payment-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.payment-modal{animation:fadeIn .3s ease;background:#fff;border-radius:10px;box-shadow:0 6px 18px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:90%;padding:18px;width:520px}.payment-modal h3{color:#1f2937;font-weight:800;margin-bottom:10px;text-align:center}.payment-modal-content{flex:1 1;margin-bottom:10px;overflow-y:auto;padding-right:6px}.payment-modal label{color:#374151;display:block;font-size:12px;font-weight:600;margin:6px 0 3px}.payment-modal input,.payment-modal select{border:1px solid #ccc;border-radius:6px;font-size:13px;margin-bottom:10px;padding:6px 10px;width:100%}.payment-history{margin-top:8px}.payment-history h4{color:#111827;font-weight:700;margin-bottom:5px}.payment-history table{border-collapse:collapse;font-size:12px;width:100%}.payment-history td,.payment-history th{border:1px solid #e5e7eb;padding:4px;text-align:center}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;transition:all .2s ease}.modal-actions .btn-primary{background-color:#28a745;color:#fff}.modal-actions .btn-primary:hover{background-color:#1e7e34}.modal-actions .btn-secondary{background-color:#dc3545;color:#fff}.modal-actions .btn-secondary:hover{background-color:#a71d2a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.modal-overlay1{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#11182773;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal{animation:cardIn .15s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;max-width:90%;overflow:hidden;width:360px}@keyframes cardIn{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:#f9fafb;border-bottom:1px solid #eee;padding:4px 8px;text-align:center}.modal-header h3{color:#000;font-size:1rem;font-weight:700;margin:0}.modal-body{padding:4px}.form-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr}.form-group{display:flex;flex-direction:column}.form-group.full{grid-column:1/-1}.form-group label{color:#374151;font-size:.8rem;margin-bottom:4px}.form-group span{color:#111;font-size:.85rem}.input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;outline:none;padding:6px 8px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.modal-footer{background:#fafafa;border-top:1px solid #eee;display:flex;gap:8px;justify-content:flex-end;padding:10px 12px}.modal-footer .btn{border-radius:6px;font-size:.8rem;padding:5px 10px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;padding:6px 10px;transition:transform .05s ease,box-shadow .2s ease}.btn:active{transform:translateY(1px)}.btn.edit{background-color:#10b981;color:#fff}.btn.void{background-color:#ef4444;color:#fff}.btn.print{background-color:#3b82f6;color:#fff}.btn:disabled{background-color:#cfcfcf!important;cursor:not-allowed}.filters{background:#f9f9f9;border-radius:6px;gap:10px;margin:15px 0;padding:8px}.filters,.filters label{align-items:center;display:flex}.filters label{font-size:13px;gap:5px}.filters input,.filters select{font-size:13px;padding:4px 6px}.filters .btn.filter{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.filters .btn.filter:hover{background:#0056b3}.payment-summary .outstanding{color:#b22222;font-size:16px;font-weight:700;margin-top:10px}.void-text{color:red;font-weight:700}.void-row{background-color:#ffe6e6}.btn.delete{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px;transition:.2s ease}.btn.delete:hover{background-color:#b02a37}.scroll-wrapper{height:calc(100vh - 20px);overflow-x:hidden;overflow-y:auto;padding-right:10px}.scroll-wrapper::-webkit-scrollbar{width:8px}.scroll-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.scroll-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.scroll-wrapper{height:auto;overflow-x:auto;overflow-y:visible;padding-right:0}.payment-table{border-collapse:collapse;display:block;overflow-x:auto;table-layout:fixed;width:100%}.payment-table::-webkit-scrollbar{height:6px}.payment-table::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.payment-table::-webkit-scrollbar-thumb{background:#888;border-radius:6px}.payment-table::-webkit-scrollbar-thumb:hover{background:#555}.stock-balance-container{padding:20px}.stock-balance-container h2{margin-bottom:15px}.stock-balance-container table{border-collapse:collapse;width:100%}.stock-balance-container td,.stock-balance-container th{border:1px solid #ccc;border-radius:px;padding:4px;text-align:left}.stock-balance-container th{background:#f4f4f4}.even-row{background-color:#f9f9f9}.odd-row{background-color:#fff}.message{background-color:#e7f5e9;border-radius:4px;color:green;margin-bottom:10px;padding:8px}.stock-balance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.total-stock{background:#e6f4ea;border-radius:5px;color:#2d572c;font-size:16px;padding:5px 10px}.filter-frame{background:#fff;border-radius:5px;box-shadow:0 1px 3px #0000000f;flex-wrap:wrap;gap:6px;padding:4px 6px}.filter-frame,.filter-group{align-items:center;display:flex}.filter-group{gap:4px}.filter-group label{color:#333;font-size:12px;font-weight:500;white-space:nowrap;width:60px}.filter-group input[type=date],.filter-group select{background:#fafafa;border:1px solid #ccc;border-radius:4px;font-size:12px;height:26px;min-width:100px;padding:2px 6px;transition:border-color .12s,box-shadow .12s}.filter-group input[type=date]:focus,.filter-group select:focus{border-color:#007bff;box-shadow:0 0 0 1px #007bff26;outline:none}@media (max-width:768px){.filter-frame{gap:4px;padding:4px}.filter-group label{font-size:11px;width:auto}.filter-group input[type=date],.filter-group select{font-size:11px;height:24px;min-width:90px}}.sales-summary-page{font-family:Arial,Helvetica,sans-serif;padding:10px 16px}.sales-summary-page h2{font-size:18px;margin-bottom:8px}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.filter-bar input,.filter-bar select{font-size:13px;padding:4px 6px}.summary-table-container{margin-bottom:12px;overflow-x:auto}.summary-table{border-collapse:collapse;font-size:13px;width:100%}.summary-table th{background:#f0f2f5;border:1px solid #867e7e;color:#222;font-weight:600;padding:8px 6px;text-align:center}.summary-table td{border:1px solid #857e7e;padding:6px;text-align:center}.summary-table tbody tr:nth-child(odd){background-color:#dcf1c8}.summary-table tbody tr:nth-child(2n){background-color:#f7f7f7}.summary-table tbody tr:hover{background-color:#eaf3ff}.grand-total-row{background-color:#dfeaff!important;font-weight:700}.summary-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-bottom:8px}.card{background:#f1efef;border:1px solid #797373;border-radius:6px;font-size:13px;padding:6px;text-align:center}.card span{color:#555;font-size:12px;font-weight:700}.card h3{font-size:13px;font-weight:600;margin-top:3px}.card.highlight{background:#eafaf0;border:1px solid #28a745}.bank-section{font-size:13px;margin-top:6px}.bank-section h4{font-size:14px;margin-bottom:4px}.bank-line{align-items:center;border-bottom:1px dashed #ddd;display:flex;gap:10px;padding:4px 0}.bank-name{font-weight:600;min-width:110px}.bank-line span{font-size:13px;white-space:nowrap}@media (max-width:600px){.summary-table td,.summary-table th{font-size:12px;padding:4px}.bank-name{min-width:90px}.card h3{font-size:12px}}.print-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.print-btn:hover{background:#0056b3}.top-summary{margin-bottom:6px}.payment-row,.top-summary{grid-template-columns:repeat(3,1fr)}.payment-row{margin-bottom:10px}.payment-row .highlight{background:#eafaf0;border:1px solid #28a745;font-weight:700}
/*# sourceMappingURL=main.43c8a7e4.css.map*/