@media only screen and (max-width:736px){.mobile{display:block}.desktop{display:none}.tablet{display:none}}@media only screen and (min-width:736px) and (max-width:1200px){.tablet{display:block}.desktop{display:none}.mobile{display:none}}@media only screen and (min-width:1200px){.desktop{display:block}.tablet{display:none}.mobile{display:none}}md-sidenav,md-sidenav.md-closed.md-locked-open-add-active,md-sidenav.md-locked-open{min-width:320px!important;width:70vw!important;max-width:300px!important}.timeline{position:relative;padding:10px 0 10px;list-style:none}.timeline>li{position:relative;margin-bottom:20px}.timeline>li:after,.timeline>li:before{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li:after,.timeline>li:before{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li>.timeline-panel{float:right;position:relative;width:40%;padding:20px;border:1px solid #d4d4d4;border-radius:2px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.175);box-shadow:0 1px 6px rgba(0,0,0,.175)}.timeline>li>.timeline-panel:before{content:" ";display:inline-block;position:absolute;top:26px;right:-15px;border-top:15px solid transparent;border-right:0 solid #ccc;border-bottom:15px solid transparent;border-left:15px solid #ccc}.timeline>li>.timeline-panel:after{content:" ";display:inline-block;position:absolute;top:27px;right:-14px;border-top:14px solid transparent;border-right:0 solid #fff;border-bottom:14px solid transparent;border-left:14px solid #fff}.timeline-badge1{top:16px;left:0;width:50px;height:50px;margin-left:30px;border-radius:50% 50% 50% 50%;text-align:center;font-size:1.4em;line-height:45px;color:#fff;background-color:#fff}.timeline-badge3{top:16px;left:0;margin-left:10px;border-radius:50% 50% 50% 50%;text-align:center;font-size:1.4em;line-height:70px;color:#fff;background-color:#fff}.timeline-badge4{top:16px;left:0;margin-left:30px;border-radius:50% 50% 50% 50%;text-align:center;font-size:1.4em;line-height:45px;color:#fff;background-color:#fff}.timeline>li>.timeline-badge{z-index:100;position:absolute;top:16px;left:0;width:50px;height:50px;margin-left:-60px;border-radius:50% 50% 50% 50%;text-align:center;font-size:1.4em;line-height:45px;color:#fff;background-color:#fff}.timeline>li>.timeline-badge2{z-index:100;position:absolute;top:16px;right:0;width:50px;height:50px;margin-right:-60px;border-radius:50% 50% 50% 50%;text-align:center;font-size:1.4em;line-height:45px;color:#fff;background-color:#fff}.timeline>li.timeline-inverted>.timeline-panel{float:left}.timeline>li.timeline-inverted>.timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li.timeline-inverted>.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline-badge.primary{background-color:#2e6da4!important}.timeline-badge.success{background-color:#3f903f!important}.timeline-badge.warning{background-color:#f0ad4e!important}.timeline-badge.danger{background-color:#d9534f!important}.timeline-badge.info{background-color:#5bc0de!important}.timeline-title{margin-top:0;color:inherit}.timeline-body>p,.timeline-body>ul{margin-bottom:0}.timeline-body>p+p{margin-top:5px}@media (max-width:767px){ul.timeline:before{left:40px}ul.timeline>li>.timeline-panel{width:calc(100% - 90px);width:-moz-calc(10%);width:-webkit-calc(10%)}ul.timeline>li>.timeline-badge{top:16px;left:15px;margin-left:0}ul.timeline>li>.timeline-panel{float:right}ul.timeline>li>.timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}ul.timeline>li>.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}}.hero-image{background-image:url("../img/pannteabg.png");background-color:#ccc;height:500px;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.hero-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}hgroup{text-align:center;margin-top:4em}h1,h3{font-weight:300}h2{font-weight:500;font-size:35px}h1{color:#636363}h2{color:#fff}h3{color:#4a89dc}footer{text-align:center}footer p{font-size:13px;letter-spacing:.4px}footer a{color:#4a89dc;font-size:14px;text-decoration:none;transition:all .2s ease}footer a:hover{color:#666;text-decoration:underline}footer img{width:80px;transition:all .2s ease}footer img:hover{opacity:.83}footer a:focus,footer img:focus{outline:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.intro{max-width:1280px;margin:1em auto}.table-scroll{position:relative;width:100%;z-index:1;margin:auto;overflow:auto;height:600px}.table-scroll table{width:100%;min-width:1280px;margin:auto;border-collapse:separate;border-spacing:0}.table-wrap{position:relative}.table-scroll td,.table-scroll th{padding:5px 10px;border:1px solid #f8f8f8;vertical-align:top}.table-scroll thead th{position:-webkit-sticky;position:sticky;top:0}th:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:2}tfoot th:first-child,thead th:first-child{z-index:5}.radio-button{margin-right:10px}.radio-button:last-child{margin-right:0}.md-sidemenu-group:has(.open) .md-sidemenu-toggle md-icon:not(.ng-binding){transform:rotate(180deg)}.md-sidemenu-group:has(.open) .md-sidemenu-wrapper{opacity:1;margin-top:0}.md-sidemenu-group:not(:has(.open)) .md-sidemenu-toggle md-icon:not(.ng-binding){transform:rotate(0)}.md-sidemenu-group:not(:has(.open)) .md-sidemenu-wrapper{opacity:0;margin-top:-200vh}.md-toast-backdrop{z-index:100000!important}.md-toast,md-toast{z-index:100001!important}body{padding-top:50px;font-family:Inter,sans-serif;background-color:#f0f2f5;color:#495057}body.login-body{padding-top:0!important;overflow:hidden!important}.login-body html{height:100%;overflow:hidden!important}.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 20;vertical-align:middle;line-height:1;font-size:16px}.navbar-inverse{background-color:#1f4265;border-color:#23272b;border-radius:0}.navbar-inverse .navbar-brand{color:#f8f9fa;display:flex;align-items:center;padding-top:0!important;padding-bottom:0!important;height:50px}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff}.navbar-brand img{height:28px;margin-right:10px;border-radius:4px}.navbar-brand span{font-weight:600}.navbar-inverse .navbar-nav>li>a{color:#ced4da;display:flex;align-items:center;padding-top:10px;padding-bottom:10px}.navbar-inverse .navbar-nav>li>a .material-symbols-outlined{margin-right:8px;font-size:18px}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:#495057}.navbar-inverse .navbar-nav>.active:not(.dropdown)>a,.navbar-inverse .navbar-nav>.active:not(.dropdown)>a:focus,.navbar-inverse .navbar-nav>.active:not(.dropdown)>a:hover{background-color:#007bff;color:#fff}.navbar-inverse .navbar-nav>.dropdown>a .caret{margin-left:5px}.navbar-nav .dropdown-menu{border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid #ddd;background-color:#343a40;font-size:1em;min-width:250px}.navbar-nav .dropdown-menu>li>a{display:flex;align-items:center;color:#ced4da;padding:8px 20px;white-space:nowrap;cursor:pointer}.navbar-nav .dropdown-menu>li>a .material-symbols-outlined{margin-right:8px;font-size:16px}.navbar-nav .dropdown-menu>li>a:focus,.navbar-nav .dropdown-menu>li>a:hover{background-color:#007bff;color:#fff!important}.navbar-nav .dropdown-menu>li.active>a .material-symbols-outlined,.navbar-nav .dropdown-menu>li>a:hover .material-symbols-outlined{color:#fff!important}.navbar-nav .dropdown-menu>li.active>a{background-color:#0069d9;color:#fff!important}.navbar-nav .dropdown-menu .divider{background-color:#495057}.user-info-dropdown .dropdown-header.user-info-header{padding:10px 15px;color:#f0f2f5;white-space:normal;line-height:1.4}.user-info-dropdown .dropdown-header.user-info-header strong{color:#fff}.user-info-dropdown .user-detail-item{font-size:.9em;color:#adb5bd;margin-top:3px}.navbar-nav .dropdown-submenu{position:relative}.navbar-nav .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-1px;margin-left:-1px;border-radius:0 6px 6px 6px}.navbar-nav .dropdown-submenu.open>.dropdown-menu{display:block}.navbar-nav .dropdown-submenu>a>.caret-right-custom.material-symbols-outlined{margin-left:auto;font-size:16px;line-height:inherit}.navbar-nav .dropdown-submenu>a{cursor:pointer}.navbar-nav>.user-avatar-dropdown>a.dropdown-toggle{padding-top:10px!important;padding-bottom:10px!important;display:flex;align-items:center;cursor:pointer}.user-avatar-img{width:30px;height:30px;border-radius:50%;margin-right:8px;object-fit:cover;background-color:#6c757d}.sidebar-toggle-btn-desktop{float:left;margin-left:0;margin-right:10px;margin-top:8px;margin-bottom:8px;padding:0;background-color:transparent;border:none;color:#ced4da;border-radius:4px;width:34px;height:34px;line-height:34px;text-align:center}.sidebar-toggle-btn-desktop:focus,.sidebar-toggle-btn-desktop:hover{background-color:#495057;color:#fff}.sidebar-toggle-btn-desktop .material-symbols-outlined{font-size:19px;vertical-align:middle}@media (min-width:992px){.sidebar{position:fixed;top:51px;bottom:0;left:0;z-index:1000;width:230px;padding:15px;overflow-x:hidden;overflow-y:auto;background-color:#fff;border-right:1px solid #dee2e6;box-shadow:2px 0 5px rgba(0,0,0,.05);transition:width .3s ease-in-out,padding .3s ease-in-out}.sidebar.collapsed{width:0!important;padding-left:0!important;padding-right:0!important;overflow:hidden!important;border-right:none!important;box-shadow:none!important}}@media (min-width:768px) and (max-width:991px){.sidebar{position:fixed;top:51px;bottom:0;left:0;z-index:1000;width:200px;padding:15px;overflow-x:hidden;overflow-y:auto;background-color:#fff;border-right:1px solid #dee2e6;box-shadow:2px 0 5px rgba(0,0,0,.05);transition:width .3s ease-in-out,padding .3s ease-in-out}.sidebar.collapsed{width:0!important;padding-left:0!important;padding-right:0!important;overflow:hidden!important;border-right:none!important;box-shadow:none!important}}.nav-sidebar-header{padding:10px 15px 5px 15px;font-size:.9em;font-weight:600;color:#869099;text-transform:uppercase;letter-spacing:.5px;margin-top:10px}.nav-sidebar-header:first-child{margin-top:0}.nav-sidebar{margin-right:-15px;margin-bottom:15px;margin-left:-15px}.nav-sidebar>li>a{padding:12px 15px;color:#495057;border-radius:6px;margin:2px 0;font-weight:500;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;white-space:nowrap;cursor:pointer}.nav-sidebar>li>a .material-symbols-outlined{margin-right:10px;font-size:18px}.nav-sidebar>li>a:focus,.nav-sidebar>li>a:hover{text-decoration:none;background-color:#e9ecef;color:#007bff}.nav-sidebar>.active>a,.nav-sidebar>.active>a:focus,.nav-sidebar>.active>a:hover{color:#fff;background-color:#007bff}.nav-sidebar>.active>a .material-symbols-outlined,.nav-sidebar>li>a:hover .material-symbols-outlined{color:inherit}.nav-sidebar>li>a>.expand-icon.material-symbols-outlined{transition:transform .3s ease;margin-left:auto;margin-right:0}.nav-sidebar>li>a[aria-expanded=true]>.expand-icon.material-symbols-outlined{transform:rotate(180deg)}.nav-sidebar-submenu{padding-left:0;list-style:none;background-color:#f8f9fa;border-radius:6px;margin-top:5px;padding-bottom:5px}.nav-sidebar-submenu>li>a{padding:8px 15px 8px 30px;font-size:.95em;color:#495057;display:flex;align-items:center;white-space:nowrap}.nav-sidebar-submenu>li>a .material-symbols-outlined{margin-right:8px;font-size:16px}.nav-sidebar-submenu>li>a:focus,.nav-sidebar-submenu>li>a:hover{background-color:#e0e7ff;color:#0056b3}.nav-sidebar-submenu>.active>a,.nav-sidebar-submenu>.active>a:focus,.nav-sidebar-submenu>.active>a:hover{color:#0056b3!important;background-color:#cce5ff!important;font-weight:600}.nav-sidebar-submenu>.active>a .material-symbols-outlined,.nav-sidebar-submenu>li>a:hover .material-symbols-outlined{color:inherit}.mobile-menu-section-header{padding:8px 15px;color:#999;font-weight:700;font-size:.9em;text-transform:uppercase;background-color:#2b2e31}.mobile-menu-section-header span{display:block}.navbar-nav .dropdown-menu .mobile-menu-section-header a{color:#999!important;background-color:transparent!important;cursor:default!important}.main-content{transition:margin-left .3s ease-in-out;padding-top:10px;padding-left:10px;padding-right:10px;padding-bottom:10px;margin-top:10px;margin-left:240px}@media (min-width:992px){.main-content.with-sidebar{margin-left:calc(230px + 1px)}.main-content.without-sidebar{margin-left:1px}.main-content{padding:10px}}@media (min-width:768px) and (max-width:991px){.main-content.with-sidebar{margin-left:calc(200px + 1px)}.main-content.without-sidebar{margin-left:1px}.main-content{padding:10px}}.page-header{border-bottom:1px solid #d6b5b5;margin-top:0;margin-bottom:20px;padding-bottom:10px}.page-header h2{color:#343a40;font-weight:600;display:flex;align-items:center;font-size:19px}.page-header h2 .material-symbols-outlined{margin-right:8px;color:#007bff;font-size:21px}.content-card{background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 .5rem 1rem rgba(0,0,0,.075)!important;margin-bottom:15px}.content-card h2{margin-top:0;color:#007bff;font-weight:600;font-size:1.5em}.panel{border-radius:8px;box-shadow:0 .25rem .75rem rgba(0,0,0,.05);border:1px solid #ddd}.panel-heading{border-top-left-radius:7px;border-top-right-radius:7px;font-weight:500;display:flex;align-items:center;padding:10px 15px}.panel-heading .material-symbols-outlined{margin-right:8px;font-size:16px}.panel-primary>.panel-heading{background-color:#007bff;border-color:#007bff;color:#fff}.panel-info>.panel-heading{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.panel-success>.panel-heading{background-color:#28a745;border-color:#28a745;color:#fff}.panel-warning>.panel-heading{background-color:#ffc107;border-color:#ffc107;color:#212529}.panel-footer{border-bottom-left-radius:7px;border-bottom-right-radius:7px;background-color:#f8f9fa;border-top:1px solid #ddd;padding:10px 15px}.btn{border-radius:50px;padding:8px 18px;font-weight:500;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;font-size:1em}.btn .material-symbols-outlined{margin-right:5px;font-size:14px}.btn .material-symbols-outlined:only-child{margin-right:0}.btn-primary{background-color:#007bff;border-color:#007bff}.btn-primary:focus,.btn-primary:hover{background-color:#0056b3;border-color:#0056b3}.btn-lg{padding:12px 24px;font-size:1.1em}.btn-lg .material-symbols-outlined{font-size:16px}.btn-xs{font-size:.85em;padding:3px 10px}.btn-xs .material-symbols-outlined{font-size:13px;margin-right:3px}.table{margin-bottom:0;font-size:1em}.table-hover tbody tr:hover{background-color:#f1f3f5}.table>thead>tr>th{border-bottom-width:2px;font-weight:600;color:#495057;padding:10px 8px}.table>tbody>tr>td{padding:10px 8px;vertical-align:middle}.label{border-radius:.25em;font-weight:500;padding:.3em .6em .3em;font-size:.9em}.label-success{background-color:#28a745}.label-warning{background-color:#ffc107;color:#212529}.label-danger{background-color:#dc3545}.label-info{background-color:#17a2b8}.navbar-header::after{content:"";clear:both;display:table}.login-container-wrapper{display:flex;align-items:stretch;height:100vh;width:100vw;position:relative}.login-company-logo{position:absolute;top:30px;left:30px;z-index:10;display:flex;align-items:center}.login-company-logo img{height:35px;margin-right:12px;border-radius:4px}.login-company-logo span{font-size:1.5em;font-weight:600;color:#fff}.login-image-section{flex-basis:50%;background-image:url('../img/illustration-dashboard.webp');background-size:contain;background-repeat:no-repeat;background-position:center center;position:relative;display:flex;align-items:center;justify-content:center;background-color:#1c388c}.login-image-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.2);z-index:1}.login-image-section .login-company-logo{z-index:2}.login-form-section{flex-basis:50%;display:flex;justify-content:center;align-items:center;padding:40px;background-color:#f8eded;flex-direction:column;overflow-y:auto}.login-form-inner-container{width:100%;max-width:400px;display:flex;flex-direction:column}.login-form-content{margin-bottom:auto}.login-form-container h2{font-size:2em;font-weight:600;color:#333;margin-bottom:10px;text-align:center}.login-form-container .welcome-text{font-size:1.1em;color:#6c757d;margin-bottom:30px;text-align:center}.login-form-section .form-group{margin-bottom:20px}.login-form-section .input-group-addon{background-color:#f8f9fa;border:1px solid #ced4da;border-right:none;border-radius:50px 0 0 50px!important;padding:6px 12px;color:#495057}.login-form-section .input-group-addon .material-symbols-outlined{font-size:14px}.login-form-section .form-control{height:48px;border-radius:0 50px 50px 0!important;border-left:none;box-shadow:none;border-color:#ced4da;font-size:1.1em}.login-form-section .form-control:focus{border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.login-btn{background-color:#007bff;border-color:#007bff;color:#fff;padding:12px 20px;font-size:1.2em;font-weight:500;border-radius:50px;transition:background-color .2s ease;width:100%;display:flex;align-items:center;justify-content:center}.login-btn .material-symbols-outlined.login-spinner{margin-left:8px;font-size:1em;animation:spin 1s linear infinite}.login-btn:focus,.login-btn:hover{background-color:#0056b3;border-color:#0056b3;color:#fff}.login-options{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:.9em}.login-options .checkbox label{font-weight:400;color:#6c757d}.login-options a{color:#007bff;text-decoration:none}.login-options a:hover{text-decoration:underline}.login-error-message{margin-top:15px;padding:10px;font-size:.95em;border-radius:6px}.login2-error-message{margin-top:-10px;width:100%;box-sizing:border-box;text-align:center;padding:5px;font-size:.95em;border-radius:6px}.login-footer{width:100%;margin-top:auto;padding-top:20px;padding-bottom:20px;text-align:center;font-size:.85em;color:#6c757d}.login-footer p{margin-bottom:5px}.login-footer a{color:#007bff;text-decoration:none}.login-footer a:hover{text-decoration:underline}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.app-header{background:#fff;border-bottom:1px solid #e5e9f2;margin-bottom:30px;padding:10px 0}.app-title{font-weight:600;font-size:22px;color:#3f51b5;margin:10px 0}.container{max-width:1100px}.main-content{padding:0 20px 20px 20px}.pv-app-wrapper .panel{border:1px solid #e5e9f2;box-shadow:0 4px 12px rgba(0,0,0,.04)}.pv-app-wrapper .panel-heading{background-color:#fafbfd!important;border-bottom:1px solid #e5e9f2!important;justify-content:space-between;padding:15px 20px!important}.pv-app-wrapper .panel-title{font-size:18px;font-weight:600}.pv-app-wrapper .list-panel .panel-body{padding:20px!important}.pv-app-wrapper .form-panel .panel-body{padding:0!important}.pv-app-wrapper .panel-footer{background-color:#fafbfd!important;border-top:1px solid #e5e9f2!important;padding:20px!important}.material-symbols-rounded{vertical-align:middle;font-size:20px}.btn .material-symbols-rounded{margin-right:8px}.btn-xs .material-symbols-rounded{margin-right:0;font-size:18px}.table-responsive{overflow:visible!important;overflow-x:auto;width:100%}.table-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.8);z-index:10;display:flex;align-items:center;justify-content:center;border-radius:8px}.table-loading-overlay .spinner{border:5px solid #f3f3f3;border-top:5px solid #3f51b5;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.filter-bar{border-bottom:1px solid #dee2e6;margin-bottom:20px}.filter-tabs{list-style:none;padding:0;margin:0;display:flex}.filter-tabs li{padding:10px 18px;margin-bottom:-1px;cursor:pointer;font-weight:500;color:#6c757d;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.filter-tabs li:hover{color:#3f51b5}.filter-tabs li.active{color:#3f51b5;border-bottom-color:#3f51b5}.filter-controls{display:flex;align-items:center;gap:15px;padding:15px 0}.filter-controls .input-group{border-radius:6px;border:1px solid #ccc;transition:border-color .2s,box-shadow .2s}.filter-controls .input-group:focus-within{border-color:#3f51b5;box-shadow:0 0 0 2px rgba(63,81,181,.2)}.filter-controls .input-group .form-control,.filter-controls .input-group .input-group-addon{border:none;background-color:#fff}.filter-controls .input-group .input-group-addon{padding:6px 10px}.filter-controls .input-group .form-control:focus{box-shadow:none}.filter-controls .input-group .material-symbols-rounded{color:#6c757d}.filter-controls .date-picker{width:180px}.filter-controls .search-group{flex-grow:1}.filter-controls .btn{height:34px}.filter-controls .btn-link{text-decoration:none}.filter-controls .btn-link:hover{text-decoration:underline}.list-table td,.list-table th{font-size:12px}.list-table thead th{font-weight:600;color:#667085;background-color:#c1d9f2;border-bottom-width:1px!important;padding:12px 15px;text-align:left;border-right:1px solid #e5e9f2}.list-table td{padding:15px 15px;text-align:left;border-bottom:2px solid #e2e2e2;vertical-align:middle;border-right:2px solid #f0f0f0}.list-table td:first-child,.list-table th:first-child{border-left:2px solid #e2e2e2}.list-table th:first-child{background:#c1d9f2}.list-table td:last-child,.list-table th:last-child{border-right:2px solid #e2e2e2}.list-table tbody tr{transition:background-color .2s ease-in-out}.list-table tbody tr:hover{background-color:#d6e9ee}.list-table>tbody>tr:nth-last-child(-n+3) .action-menu.open .dropdown-menu{top:auto;bottom:0}.list-table .amount{font-weight:500}.pv-link{font-weight:600;color:#3f51b5;text-decoration:none}.pv-link:hover{text-decoration:underline}.text-right{text-align:right}.text-center{text-align:center}.no-data-message{padding:50px;color:#6c757d}.no-data-message .material-symbols-rounded{font-size:48px;display:block;margin:0 auto 10px}.pagination-enhanced-controls{display:flex;justify-content:flex-end;align-items:center;padding:15px;border-top:1px solid #ddd;margin-top:10px}.pagination-info{margin-right:20px;color:#666;font-size:14px}.pagination-buttons .btn-icon{padding:6px 10px;margin:0 2px}.pagination-buttons .btn-icon .material-symbols-rounded{vertical-align:middle}.filter-section .nav-tabs>li>a{cursor:pointer}.filter-section .tab-content{padding:20px;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px}.quick-search-controls{display:flex;gap:10px}.quick-search-controls .search-group{flex-grow:1}.status-badge{padding:4px 10px;border-radius:16px;font-size:12px;font-weight:500;text-transform:capitalize}.status-draft{background-color:#f2f4f7;color:#344054;border:1px solid #d0d5dd}.status-active,.status-approved,.status-processed{background-color:#ecfdf3;color:#027a48}.status-awaiting-approval,.status-submitted{background-color:#fffaeb;color:#b54708}.status-cancelled,.status-rejected{background-color:#fef3f2;color:#b42318}.status-paid{background-color:#f0f3ff;color:#3f51b5}.actions .btn-action{padding:5px 10px;margin-right:5px;text-decoration:none;display:inline-block;font-size:12px;border-radius:4px;border:none;cursor:pointer}.btn-edit{background-color:#ffc107;color:#333}.btn-delete{background-color:#dc3545;color:#fff}.split-view{display:flex}.split-view-left{padding:25px;background-color:#f8f9fa;border-right:1px solid #e5e9f2}.split-view-right{padding:25px}.attachment-zone{border:2px dashed #d0d5dd;border-radius:8px;padding:20px;text-align:center;color:#667085;background-color:#fff;cursor:pointer;transition:background-color .3s,border-color .3s}.attachment-zone:hover{background-color:#f0f3ff;border-color:#3f51b5}.attachment-zone .drop-content .icon-lg{font-size:40px;color:#3f51b5;display:block;margin-bottom:10px}.attachment-zone .drop-content p{margin:0;font-weight:500}.attachment-zone .upload-indicator{padding:25px 0}.attachment-list-new{list-style:none;padding:0;margin-top:20px}.attachment-item{display:flex;align-items:center;padding:10px;border:1px solid #e5e9f2;border-radius:6px;margin-bottom:10px;background-color:#fff}.attachment-item .file-icon{padding:8px;background-color:#f0f3ff;border-radius:50%;margin-right:12px;display:flex;align-items:center;justify-content:center}.attachment-item .file-icon .material-symbols-rounded{color:#3f51b5}.attachment-item .file-info{flex-grow:1;cursor:pointer}.attachment-item .file-info .file-name{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.attachment-item .file-info small{color:#6c757d}.attachment-item .btn-icon{background:0 0;border:none;box-shadow:none;color:#98a2b3}.attachment-item .btn-icon:hover{color:#dc3545}.preview-area{margin-top:20px;padding-top:20px;border-top:1px solid #e5e9f2}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.preview-header h5{margin:0;font-weight:600}.preview-header .btn{padding:2px 8px}.enlarged-preview-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1050;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.close-modal-btn{position:absolute;top:20px;right:30px;background:0 0;border:none;color:#fff;font-size:24px;cursor:pointer;line-height:1;padding:10px;opacity:.8}.close-modal-btn:hover{opacity:1}.close-modal-btn .material-symbols-rounded{font-size:36px}.modal-content{max-width:90%;max-height:90%;width:auto;height:auto;display:flex;justify-content:center;align-items:center}.enlarged-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.enlarged-pdf{width:80vw;height:90vh;border:none;border-radius:4px}.header-section-elegant{padding-bottom:15px;margin-bottom:25px;border-bottom:1px solid #e5e9f2}.header-section-elegant .form-row{display:flex;gap:20px;margin-bottom:15px}.header-section-elegant .form-group{flex:1;margin-bottom:0}.header-section-elegant label{display:block;margin-bottom:8px;font-weight:500;color:#344054}.proforma-invoice-row{display:flex;align-items:center;gap:10px}.proforma-select-group{flex-grow:1}.financial-summary-btn{white-space:nowrap}.elegant-input .input-group{border:1px solid #d0d5dd;border-radius:6px;box-shadow:0 1px 2px rgba(16,24,40,.05);transition:border-color .2s,box-shadow .2s}.elegant-input .input-group:focus-within{border-color:#3f51b5;box-shadow:0 0 0 3px rgba(63,81,181,.15)}.elegant-input .input-group-addon{background-color:#f9fafb;border:none;padding:6px 12px}.elegant-input .input-group .form-control{border:none;box-shadow:none}.elegant-input .input-group .material-symbols-rounded{color:#667085}.elegant-input .input-group .input-group-btn .btn{white-space:nowrap}.radio-card-group{display:flex;gap:10px;flex-wrap:wrap}.radio-card{position:relative;flex:0 1 auto}.radio-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}.radio-card .card-content{display:block;padding:8px 12px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;text-align:center;font-weight:500;cursor:pointer;transition:all .2s}.radio-card input[type=radio]:checked+.card-content{border-color:#3f51b5;background-color:#f0f3ff;color:#3f51b5;box-shadow:0 0 0 3px rgba(63,81,181,.15)}.radio-card:hover .card-content{border-color:#a0b5e8}.autocomplete-wrapper{position:relative;overflow:visible!important}.autocomplete-results{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;border:1px solid #a0afc8;border-top:none;border-radius:0 0 6px 6px;box-shadow:0 4px 12px rgba(0,0,0,.08);list-style:none;padding:5px 0;margin:0;max-height:220px;overflow-y:auto}.autocomplete-results li{padding:10px 15px;cursor:pointer;font-size:14px;border-bottom:1px solid #e5ebf3;transition:background-color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autocomplete-results li:last-child{border-bottom:none}.autocomplete-results li.active,.autocomplete-results li:hover{background-color:#f0f3ff;color:#3f51b5}.autocomplete-results li.being-payment-item{white-space:normal;word-break:break-word}.group-container-new{margin-bottom:30px}.group-header-new{display:flex;align-items:center;gap:15px;margin-bottom:10px}.group-header-new .group-name-input{font-weight:700;font-size:16px;border:none;border-bottom:1px solid #e5e9f2;border-radius:0;padding-left:0;box-shadow:none}.classification-select{font-size:12px;color:#667085;border:none!important;padding:2px 0!important;margin-top:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.btn-add-item-new{margin-left:40px;color:#3f51b5;font-weight:500;background:0 0;border:none}.btn-add-group-new{margin-top:20px;border-style:dashed;width:100%}.group-summary{width:50%;margin-left:auto;margin-top:10px;padding-top:10px;border-top:1px solid #e5e9f2}.summary-row{display:flex;justify-content:space-between;padding:2px 0;font-weight:500}.tax-input-group{width:40px;display:inline-block;padding:2px 5px;height:auto;text-align:right;margin-right:5px;border:1px solid #ccc;border-radius:4px}.total-section{padding-top:15px}.total-row{display:flex;justify-content:space-between;padding:8px 0;font-size:18px}.grand-total{border-top:2px solid #333}.main-actions{text-align:right;padding-top:15px;border-top:1px solid #e5e9f2;margin-top:20px}.approval-section{background-color:#f8f9fa;padding:15px;margin-bottom:25px;border-radius:6px;border:1px solid #e5e9f2}.approval-section label{font-weight:600;color:#667085}.approval-section p{margin:0;font-size:14px;color:#333}body.modal-open{overflow:hidden}.custom-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1050;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.custom-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.3);width:600px;max-width:90%;max-height:80vh;display:flex;flex-direction:column}.custom-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e5e9f2}.custom-modal-header h3{margin:0;font-size:18px;font-weight:600}.custom-modal-header .close-btn{background:0 0;border:none;font-size:24px;cursor:pointer;line-height:1;padding:5px;opacity:.6}.custom-modal-header .close-btn:hover{opacity:1}.custom-modal-subheader{background-color:#f8f9fa;color:#333;font-size:14px;padding:10px 20px;border-bottom:1px solid #e5e9f2}.custom-modal-subheader h4{margin:0;font-weight:500}.custom-modal-body{padding:10px 30px 30px 30px;overflow-y:auto;background-color:#f8f9fa}.error-dialog .custom-modal-header h3{color:#fff}.error-dialog .custom-modal-header{background-color:#d9534f;color:#fff}.error-dialog .close-btn{color:#fff;opacity:.8}.error-dialog .error-text{font-size:16px;line-height:1.6;text-align:center;padding:20px 0}.error-dialog .custom-modal-footer{padding:15px 20px;text-align:right;border-top:1px solid #e5e9f2;background-color:#f8f9fa}.remark-timeline{list-style-type:none;padding-left:20px;position:relative}.remark-timeline::before{content:'';position:absolute;top:0;left:0;height:100%;width:2px;background-color:#e5e9f2}.timeline-item{position:relative;padding-left:30px;padding-bottom:25px}.timeline-item:last-child{padding-bottom:0}.timeline-icon{position:absolute;left:-9px;top:0;width:20px;height:20px;border-radius:50%;background-color:#fff;border:2px solid #3f51b5;display:flex;align-items:center;justify-content:center}.timeline-icon .material-symbols-rounded{font-size:14px;color:#3f51b5}.timeline-content{background-color:#fff;padding:15px;border-radius:6px;border:1px solid #e5e9f2;box-shadow:0 1px 3px rgba(0,0,0,.03)}.remark-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;border-bottom:1px dashed #e5e9f2;padding-bottom:8px}.remark-author{font-weight:600;color:#3f51b5}.remark-date{font-size:12px;color:#6c757d}.remark-text{margin:0;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.6}.file-ref-text{color:#6c757d;font-weight:500}.duplicate-billing-dialog .md-dialog-content{padding:0;border-radius:8px;overflow:hidden}.duplicate-billing-dialog .md-dialog-content h2{background-color:#d9534f;color:#fff;margin:0;padding:15px 20px;font-size:18px;font-weight:600}.duplicate-billing-dialog .md-dialog-content p{padding:20px;font-size:16px;line-height:1.6}.duplicate-billing-dialog .md-actions{padding:8px 16px;border-top:1px solid #e5e9f2}.action-cell{position:relative;overflow:visible}.action-menu .dropdown-toggle{background-color:transparent;border:none;box-shadow:none;color:#6c757d;border-radius:50%;width:32px;height:32px;padding:0;line-height:30px}.action-menu .dropdown-toggle:focus,.action-menu .dropdown-toggle:hover,.action-menu.open .dropdown-toggle{background-color:#f0f3ff;color:#3f51b5}.action-menu.open .dropdown-menu{display:block;z-index:1060;border-radius:6px;border:1px solid #e5e9f2;box-shadow:0 4px 12px rgba(0,0,0,.08);top:0;left:auto;right:100%;margin-right:5px}.action-menu .dropdown-menu>li>a{display:flex;align-items:center;padding:8px 15px;font-weight:500}.action-menu .dropdown-menu>li>a .material-symbols-rounded{margin-right:10px;font-size:18px}.action-menu .dropdown-menu>li>a:active,.action-menu .dropdown-menu>li>a:focus,.action-menu .dropdown-menu>li>a:hover{background-color:#f0f3ff;color:#3f51b5}.status-update-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1050;display:flex;align-items:center;justify-content:center}.status-update-modal-content{background:#fff;border-radius:8px;width:90%;max-width:450px;box-shadow:0 5px 15px rgba(0,0,0,.3)}.status-update-modal-header{padding:15px;border-bottom:1px solid #e5e9f2}.status-update-modal-header h4{margin:0;font-weight:600}.status-update-modal-body{padding:20px}.status-update-modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e9f2;background-color:#fafbfd;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.financial-summary-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1050;cursor:pointer}.financial-summary-modal-content{background:#fff;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.5);width:800px;max-height:90vh;display:flex;flex-direction:column;cursor:default}.financial-summary-modal-content .modal-header{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #e5e9f2}.financial-summary-modal-content .modal-header .modal-title{margin-right:auto;font-size:18px;font-weight:600}.financial-summary-modal-content .modal-body{padding:20px;overflow-y:auto}.history-info-header{display:flex;justify-content:space-between;background-color:#f8f9fa;padding:15px;border-radius:6px;margin-bottom:20px;border:1px solid #e5e9f2}.history-info-header div{flex:1;text-align:center;border-right:1px solid #e5e9f2}.history-info-header div:last-child{border-right:none}.history-info-header small{display:block;color:#6c757d;font-size:12px;margin-bottom:5px;text-transform:uppercase}.history-info-header span{font-weight:600;font-size:15px}.financial-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.summary-card{background-color:#fff;padding:15px;border-radius:8px;border:1px solid #e5e9f2;text-align:center}.summary-card.clickable{cursor:pointer;background-color:#f0f7ff;border:1px solid #bde0ff;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.summary-card.clickable:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.1);background-color:#e6f2ff}.summary-card.clickable .amount,.summary-card.clickable h4{color:#0056b3}.summary-card h4{margin:0 0 8px 0;font-size:14px;font-weight:600;color:#495057}.summary-card .amount{font-size:22px;font-weight:700;display:block;margin-bottom:5px}.summary-card.profit .amount{color:#28a745}.summary-card.loss .amount{color:#dc3545}.modal-table-scroll{max-height:250px;overflow-y:auto}.detail-listing-card{background-color:#fff;border:1px solid #8090b6;border-radius:8px;padding:0;margin-bottom:25px}.detail-listing-card:last-child{margin-bottom:20}.detail-listing-card .modal-subtitle{margin:0;padding:12px 20px;border-bottom:1px solid #e9ecef;font-size:16px;font-weight:600;background-color:#b7d4f0;border-top-left-radius:8px;border-top-right-radius:8px}.detail-listing-card .table{margin-bottom:0}.detail-listing-card .table-condensed>tbody>tr>td,.detail-listing-card .table-condensed>thead>tr>th{padding:10px 20px;vertical-align:middle}.detail-listing-card .table thead th{background-color:#fafbfd;border-bottom:2px solid #dee2e6;font-weight:600;font-size:13px}.detail-listing-card .table tbody tr:last-child td{border-bottom:none}.custom-table,.custom-table tbody,.custom-table tr{overflow:visible!important}.custom-table{border-collapse:collapse;width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);table-layout:fixed}.custom-table th{background:#f7f9fc;color:#333;font-weight:600;text-align:left;padding:12px}.custom-table td{padding:12px;vertical-align:middle;border-top:1px solid #eee}.custom-table .input-group-addon{background:#f1f1f1;font-weight:600}.custom-table input,.custom-table select,.custom-table textarea{width:100%;border-radius:6px;border:1px solid #ddd;padding:8px;font-size:14px}.custom-table button{border:none;background:#f8f8f8;border-radius:6px;padding:4px 8px;cursor:pointer;transition:background .2s}.custom-table button:hover{background:#ffe5e5}.custom-table select.form-control{width:100%;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.financial-section-elegant{margin-top:25px;padding-top:25px;border-top:1px solid #e5e9f2}.financial-section-elegant .form-row{display:flex;gap:20px;margin-bottom:15px}.financial-section-elegant .form-group{flex:1;margin-bottom:15px}.grand-total-display label{font-size:1.1em;font-weight:600;color:#3f51b5}.grand-total-display .form-control{font-size:1.5em;font-weight:700;color:#333;background-color:#f8f9fa;height:auto;padding-top:8px;padding-bottom:8px}.grand-total-display .input-group-addon .material-symbols-rounded{font-size:24px}input[readonly].form-control{background-color:#f8f9fa;cursor:not-allowed}@media (min-width:769px){.list-table td:first-child,.list-table th:first-child{position:static!important;left:auto!important}}@media (max-width:991px){.filter-controls{flex-direction:column;align-items:stretch;gap:10px}.filter-controls .btn,.filter-controls .input-group{width:100%}.filter-controls .date-picker{width:100%}.hidden-xs{display:none}.pv-app-wrapper .panel-heading .btn{padding-left:12px;padding-right:12px}.split-view{flex-direction:column}.split-view-left{border-right:none;border-bottom:1px solid #e5e9f2;padding-right:25px;margin-bottom:25px}.split-view-right{padding-left:25px}}@media (min-width:769px){.list-table{width:100%;min-width:1000px;table-layout:auto}.custom-table{table-layout:fixed;width:100%}.custom-table td:first-child,.custom-table th:first-child{width:40px;min-width:40px;max-width:50px;text-align:center}.custom-table td:nth-child(2),.custom-table th:nth-child(2){width:45%}.custom-table td:nth-child(3),.custom-table th:nth-child(3){width:25%}.custom-table td:nth-child(4),.custom-table th:nth-child(4){width:20%}.custom-table td:nth-child(5),.custom-table th:nth-child(5){width:40px;min-width:40px;max-width:50px;text-align:center}}@media (max-width:767px){.main-content{margin-left:0;padding:10px}body.login-body{overflow:auto!important}.login-container-wrapper{flex-direction:column;height:auto;min-height:100vh}.login-image-section{flex-basis:auto;height:200px;min-height:150px;order:1}.login-image-section .login-company-logo span{color:#fff}.login-form-section{flex-basis:auto;padding:20px;order:2}.login-form-inner-container{margin-top:20px;margin-bottom:20px;justify-content:flex-start}.login-company-logo{top:15px;left:15px}.login-form-container h2{font-size:1.8em}.login-footer{padding-top:15px;padding-bottom:15px;font-size:.8em;margin-top:20px}.hidden-xs{display:none}.list-panel .panel-body{padding:15px!important}.table-responsive{overflow:auto}.filter-tabs{display:flex;overflow-x:auto}.list-table{width:100%;min-width:unset;table-layout:fixed}.list-table thead{display:none}.list-table tr{display:block;margin-bottom:15px;border:1px solid #e5e9f2;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.03)}.list-table td{display:block;text-align:right;padding-left:50%;position:relative;border-right:none;border-bottom:1px solid #f0f0f0;padding-top:12px;padding-bottom:12px;min-height:40px}.list-table .no-data-message{display:block;text-align:center;padding:40px 10px;padding-left:10px}.list-table .no-data-message:before{display:none}.list-table tr td:last-child{border-bottom:none}.list-table td:before{content:attr(data-label);position:absolute;left:15px;width:45%;padding-right:10px;text-align:left;font-weight:600;color:#333}.list-table td[data-label="Approved/Rejected By"]>div,.list-table td[data-label="Paid By"]>div,.list-table td[data-label="Prepared By"]>div{text-align:right}.list-table td[data-label="Payout Details"]{flex-direction:column;align-items:flex-end}.list-table td[data-label="Payout Details"] .file-ref-text{word-break:break-all}.list-table td[data-label=Actions]{justify-content:center;padding-left:15px}.list-table td[data-label=Actions] .action-menu{display:inline-block}.list-table td[data-label=Actions]:before{display:none}.split-view-left,.split-view-right{padding:15px}.form-row{gap:15px}.main-actions .btn{width:100%}.financial-summary-modal-content.large{width:95vw}.financial-summary-grid,.history-info-header{flex-direction:column}.history-info-header div{border-right:none;border-bottom:1px solid #e5e9f2;padding-bottom:10px;margin-bottom:10px}.history-info-header div:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.btn .material-symbols-rounded+.hidden-xs{display:none}.btn .material-symbols-rounded{margin-right:8px}.btn .material-symbols-rounded:only-child{margin-right:0}.custom-table thead{display:none}.custom-table tr{display:block;margin-bottom:15px;border:1px solid #eee;border-radius:8px;padding:12px;box-shadow:0 2px 6px rgba(0,0,0,.05)}.custom-table td{display:block;border:none;padding:8px 0}.custom-table td::before{content:attr(data-label);display:block;font-weight:600;color:#555;margin-bottom:5px}.custom-table td:last-child{text-align:right}}.form-group-wrapper{display:flex;flex-direction:column;width:100%}.form-group-wrapper .input-container{width:100%!important}.validation-message{text-align:left;padding-left:15px;font-size:.9em;margin-top:5px;margin-bottom:0;width:100%}@font-face{font-family:Inter;src:url("../font/Inter-Light.ttf");font-weight:300}@font-face{font-family:Inter;src:url("../font/Inter-Regular.ttf");font-weight:400}@font-face{font-family:Inter;src:url("../font/Inter-Medium.ttf");font-weight:500}@font-face{font-family:Inter;src:url("../font/Inter-SemiBold.ttf");font-weight:600}@font-face{font-family:Inter;src:url("../font/Inter-Bold.ttf");font-weight:700}.material-symbols-rounded{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24}body:has(.login-form){padding-top:0;margin:0;font-family:Inter;height:100vh}body:has(.login-form) [onClick]{cursor:pointer}body:has(.login-form) h2{font-weight:300;margin:0;color:#5d5d5d}body:has(.login-form) h4{font-weight:400;margin:0;color:#5d5d5d}.container:has(.login-form){display:flex;flex-direction:column;justify-content:center;background-image:url(../img/bannerv2.jpg);background-size:cover;background-position:center}.container:has(.login-form) .card{display:flex;flex-direction:column;background-color:#fff;border-radius:15px;justify-content:center}.container:has(.login-form) .card .card-header{display:flex;flex-direction:column;align-items:center}.container:has(.login-form) .card .card-header .logo{display:flex;justify-content:center;align-items:center;background-color:#111b37;border-radius:50%}.container:has(.login-form) .card .card-header .logo img{object-fit:contain}.container:has(.login-form) .card .card-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.container:has(.login-form) .card .card-body .login-form{display:flex;flex-direction:column;align-items:center}.container:has(.login-form) .card .card-body .row{display:flex}.container:has(.login-form) .card .card-body .row .col{display:flex;flex-direction:column;flex:1;justify-content:center;align-items:center;text-align:center}.container:has(.login-form) .card .card-body .row .col:not(:first-of-type){border-left:1px solid #a7a9ac}.container:has(.login-form) .input-container{display:flex;flex-wrap:wrap;border-radius:5px;background-color:#f6f6f6;justify-content:center}.container:has(.login-form) .input-container label{color:#a7a9ac;text-transform:uppercase}.container:has(.login-form) .input-container input{border:none;background-color:transparent;outline:0;flex:1}.container:has(.login-form) .input-container button{border:none;background-color:transparent;color:#5d5d5d}.container:has(.login-form) .btn-signIn{border:none;background-color:#0056b3;color:#dfb187;text-transform:uppercase}.container:has(.login-form) .btn-signIn:focus,.container:has(.login-form) .btn-signIn:hover{background-color:#1c2e61;border-color:#1c2e61;color:#fff}@media (orientation:portrait) and (max-width:599px){body:has(.login-form) h1{font-size:44px}body:has(.login-form) h2{font-size:32px}body:has(.login-form) h4{font-size:16px}.container:has(.login-form){width:100%;height:100vh}.container:has(.login-form) .card{width:calc(100% - 20px);max-height:calc(100vh - 100px);height:fit-content;margin:50px auto;padding:20px 10px;gap:10px}.container:has(.login-form) .card .card-header{gap:10px}.container:has(.login-form) .card .card-header .logo{width:100px;height:100px}.container:has(.login-form) .card .card-header .logo img{width:80%;height:80%}.container:has(.login-form) .card .card-body{gap:10px}.container:has(.login-form) .card .card-body .login-form{padding:30px 0;gap:25px;width:100%}.container:has(.login-form) .card .card-body .login-form .input-container{width:calc(100% - 20px)}.container:has(.login-form) .card .card-body .row{width:100%}.container:has(.login-form) .card .card-body .row .col{min-height:80px;font-size:14px}.container:has(.login-form) .input-container{min-height:38px;padding:5px 15px}.container:has(.login-form) .input-container label{font-size:10px;width:100%}.container:has(.login-form) .input-container input{font-size:16px}.container:has(.login-form) .btn-signIn{padding:15px 80px;font-size:18px}.container:has(.login-form) .form-group-wrapper{width:calc(100% - 20px)}}@media (orientation:portrait) and (min-width:600px){body:has(.login-form) h1{font-size:48px}body:has(.login-form) h2{font-size:36px}body:has(.login-form) h4{font-size:18px}.container:has(.login-form){width:100%;height:100vh}.container:has(.login-form) .card{width:calc(100% - 180px);max-height:calc(100vh - 100px);height:fit-content;margin:50px auto;padding:60px 50px;gap:10px}.container:has(.login-form) .card .card-header{gap:10px}.container:has(.login-form) .card .card-header .logo{width:140px;height:140px}.container:has(.login-form) .card .card-header .logo img{width:80%;height:80%}.container:has(.login-form) .card .card-body{gap:10px}.container:has(.login-form) .card .card-body .login-form{padding:30px 0;gap:25px;width:100%}.container:has(.login-form) .card .card-body .login-form .input-container{width:calc(100% - 10px)}.container:has(.login-form) .card .card-body .row{width:100%}.container:has(.login-form) .card .card-body .row .col{min-height:80px;font-size:15px}.container:has(.login-form) .input-container{min-height:38px;padding:5px 15px}.container:has(.login-form) .input-container label{font-size:10px;width:100%}.container:has(.login-form) .input-container input{font-size:16px}.container:has(.login-form) .btn-signIn{padding:15px 80px;font-size:18px}.container:has(.login-form) .form-group-wrapper{width:calc(100% - 10px)}}@media (orientation:landscape) and (max-width:1199px){body:has(.login-form) h1{font-size:44px}body:has(.login-form) h2{font-size:32px}body:has(.login-form) h4{font-size:16px}.container:has(.login-form){width:100%;height:100vh}.container:has(.login-form) .card{flex-direction:row;max-width:800px;width:80%;max-height:calc(100vh - 60px);height:fit-content;margin:50px auto;padding:30px;gap:20px}.container:has(.login-form) .card .card-header{gap:10px;width:fit-content;padding:0 10px;margin:auto}.container:has(.login-form) .card .card-header .logo{width:120px;height:120px}.container:has(.login-form) .card .card-header .logo img{width:80%;height:80%}.container:has(.login-form) .card .card-body{gap:10px;flex:1;border-left:1px solid #a7a9ac}.container:has(.login-form) .card .card-body .login-form{padding:10px 0;gap:15px;width:100%}.container:has(.login-form) .card .card-body .login-form .input-container{width:calc(100% - 60px)}.container:has(.login-form) .card .card-body .row{width:100%}.container:has(.login-form) .card .card-body .row .col{min-height:60px;font-size:15px}.container:has(.login-form) .input-container{min-height:38px;padding:5px 15px}.container:has(.login-form) .input-container label{font-size:10px;width:100%}.container:has(.login-form) .input-container input{font-size:16px}.container:has(.login-form) .btn-signIn{padding:15px 80px;font-size:18px}.container:has(.login-form) .form-group-wrapper{width:calc(100% - 60px)}}@media (orientation:landscape) and (min-width:1200px){body:has(.login-form) h1{font-size:48px}body:has(.login-form) h2{font-size:36px}body:has(.login-form) h4{font-size:18px}.container:has(.login-form){min-width:100%;height:100%}.container:has(.login-form) .card{max-width:500px;width:40%;max-height:calc(100vh - 100px);height:fit-content;margin:50px auto;padding:50px;gap:10px}.container:has(.login-form) .card .card-header{gap:10px}.container:has(.login-form) .card .card-header .logo{width:120px;height:120px}.container:has(.login-form) .card .card-header .logo img{width:80%;height:80%}.container:has(.login-form) .card .card-body{gap:10px}.container:has(.login-form) .card .card-body .login-form{padding:30px 0;gap:25px;width:100%}.container:has(.login-form) .card .card-body .login-form .input-container{width:100%}.container:has(.login-form) .card .card-body .row{width:100%}.container:has(.login-form) .card .card-body .row .col{min-height:80px;font-size:15px}.container:has(.login-form) .input-container{width:100%;min-height:38px;padding:5px 15px}.container:has(.login-form) .input-container label{font-size:10px;width:100%}.container:has(.login-form) .input-container input{font-size:16px}.container:has(.login-form) .btn-signIn{padding:15px 80px;font-size:18px}.container:has(.login-form) .form-group-wrapper{width:100%}}@media (orientation:landscape) and (min-width:1600px){.container:has(.login-form) .card{max-width:600px}.container:has(.login-form) .input-container{padding:8px 15px}}