*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:#fff;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;scroll-behavior:smooth;overflow-x:hidden}h1,h2,h3,h4,h5{font-weight:700}.bg-teal{background-color:#20c997!important}.table-teal{background-color:#20c997!important;color:#fff!important}.bg-teal-gradient{background:linear-gradient(90deg,#20c997,#0dcaf0)!important;color:#fff!important}.btn:hover{filter:brightness(1.05)}.btn:active{filter:brightness(.95)}.main-content{background-color:#fff;min-height:100vh;margin-left:180px;transition:margin-left .3s ease;overflow-x:hidden}.container-max{max-width:1400px;margin:auto;width:100%}.responsive-table{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;margin:10px 20px 10px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;background:#fff;border-radius:10px;box-shadow:0 3px 10px #00000014;padding:8px}.responsive-table::-webkit-scrollbar{height:8px}.responsive-table::-webkit-scrollbar-thumb{background:#00000040;border-radius:8px}.responsive-table::-webkit-scrollbar-track{background:#00000014}.responsive-table table{width:100%!important;border-collapse:collapse!important;table-layout:fixed!important;word-wrap:break-word}.responsive-table th,.responsive-table td{border:1px solid #000000;font-size:14px!important;line-height:1.25!important;overflow-wrap:anywhere!important;text-overflow:ellipsis!important;vertical-align:middle!important;padding:5px!important;text-align:center}.responsive-table thead th{background:#20c997!important;color:#000!important;text-align:center;white-space:wrap!important;vertical-align:middle!important;padding:5px!important;font-size:17px!important}.responsive-table tbody tr:nth-child(2n){background-color:#f8f9fa}.responsive-table tbody tr:hover{background-color:#20c99714;transition:background-color .2s ease}table th,table td{word-break:break-word!important;overflow-wrap:anywhere!important;white-space:normal!important;text-overflow:ellipsis!important}.btn-gradient{background:linear-gradient(90deg,#00b09b,#96c93d);color:#fff;font-weight:600;border:none;transition:.3s}.btn-gradient:hover{background:linear-gradient(90deg,#96c93d,#00b09b)}.btn-cancel{background:linear-gradient(90deg,#ff512f,#dd2476);color:#fff;font-weight:600;border:none;transition:.3s}.btn-cancel:hover{background:linear-gradient(90deg,#dd2476,#ff512f)}.btn-bill-edit{background:linear-gradient(135deg,#26ff05,#f9d849);color:#fff;border:none;font-weight:600;padding:4px 10px;transition:all .25s ease-in-out}.btn-bill-edit:hover{filter:brightness(1.1);transform:scale(1.05)}.btn-bill-delete{background:linear-gradient(135deg,#ff0505,#f645c4);color:#fff;border:none;font-weight:600;padding:4px 10px;transition:all .25s ease-in-out}.btn-bill-delete:hover{filter:brightness(1.1);transform:scale(1.05)}.responsive-input{width:350px!important;display:block;margin:10px auto;text-align:center;transition:width .3s ease}.dialog-box{border-radius:1rem;padding:1.5rem;background:#fff;box-shadow:0 8px 20px #0003;animation:zoomIn .3s ease}.dialog-title{font-size:1.5rem;font-weight:800;text-align:center;background:linear-gradient(90deg,#ff512f,#dd2476);-webkit-text-fill-color:transparent;margin-bottom:1.5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#00000040;border-radius:8px}::-webkit-scrollbar-track{background:#0000000f}.text-gradient{background:linear-gradient(90deg,#0dcaf0,#20c997);-webkit-text-fill-color:transparent;font-weight:700}.shadow-soft{box-shadow:0 4px 10px #0000001a}.marquee-container{position:relative;width:100%;height:1.5em;overflow:hidden}.marquee-text{display:inline-block;white-space:nowrap;animation:marquee-scroll 10.5s linear infinite}@media (max-width: 480px){.main-content{background-color:#f8f9fa;margin-left:0;margin-top:80px;padding:5px}.responsive-table table{font-size:15px!important;min-width:600px}.responsive-table th,.responsive-table td{padding:4px 5px!important}.responsive-input{width:300px!important}}@media (min-width: 481px) and (max-width: 768px){.main-content{margin-left:0;margin-top:80px}.responsive-table table{font-size:.8rem!important;min-width:800px}.responsive-table thead th{font-size:15px!important;min-width:800px}.responsive-input{width:320px!important}}@media (min-width: 769px) and (max-width: 1279px){.main-content{margin-left:0;margin-top:80px}.responsive-table table{font-size:15px!important;min-width:900px}}@media (min-width: 1280px) and (max-width: 1399px){.main-content{margin-left:0;margin-top:80px}.responsive-table table{font-size:16px!important}}@media (min-width: 1400px){.main-content{margin-left:180px;margin-top:65px}.responsive-table table{font-size:16px!important}}