*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,sans-serif}html,body{height:100%;margin:0;overflow:hidden}html,body,#root{width:100%;height:100%;margin:0;padding:0}.login-wrapper{background-color:#0000;background-image:linear-gradient(#0006,#0006),url(/assets/login_bg-BbWXoVRF.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.login-card{text-align:center;background:#fffffff2;border-radius:20px;width:100%;max-width:420px;padding:40px;box-shadow:0 15px 40px #00000040}.login-title{margin-bottom:25px;font-size:32px}.login-card input,.role-select{border:1px solid #ddd;border-radius:10px;width:100%;margin-bottom:18px;padding:14px;font-size:16px}.password-field{position:relative}.password-field input{padding-right:45px}.eye-icon{cursor:pointer;color:#888;position:absolute;top:14px;right:15px}.login-btn{color:#fff;cursor:pointer;background:#2f64d6;border:none;border-radius:12px;width:100%;padding:14px;font-size:18px;transition:all .3s}.login-btn:hover{background:#1e4db7}.forgot{color:#2f64d6;cursor:pointer;margin-top:15px}@media (width<=768px){.login-card{padding:30px}.login-title{font-size:26px}}@media (width<=480px){.login-card{padding:25px}}.sidebar{color:#fff;z-index:1000;background:linear-gradient(90deg,#1e3a5f,#5f90c7);width:220px;height:100vh;padding-top:60px;transition:all .3s;position:fixed;top:0;left:0}.menu{cursor:pointer;align-items:center;gap:15px;padding:12px 20px;display:flex}.menu:hover{background:#ffffff1a}.sidebar.collapsed{width:70px}.sidebar.collapsed .menu{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:12px}.sidebar.collapsed .menu svg{font-size:18px}.sidebar.collapsed .menu span{font-size:11px;display:block}.sidebar.hide{transform:translate(-100%)}.sidebar.show{transform:translate(0)}.mobile-toggle{z-index:1100;cursor:pointer;font-size:22px;position:fixed;top:15px;left:15px}.close-btn,.collapse-btn{cursor:pointer;position:absolute;top:15px;right:15px}.overlay{z-index:999;background:#0006;width:100%;height:100%;position:fixed}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar .menu{font-size:16px}.sidebar .menu svg{font-size:20px}}.navbar{color:#fff;z-index:1000;background:linear-gradient(90deg,#1e3a5f,#5f90c7);justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 20px;display:flex;position:sticky;top:0}.nav-left,.nav-right{align-items:center;display:flex}@media (width>=769px){.nav-left,.nav-right{width:200px}}.nav-center{flex:1;justify-content:center;display:flex}.search-box{width:60%;position:relative}.search-box input{border:none;border-radius:20px;outline:none;width:100%;padding:10px 40px 10px 15px}.search-icon{color:#555;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.user-name{font-weight:500}.nav-toggle{cursor:pointer;font-size:20px}.nav-right{justify-content:flex-end;align-items:center;width:200px;display:flex}.logout-icon{color:#fff;cursor:pointer;font-size:20px}.logout-icon:hover{color:#fff}@media (width<=768px){.navbar{align-items:center;padding:0 10px;display:flex}.nav-left{align-items:center;width:auto;display:flex}.nav-center{flex:1;justify-content:center;display:flex}.search-box{width:100%;max-width:220px}.search-box input{padding:8px 35px 8px 12px;font-size:14px}.nav-right{justify-content:flex-end;align-items:center;width:auto;display:flex}.logout-icon{font-size:18px}}@media (width>=769px){.mobile-toggle{display:none}}.overlay{z-index:999;background:#0006;width:100%;height:100%;position:fixed;top:0;left:0}.layout{display:flex}.main{flex-direction:column;flex:1;min-height:100dvh;display:flex}.content{background:linear-gradient(#f1f5f9,#e2e8f0);flex:1;padding:24px}.main h2{color:#1e293b;margin-left:25px;font-size:22px;font-weight:600}.cards{gap:20px;margin:20px 0;display:flex}.card h4{opacity:.9;font-size:14px}.card p{margin-top:8px;font-size:24px;font-weight:700}.dashboard-card{color:#fff;border-radius:16px;flex-direction:column;flex:1;justify-content:center;min-height:130px;padding:28px;transition:all .3s;display:flex}.dashboard-card:hover{transform:translateY(-6px)}.dashboard-card:first-child{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 10px 25px #667eea66}.dashboard-card:nth-child(2){background:linear-gradient(135deg,#43cea2,#185a9d);box-shadow:0 10px 25px #43cea266}.dashboard-card:nth-child(3){color:#1e293b;background:linear-gradient(135deg,#f7971e,#ffd200);box-shadow:0 10px 25px #f7971e66}.dashboard-card:nth-child(4){background:linear-gradient(135deg,#ff416c,#ff4b2b);box-shadow:0 10px 25px #ff416c66}.actions{flex-wrap:wrap;gap:10px;margin:20px 0 20px 30px;padding-left:40px;display:flex}.actions button{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:8px;padding:10px 16px;transition:all .3s}.actions button:hover{background:#3b82f6;transform:translateY(-2px)}.table-section{background:#fff;border-radius:14px;margin-top:20px;padding:20px;box-shadow:0 4px 12px #00000014}.table-section h3{color:#1e293b;margin-bottom:12px}th{text-align:left;background:#f1f5f9;padding:12px;font-size:14px}td{border-bottom:1px solid #e2e8f0;padding:12px;font-size:14px}tr:hover{background:#f8fafc}.card-icon{opacity:.9;margin-top:8px;font-size:18px}.card-top{justify-content:space-between;align-items:flex-start;display:flex}@media (width<=768px){.cards{flex-direction:column;width:350px;margin-left:30px;padding-left:20px;padding-right:20px}}.main{margin-left:220px;transition:all .3s}.main.collapsed{margin-left:70px}@media (width<=768px){.main{margin-left:0}.table-section{margin-left:15px;margin-right:15px}}.layout{height:100vh}.main{-webkit-overflow-scrolling:touch;height:100dvh;overflow:hidden}.content{width:100%;max-width:100%;overflow:auto}@media (width<=600px){.content{padding-top:10px;padding-bottom:10px;padding-left:0!important;padding-right:0!important}}.form-grid{width:100%}.form-container{background:#fff;border-radius:8px;width:100%;max-width:100%;margin-bottom:30px;padding:15px;box-shadow:0 2px 6px #00000014}.form-container h2{color:#1fa2b5;margin-bottom:20px;font-weight:600}@media (width<=1024px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.form-grid{grid-template-columns:1fr}}.form-group{width:100%;position:relative}.form-group input,.form-group select{background:#fff;border:1px solid #d0d7de;border-radius:6px;outline:none;width:100%;padding:12px 10px;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:#1e88e5}.form-group label{color:#040e16;pointer-events:none;background:#fff;padding:0 4px;font-size:14px;font-weight:600;transition:all .2s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group select:focus+label,.form-group select:valid+label{color:#1e88e5;font-size:12px;top:-7px}.submit-btn{color:#fff;background:#1e73be;border:none;border-radius:6px;grid-column:span 2;margin-top:20px;padding:10px 30px}.table-container h3{margin-bottom:10px}.table-container table{border-collapse:collapse;width:100%}.table-container th{color:#fff;text-align:left;background:#2d83b5;padding:12px}.table-container td{border-bottom:1px solid #eee;padding:10px}.gst-group{position:relative}.gst-search-btn{color:#fff;cursor:pointer;background:#2d83b5;border:none;border-radius:6px;width:35px;height:30px;position:absolute;top:5px;right:5px}.gst-group input{padding-right:45px}.form-container{width:100%;max-width:100%}.modal-overlay{background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-box{background:#fff;border-radius:8px;width:600px;padding:20px}.get-btn{color:#fff;background:#2d83b5;border:none;border-radius:4px;padding:6px 12px}.form-actions{align-items:center;gap:12px;margin-top:10px;display:flex}.back-btn{color:#fff;cursor:pointer;background:#1e73be;border:none;border-radius:6px;margin-top:20px;padding:10px 30px;font-size:14px}.back-btn:hover{background:#475569}.form-actions{justify-content:flex-start}.modal-form{flex-direction:column;gap:10px;display:flex}.modal-field{flex-direction:column;display:flex}.modal-field label{color:#555;margin-bottom:3px;font-size:13px}.modal-field input{background:#f5f5f5;border:1px solid #ccc;border-radius:4px;padding:8px 10px}@media (width<=1024px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.form-grid{grid-template-columns:1fr}}.form-group input,.form-group select{box-sizing:border-box;width:100%}@media (width<=600px){.form-group.full{grid-column:span 1}.submit-btn{grid-column:span 1;width:100%}}.table-container{overflow-x:auto}.table-container table{min-width:900px}.modal-box{max-width:95%}@media (width<=600px){.modal-box{width:100%;padding:15px}.content{padding:10px}.form-group input,.form-group select{padding:10px;font-size:13px}}@media (width<=768px){.main{margin-left:0!important}}@media (width<=600px){.form-grid{grid-template-columns:1fr!important}}.form-group.full{grid-column:span 2}.submit-btn{color:#fff;background:#1e73be;border-radius:6px;grid-column:span 2;padding:10px}.table-container{background:#fff;border-radius:8px;padding:20px;overflow-x:auto}.custom-table{border-collapse:collapse;table-layout:fixed;width:100%}.custom-table th{color:#fff;text-align:center;padding:12px;font-weight:600}.custom-table th:first-child,.custom-table td:first-child{width:60px}.custom-table th:nth-child(2),.custom-table td:nth-child(2){width:200px}.custom-table tbody tr:hover{background:#f5f9ff}.checkbox-group{align-items:center;gap:10px;display:flex}.checkbox-label{position:static}.edit-btn{color:#fff;cursor:pointer;background:#1e73be;border:none;border-radius:4px;padding:5px 8px}.delete-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:4px;padding:5px 8px}.submit-btn{grid-column:span 2;height:42px}table{border-collapse:collapse;width:100%}th,td{text-align:center;border-bottom:1px solid #eee}td[colspan]{text-align:center;color:#999;padding:20px}tbody tr:hover{background:#f5f9ff}.tenant_dropdown{z-index:999;background:#fff;border:1px solid #ddd;border-radius:10px;width:100%;max-height:300px;position:absolute;top:110%;left:0;overflow-y:auto}.tenant_item{cursor:pointer;border-bottom:1px solid #eee;padding:10px}.tenant_item:hover{background:#f4f8ff}.content{padding:20px 30px}.form-container{background:#fff;border-radius:8px;margin-bottom:30px;padding:15px}.form-container h2{color:#1fa2b5;margin-bottom:20px}.form-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.form-group input,.form-group select{border:1px solid #ccc;border-radius:6px;width:100%;padding:12px 10px}.form-group label{background:#fff;padding:0 4px;transition:all .2s;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label{color:#1e88e5;font-size:12px;top:-7px}.submit-btn{color:#fff;background:#1e73be;border:none;border-radius:6px;grid-column:span 1;width:fit-content;height:34px;padding:6px 14px}.table-container{background:#fff;border-radius:8px;padding:20px}.custom-table{border-collapse:collapse;width:100%}.custom-table thead{background:#2d83b5}.custom-table th{color:#fff;text-align:center;padding:12px}.custom-table td{text-align:center;border-bottom:1px solid #eee;padding:10px}.edit-btn{color:#fff;background:#1e73be;border:none;border-radius:4px;padding:5px 8px}.delete-btn{color:#fff;background:red;border:none;border-radius:4px;padding:5px 8px}.cw-layout{display:flex}.cw-main{flex-direction:column;flex:1;margin-left:220px;transition:all .3s;display:flex;overflow:hidden}.cw-content{background:#f5f7fb;flex:1;padding:20px;overflow-y:auto}.cw-filter-box{background:#fff;border-radius:10px;margin-bottom:20px;padding:20px}.cw-title{color:#2c5d8f;margin-bottom:15px}.cw-filter-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}@media (width<=992px){.cw-filter-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.cw-filter-grid{grid-template-columns:1fr}}.cw-input-group{position:relative}.cw-input-group input,.cw-input-group select{border:1px solid #ccc;border-radius:6px;width:100%;padding:10px}.cw-input-group label{color:#2c5d8f;background:#fff;padding:0 5px;font-size:12px;position:absolute;top:-8px;left:10px}.cw-search-btn{color:#fff;cursor:pointer;background:#2c5d8f;border:none;border-radius:6px;height:40px;padding:10px}.cw-search-btn:hover{background:#1f466d}.cw-table-box{background:#fff;border-radius:10px;padding:15px}.cw-subtitle{margin-bottom:10px}.cw-table{border-collapse:collapse;width:100%}.cw-table thead tr{background-color:#2c5d8f!important}.cw-table thead th{border:none;padding:12px;font-weight:600;color:#fff!important;background-color:#2c5d8f!important}.cw-table td{text-align:center;padding:10px}.cw-table tbody tr:nth-child(2n){background:#f2f2f2}.cw-table tbody tr:hover{background:#e6f0ff}.cw-main{margin-left:220px;transition:all .3s}.cw-table-box{background:#fff;border-radius:10px;padding:15px;overflow-x:auto}.cw-table{width:100%;min-width:800px}.cw-dropdown{z-index:999;background:#fff;border:1px solid #ccc;border-radius:6px;width:100%;max-height:200px;position:absolute;top:100%;left:0;overflow-y:auto}.cw-dropdown-item{cursor:pointer;padding:10px}.cw-dropdown-item:hover{background:#f0f0f0}@media (width<=768px){.cw-main,.cw-main.collapsed{margin-left:0}}.cw-main{margin-left:220px}.cw-main.collapsed{margin-left:70px}@media (width<=768px){.cw-main,.cw-main.collapsed{width:100%;margin-left:0}}.dw-layout{display:flex}.dw-content{background:#f5f7fb;min-height:100%;padding:20px}.dw-filter-box{background:#fff;border-radius:10px;margin-bottom:20px;padding:20px}.dw-title{color:#2c5d8f;margin-bottom:15px}.dw-filter-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.dw-input-group{position:relative}.dw-input-group input{border:1px solid #ccc;border-radius:6px;width:100%;padding:10px}.dw-input-group label{color:#2c5d8f;background:#fff;padding:0 5px;font-size:12px;position:absolute;top:-8px;left:10px}.dw-search-btn{color:#fff;cursor:pointer;background:#2c5d8f;border:none;border-radius:6px;height:40px;padding:10px}.dw-table-box{background:#fff;border-radius:10px;padding:15px;overflow-x:auto}.dw-table{border-collapse:collapse;width:100%;min-width:700px;margin-top:10px}.dw-table thead tr{background-color:#2c5d8f!important}.dw-table thead th{text-align:center;border:none;padding:12px;font-size:14px;font-weight:600;color:#fff!important;opacity:1!important;background-color:#2c5d8f!important}.dw-table td{text-align:center;border-bottom:1px solid #eee;padding:12px}.dw-table tbody tr{background:#fff}.dw-table tbody tr:hover{background:#f4f8fc}.dw-table th,.dw-table td{opacity:1!important;filter:none!important}.dw-filter-box{overflow:visible}.dw-input-group{z-index:10;position:relative}.dw-main{-webkit-overflow-scrolling:touch;width:calc(100% - 220px);height:100dvh;margin-left:220px;transition:all .3s;overflow-y:auto}.dw-main.collapsed{width:calc(100% - 70px);margin-left:70px}@media (width<=768px){.dw-main,.dw-main.collapsed{width:100%;margin-left:0}}.dw-main.collapsed{margin-left:70px}@media (width<=768px){.dw-main,.dw-main.collapsed{margin-left:0}}@media (width<=992px){.dw-filter-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.dw-filter-grid{grid-template-columns:1fr}}@media (width<=600px){.dw-content{padding:10px}}.vw-layout{display:flex}.vw-main{-webkit-overflow-scrolling:touch;width:calc(100% - 220px);height:100dvh;margin-left:220px;transition:all .3s;overflow-y:auto}.vw-main.collapsed{width:calc(100% - 70px);margin-left:70px}@media (width<=768px){.vw-main,.vw-main.collapsed{width:100%;margin-left:0}}.vw-content{background:#f5f7fb;min-height:100%;padding:20px}.vw-filter-box{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #00000014}.vw-title{color:#2c5d8f;margin-bottom:15px;font-size:20px;font-weight:600}.vw-filter-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.vw-input-group{position:relative}.vw-input-group input,.vw-input-group select{border:1px solid #ccc;border-radius:6px;width:100%;padding:10px}.vw-input-group label{color:#2c5d8f;background:#fff;padding:0 5px;font-size:12px;position:absolute;top:-8px;left:10px}.vw-search-btn{color:#fff;cursor:pointer;background:#2c5d8f;border:none;border-radius:6px;height:40px;padding:10px}.vw-table-box{background:#fff;border-radius:12px;margin-top:15px;padding:20px;box-shadow:0 4px 12px #0000001a}.vw-subtitle{color:#000;margin-bottom:12px;font-weight:600}.vw-table{border-collapse:collapse;width:100%;margin-top:10px}.vw-table thead tr{background-color:#2c5d8f!important}.vw-table thead th{text-align:center;border:none;padding:12px;font-size:14px;font-weight:600;color:#fff!important;opacity:1!important;filter:none!important;background-color:#2c5d8f!important}.vw-table td{text-align:center;border-bottom:1px solid #eee;padding:12px}.vw-table tbody tr{background:#fff;transition:all .2s}.vw-table tbody tr:hover{background:#f4f8fc}.vw-table th,.vw-table td{opacity:1!important;filter:none!important}.vw-main{margin-left:220px;transition:all .3s}.vw-main.collapsed{margin-left:70px}.vw-dropdown{z-index:999;background:#fff;border:1px solid #ccc;border-radius:6px;width:100%;max-height:200px;position:absolute;top:100%;left:0;overflow-y:auto}.vw-dropdown-item{cursor:pointer;padding:10px}.vw-dropdown-item:hover{background:#f0f0f0}.vw-table-box{overflow-x:auto}.vw-table{min-width:900px}@media (width<=768px){.vw-main,.vw-main.collapsed{margin-left:0}}@media (width<=992px){.vw-filter-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.vw-filter-grid{grid-template-columns:1fr}}@media (width<=600px){.vw-content{padding:10px}}.pr-layout{display:flex}.pr-main{-webkit-overflow-scrolling:touch;width:calc(100% - 220px);height:100dvh;margin-left:220px;transition:all .3s;overflow-y:auto}.pr-main.collapsed{width:calc(100% - 70px);margin-left:70px}@media (width<=768px){.pr-main,.pr-main.collapsed{width:100%;margin-left:0}}.pr-content{background:#f5f7fb;min-height:100%;padding:20px}.pr-filter-box{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #00000014}.pr-title{color:#2c5d8f;margin-bottom:15px;font-weight:600}.pr-filter-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.pr-input-group{position:relative}.pr-input-group input,.pr-input-group select{border:1px solid #ccc;border-radius:6px;width:100%;padding:10px}.pr-input-group label{color:#2c5d8f;background:#fff;padding:0 5px;font-size:12px;position:absolute;top:-8px;left:10px}.pr-search-btn{color:#fff;background:#2c5d8f;border:none;border-radius:6px;height:40px;padding:10px}.pr-table-box{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a}.pr-subtitle{margin-bottom:12px;font-weight:600}.pr-table{border-collapse:collapse;width:100%}.pr-table thead tr{background-color:#2c5d8f!important}.pr-table thead th{text-align:center;border:none;padding:12px;font-size:14px;color:#fff!important;opacity:1!important;filter:none!important;background-color:#2c5d8f!important;font-weight:600!important}.pr-table th,.pr-table td{opacity:1!important;filter:none!important}.pr-table td{text-align:center;border-bottom:1px solid #eee;padding:10px}.pr-table tbody tr:hover{background:#f4f8fc}.pr-main.collapsed{margin-left:70px}.pr-dropdown{z-index:999;background:#fff;border:1px solid #ccc;border-radius:6px;width:100%;max-height:200px;position:absolute;top:100%;left:0;overflow-y:auto}.pr-dropdown-item{cursor:pointer;padding:10px}.pr-dropdown-item:hover{background:#f0f0f0}.pr-table-box{overflow-x:auto}.pr-table{min-width:900px}@media (width<=768px){.pr-main,.pr-main.collapsed{margin-left:0}}@media (width<=992px){.pr-filter-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.pr-filter-grid{grid-template-columns:1fr}}@media (width<=600px){.pr-content{padding:10px}}.dr-layout{display:flex}.dr-main{-webkit-overflow-scrolling:touch;width:calc(100% - 220px);height:100dvh;margin-left:220px;transition:all .3s;overflow-y:auto}.dr-main.collapsed{width:calc(100% - 70px);margin-left:70px}@media (width<=768px){.dr-main,.dr-main.collapsed{width:100%;margin-left:0}}.dr-content{background:#f5f7fb;min-height:100%;padding:20px}.dr-filter-box{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #00000014}.dr-title{color:#2c5d8f;margin-bottom:15px;font-weight:600}.dr-filter-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.dr-input-group{position:relative}.dr-input-group input,.dr-input-group select{border:1px solid #ccc;border-radius:6px;width:100%;padding:10px}.dr-input-group label{color:#2c5d8f;background:#fff;padding:0 5px;font-size:12px;position:absolute;top:-8px;left:10px}.dr-search-btn{color:#fff;background:#2c5d8f;border:none;border-radius:6px;height:40px;padding:10px}.dr-table-box{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a}.dr-subtitle{margin-bottom:12px;font-weight:600}.dr-table{border-collapse:collapse;width:100%}.dr-table thead tr{background-color:#2c5d8f!important}.dr-table thead th{text-align:center;padding:12px;color:#fff!important;opacity:1!important;filter:none!important;background-color:#2c5d8f!important}.dr-table td{text-align:center;border-bottom:1px solid #eee;padding:10px}.dr-table tbody tr:hover{background:#f4f8fc}.dr-table th,.dr-table td{opacity:1!important;filter:none!important}.dr-main{margin-left:220px;transition:all .3s}.dr-main.collapsed{margin-left:70px}.dr-dropdown{z-index:999;background:#fff;border:1px solid #ccc;border-radius:6px;width:100%;max-height:200px;position:absolute;top:100%;left:0;overflow-y:auto}.dr-dropdown-item{cursor:pointer;padding:10px}.dr-dropdown-item:hover{background:#f0f0f0}.dr-table-box{overflow-x:auto}.dr-table{min-width:800px}@media (width<=992px){.dr-filter-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.dr-filter-grid{grid-template-columns:1fr}}@media (width<=768px){.dr-main,.dr-main.collapsed{margin-left:0}}@media (width<=600px){.dr-content{padding:10px}}.pur-layout{display:flex}.pur-main{width:calc(100% - 220px);margin-left:220px;transition:all .3s}.pur-main.collapsed{width:calc(100% - 70px);margin-left:70px}@media (width<=768px){.pur-main,.pur-main.collapsed{width:100%;margin-left:0}}.pur-content{background:#fff;padding:20px}.pur-form-box{background:#fff;border-radius:10px;padding:20px}.pur-grid{grid-template-columns:2fr 1fr 1fr;gap:15px;display:grid}.pur-input-group{position:relative}.pur-input-group.full{grid-column:span 3}.pur-input-group input,.pur-input-group select{border:1px solid #ccc;border-radius:6px;width:100%;padding:12px}.pur-input-group label{background:#fff;padding:0 4px;transition:all .2s;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.pur-input-group input:focus+label,.pur-input-group input:not(:placeholder-shown)+label,.pur-input-group select:focus+label{color:#1e73be;font-size:12px;top:-7px}.pur-info{color:#333;margin:15px 0}.modal-table-scroll .pur-table{min-width:unset;width:100%}.pur-table thead tr{background-color:#2c5d8f!important}.pur-table thead th{text-align:center;border:none;padding:12px;font-size:14px;font-weight:600;color:#fff!important;opacity:1!important;filter:none!important;background-color:#2c5d8f!important}.pur-table td{text-align:center;border-bottom:1px solid #eee;padding:10px;opacity:1!important}.pur-table tbody tr:hover{background:#f4f8fc}.pur-box{box-shadow:none;background:0 0;border-radius:0;padding:0}.pur-title{text-align:center;color:#1fa2b5;margin-bottom:20px}.pur-top-row input,.pur-top-row select{border:1px solid #ccc;border-radius:6px;padding:10px}.pur-info{margin:10px 0}.pur-table{border-collapse:collapse;width:100%}.pur-table thead tr{background:#2c5d8f!important}.pur-table th{padding:10px;color:#fff!important}.pur-table td{text-align:center;border-bottom:1px solid #eee;padding:10px}.pur-actions{align-items:center;margin:10px 0;display:flex}@media (width<=576px){.pur-actions{flex-direction:column;align-items:flex-start;gap:10px}.pur-summary-inline{flex-wrap:wrap;gap:10px;margin-left:0}}.add-btn{background:#e6f0ff;border:1px solid #2c5d8f;padding:8px 14px;font-size:14px}.view-btn{cursor:pointer;background:#e6f0ff;border:1px solid #2c5d8f;border-radius:4px;justify-content:center;align-items:center;width:40px;height:34px;margin-left:8px;font-size:16px;display:flex}.view-btn:hover{color:#fff;background:#2c5d8f}.view-btn:disabled{cursor:not-allowed;color:#999;background:#eee;border-color:#ccc}.pur-summary-inline{gap:40px;margin-left:auto;font-size:13px;display:flex}.pur-payment{width:60%}.pur-payment table{border-collapse:collapse;width:100%}.pur-payment th{text-align:left;background:#e9e9e9;padding:12px;font-size:14px}.pur-payment td{padding:10px}.pur-payment select,.pur-payment input{border:1px solid #ccc;border-radius:4px;width:100%;padding:8px}.pur-right-total{float:right;text-align:right;margin-top:10px}.pur-narration{width:100%;margin-top:20px;padding:10px}.pur-save-btn{color:#fff;background:#2c5d8f;border:none;border-radius:6px;margin:20px auto;padding:10px 30px;display:block}.pur-bottom{justify-content:space-between;margin-top:20px;display:flex}@media (width<=768px){.pur-bottom{flex-direction:column;gap:20px}.pur-payment,.pur-payment table{width:100%}.pur-right-total{text-align:left;width:100%}}.pur-right-total{text-align:right;width:250px;font-weight:500}.pur-right-total p{border-bottom:1px dashed #ccc;margin:10px 0;padding-bottom:5px}.pur-payment table{width:350px}.pur-summary-inline span{font-size:14px;font-weight:500}.pur-bottom{justify-content:space-between;align-items:flex-start;margin-top:20px;display:flex}.pur-field input{box-sizing:border-box;width:100%}@media (width<=768px){.pur-top-row{grid-template-columns:1fr}.pur-table{white-space:nowrap;display:block;overflow-x:auto}.pur-actions{flex-direction:column;align-items:flex-start;gap:10px}.pur-summary-inline{flex-wrap:wrap;gap:10px;margin-left:0}.pur-right-total{text-align:left}.pur-narration{font-size:14px}.pur-save-btn{width:100%}.pur-content{background:#fff;padding:20px}}.modal-overlay{z-index:999;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-box{width:90%;max-width:900px;min-width:unset;border-radius:8px;padding:25px;overflow:visible hidden}@media (width<=768px){.add-item-grid{grid-template-columns:1fr}.modal-grid{grid-template-columns:1fr!important}.batch-form{grid-template-columns:1fr}}.modal-title{color:#666;margin-bottom:15px;font-size:20px}.modal-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.modal-grid input,.modal-grid select{border:1px solid #ccc;border-radius:4px;padding:10px;font-size:14px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:15px;display:flex}.modal-save{color:#fff;background:#4a74d1;border:none;border-radius:4px;padding:8px 16px}.modal-close{color:#fff;background:#e74c3c;border:none;border-radius:4px;padding:8px 14px}.float-group{position:relative}.float-group input,.float-group select{background:0 0;border:1px solid #ccc;border-radius:4px;outline:none;width:100%;padding:12px 10px;font-size:14px}.float-group label{color:#1e73be;pointer-events:none;font-size:12px;transition:all .2s;position:absolute;top:-8px;left:10px}.add-item-modal{width:850px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.modal-header h3{color:#1fa2b5}.modal-header span{cursor:pointer;font-size:18px}.add-item-grid{grid-template-columns:2fr 1fr 1fr;gap:15px;width:100%;display:grid}.add-item-grid input,.add-item-grid select{box-sizing:border-box;width:100%}.add-item-footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.batch-btn{color:#fff;background:#27ae60;border:none;border-radius:4px;padding:8px 14px}.save-btn{color:#fff;background:#3498db;border:none;border-radius:4px;padding:8px 14px}.close-btn{color:#fff;background:#e74c3c;border:none;border-radius:4px;padding:8px 14px}.add-item-grid{grid-template-columns:2fr 1fr 1fr;gap:12px;display:grid}.disc-group{align-items:center;gap:5px;display:flex}.disc-group input{width:60px;padding:8px}.gst-rs{align-items:center;gap:5px;display:flex}.gst-rs input{width:100%;padding:8px}.bottom-values{grid-column:span 3;justify-content:space-between;margin-top:10px;font-weight:500;display:flex}.add-item-grid input,.add-item-grid select{border:1px solid #ccc;border-radius:4px;padding:10px}.span-2{grid-column:span 2}.batch-form{grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:12px;margin-bottom:15px;display:grid}.batch-form .add-btn{color:#fff;background:#4a74d1;border:none;border-radius:4px;padding:8px 12px}.pur-table button{color:#fff;background:#e74c3c;border:none;border-radius:4px;padding:5px 8px}.pur-top-row{grid-template-columns:3fr 1fr 1fr;gap:10px;display:grid}@media (width<=992px){.pur-top-row{grid-template-columns:1fr 1fr}}@media (width<=576px){.pur-top-row{grid-template-columns:1fr}}.tenant_dropdown{width:100%;min-width:unset;z-index:9999;background:#fff;border:1px solid #ddd;border-radius:10px;max-height:350px;position:absolute;top:110%;left:0;overflow-y:auto}.pur-field{width:100%;position:relative}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.tenant_item{color:#2d3436;cursor:pointer;border-bottom:1px solid #f1f3f6;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;transition:all .18s;display:flex}.tenant_item:last-child{border-bottom:none}.tenant_item:hover{color:#2c5d8f;background:linear-gradient(90deg,#f4f8ff,#eef3ff);padding-left:20px}.tenant_item:active{background:#dce8ff}.tenant_item.active{color:#2c5d8f;background:#e6f0ff;font-weight:500}.tenant_dropdown::-webkit-scrollbar{width:6px}.tenant_dropdown::-webkit-scrollbar-track{background:0 0}.tenant_dropdown::-webkit-scrollbar-thumb{background:#cfd8e3;border-radius:10px}.tenant_dropdown::-webkit-scrollbar-thumb:hover{background:#aeb8c5}.pur-main{height:100vh;margin-left:220px;transition:all .3s;overflow-y:auto}.pur-main.collapsed{margin-left:70px}@media (width<=768px){.pur-main,.pur-main.collapsed{margin-left:0}}.pur-table-wrapper{width:100%;overflow-x:auto}.pur-table{min-width:660px}.pur-table-wrapper{width:100%;margin-top:10px;overflow-x:auto}.modal-table-scroll{max-height:250px;margin-top:10px;overflow:auto}@media (width<=768px){.batch-form{grid-template-columns:1fr}.batch-form .add-btn{width:100%}}.page-container{padding:15px}.page-container h2{color:#1f2937;margin-bottom:25px;font-size:22px;font-weight:600}.grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;height:140px;padding:20px;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000014;background:#fff!important}.card:hover{transform:translateY(-5px);filter:none!important;background:#fff!important;box-shadow:0 10px 18px #0000001f!important}.icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:10px;font-size:20px;display:flex}.card p{color:#111827;text-align:center;margin:0;font-size:14px;font-weight:600}body{background:#f3f4f6}.card,.card:hover{filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;box-shadow:0 4px 12px #00000014!important}.card:hover{transform:translateY(-5px)}@media (width<=600px){.grid{grid-template-columns:repeat(3,1fr);gap:12px}.card{height:100px;padding:8px}.icon{width:38px;height:38px;font-size:15px}.card p{font-size:11px}}.invoice-content{background:#f5f7fb;padding:20px 30px}.invoice-form-group input,.invoice-form-group select{background:0 0;border:1px solid #ccc;border-radius:6px;outline:none;width:100%;padding:14px 10px 6px;font-size:14px;font-weight:600}.invoice-form-group label{color:#777;pointer-events:none;background:#fff;padding:0 5px;font-size:14px;font-weight:600;transition:all .2s;position:absolute;top:14px;left:10px}.invoice-form-group input:focus+label,.invoice-form-group label.active{color:#1e88e5;font-size:12px;top:-8px}.invoice-submit-btn{color:#fff;cursor:pointer;background:#1e73be;border:none;border-radius:6px;grid-column:span 2;height:42px;transition:all .3s}.invoice-table{border-collapse:collapse;table-layout:fixed;width:100%}.invoice-table th{color:#fff;background:#1e73be!important}.invoice-table td{text-align:center;border-bottom:1px solid #eee;padding:12px}@media (width<=1024px){.invoice-form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.invoice-form-grid{grid-template-columns:1fr}}.invoice-content{-webkit-overflow-scrolling:touch;background:#f5f7fb;height:calc(100dvh - 60px);padding:20px 30px;position:relative;overflow:hidden auto}@media (width<=1024px){.invoice-form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.invoice-form-grid{grid-template-columns:1fr}.invoice-submit-btn{grid-column:span 1}.invoice-content{padding:10px}.invoice-form-container{padding:15px}}.invoice-content{-webkit-overflow-scrolling:touch;background:#f5f7fb;height:calc(100dvh - 60px);padding:20px 30px;overflow-y:auto}.invoice-form-container{background:#fff;border-radius:10px;margin-bottom:30px;padding:20px;box-shadow:0 2px 6px #0000000d}.invoice-form-container h2{color:#1fa2b5;margin-bottom:20px}.invoice-form-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.invoice-form-group.full{grid-column:span 2}.invoice-form-group{position:relative}.invoice-form-group input,.invoice-form-group select,.invoice-form-group textarea{background:#fff;border:1px solid #dcdcdc;border-radius:8px;outline:none;width:100%;padding:14px 12px;font-size:14px;font-weight:500;transition:all .25s}.invoice-form-group input:focus,.invoice-form-group textarea:focus,.invoice-form-group select:focus{border-color:#1e73be;box-shadow:0 0 0 2px #1e73be26}.invoice-form-group label{color:#888;background:#fff;padding:0 4px;font-size:13px;transition:all .2s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.invoice-form-group input:focus+label,.invoice-form-group textarea:focus+label,.invoice-form-group select:focus+label,.invoice-form-group label.active{color:#1e73be;font-size:11px;top:-6px}.invoice-submit-btn{color:#fff;cursor:pointer;background:#1e73be;border:none;border-radius:6px;grid-column:span 2;height:42px;font-weight:600;transition:all .3s}.invoice-submit-btn:hover{background:#155fa0}.invoice-table-container{background:#fff;border-radius:10px;padding:20px;overflow-x:auto;box-shadow:0 2px 6px #0000000d}.invoice-table-container h3{margin-bottom:15px}.invoice-table{border-collapse:collapse;width:max-content;min-width:100%}.invoice-table thead{background:#1e73be}.invoice-table th,.invoice-table td{white-space:nowrap;padding:10px 14px}.invoice-table tbody tr:hover{background:#f5f9ff}.invoice-empty{text-align:center;color:#999;padding:20px}.invoice-edit-btn{color:#fff;cursor:pointer;background:#1e73be;border:none;border-radius:4px;padding:5px 8px}.invoice-delete-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:4px;padding:5px 8px}@media (width<=1024px){.invoice-form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.invoice-form-grid{grid-template-columns:1fr}.invoice-submit-btn{grid-column:span 1}.invoice-content{padding:10px}.invoice-form-container{padding:15px}}.dropdown{z-index:1000;background:#fff;border:1px solid #ddd;width:100%;max-height:150px;position:absolute;overflow-y:auto}.password-content{background:#f5f7fb;justify-content:center;align-items:center;padding:20px 30px;display:flex}.password-form-container{background:#fff;border-radius:12px;width:420px;padding:30px;box-shadow:0 4px 12px #00000014}.password-form-container h2{color:#1e73be;text-align:center;margin-bottom:25px}.password-form-grid{grid-template-columns:1fr;gap:20px;display:grid}.password-form-group{position:relative}.password-form-group input{background:#fff;border:1px solid #ccc;border-radius:6px;outline:none;width:100%;padding:14px 10px 6px;font-size:14px;font-weight:600}.password-form-group label{color:#777;pointer-events:none;background:#fff;padding:0 5px;font-size:14px;font-weight:600;transition:all .2s;position:absolute;top:14px;left:10px}.password-form-group input:focus+label,.password-form-group label.active{color:#1e88e5;font-size:12px;top:-8px}.password-submit-btn{color:#fff;cursor:pointer;background:#1e73be;border:none;border-radius:6px;height:44px;margin-top:10px;font-weight:600;transition:all .3s}.password-submit-btn:hover{background:#155fa0}@media (width<=600px){.password-form-container{width:100%;padding:20px}.password-content{align-items:flex-start;padding-top:20vh}}html,body{height:100%;margin:0}.fuel-layout{height:100vh}.fuel-main{-webkit-overflow-scrolling:touch;height:100dvh;overflow-y:auto}.fuel-content{width:100%;max-width:100%;overflow:auto}.fuel-form-container{background:#fff;border-radius:8px;margin-bottom:30px;padding:15px;box-shadow:0 2px 6px #00000014}.fuel-form-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}@media (width<=1024px){.fuel-form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.fuel-form-grid{grid-template-columns:1fr}}.fuel-form-group{width:100%;position:relative}.fuel-form-group input,.fuel-form-group select{background:#fff;border:1px solid #d0d7de;border-radius:6px;outline:none;width:100%;padding:12px 10px;font-size:14px}.fuel-form-group input:focus,.fuel-form-group select:focus{border-color:#1e88e5}.fuel-form-group label{color:#040e16;background:#fff;padding:0 4px;font-size:14px;font-weight:600;transition:all .2s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.fuel-form-group input:focus+label,.fuel-form-group input:not(:placeholder-shown)+label,.fuel-form-group select:focus+label,.fuel-form-group select:valid+label,.fuel-form-group label.active{color:#1e88e5;font-size:12px;top:-7px}.fuel-submit-btn{color:#fff;background:#1e73be;border:none;border-radius:6px;margin-top:20px;padding:10px 30px}.fuel-form-actions{margin-top:10px}.fuel-table-container{background:#fff;border-radius:8px;padding:20px;overflow-x:auto}.fuel-table-container table{border-collapse:collapse;width:100%;min-width:900px}.fuel-table-container th{color:#fff;text-align:left;background:#2d83b5;padding:12px}.fuel-table-container td{border-bottom:1px solid #eee;padding:10px}.fuel-edit-btn{color:#fff;background:#1e73be;border:none;border-radius:4px;padding:5px 8px}.fuel-delete-btn{color:#fff;background:red;border:none;border-radius:4px;padding:5px 8px}.fuel-back-btn{color:#fff;background:#1fa2b5;border:none;border-radius:5px;margin-bottom:15px;margin-left:10px;padding:8px 15px}@media (width<=600px){.fuel-submit-btn{width:100%}.fuel-content{padding:10px}}.form-container h2{color:#1fa2b5}.form-group input[type=file]{padding:8px}@media (width<=600px){.content{padding:10px}}.form-group{position:relative}.dropdown{z-index:9999;background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;max-height:150px;position:absolute;top:100%;overflow-y:auto}.dropdown-item{cursor:pointer;padding:8px}.dropdown-item:hover{background:#f1f1f1}