#overlay,#overlayTable{position:fixed;left:0;height:100%;background-color:rgba(128,128,128,.5);z-index:9999;width:100%;top:0}footer,nav{z-index:1000}.fetch-button,body{font-family:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif!important}body{margin:0;padding:0;min-height:100vh;display:grid;grid-template-columns:2fr 3fr;grid-template-rows:auto 1fr auto;grid-template-areas:"navbar navbar" "sidebar main" "footer footer";user-select:none;-ms-user-select:none}#overlay{cursor:wait}#overlayTable{display:flex;align-items:center;justify-content:center}.overlayTableTray{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;height:600px;width:800px;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.3)}.row2,nav{justify-content:space-between}.logout-logo,.navbar-left img{height:30px;filter:brightness(0) saturate(100%) invert(100%);margin:0}#overlayTableClose{background-color:#ddd;color:#000;font-size:.7rem;border-radius:5px;border:none;padding:5px 20px;cursor:pointer}#overlayTableOpen{background-color:#53c93d;color:#fff;font-size:.7rem;border-radius:5px;border:none;padding:5px 20px;cursor:pointer;width:100%}.fetch-box,.sel-box{border-radius:12px;display:flex}nav{top:0;position:sticky;grid-area:navbar;background-color:#360576;box-shadow:0 4px 6px rgba(0,0,0,.3);padding:15px 40px;display:flex;align-items:center}.navbar-left{display:flex;align-items:center;gap:20px}.navbar-left .sep-pipe{color:#fff}.navbar-left h1{font-size:18px;font-weight:640;letter-spacing:.5px;margin:0;color:#fff}.logout-logo{padding:0;cursor:pointer}.sel-box-container,.sel-box-container-no-flex{gap:20px;padding:20px 40px 0}aside{grid-area:sidebar;background-color:#e7e6e6}aside .aside-header{background-color:#f2f2f2;margin:0;display:flex;justify-content:center;align-items:center;padding:20px 40px}aside .aside-header h1{font-size:1rem;margin:0;color:#fff}aside .aside-header p{font-size:.7rem;text-align:justify;margin:0;color:#333}main{grid-area:main;background-color:#e2d2f7;box-shadow:-4px 0 8px rgba(0,0,0,.2);z-index:999;overflow-x:auto}footer{grid-area:footer;background-color:#fff;padding:.5em;box-shadow:0 -4px 8px rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center}.footer-middle{font-size:12px;text-align:center}.footer-right{position:absolute;right:20px;font-size:11px;font-weight:400;color:#666}@media(max-width:800px){body{grid-template-columns:1fr;grid-template-areas:"navbar" "sidebar" "main" "footer"}}.sel-box-container{display:flex;flex-wrap:wrap}.sel-box{background-color:#f2f2f2;box-shadow:0 4px 6px rgba(0,0,0,.1);flex-direction:column;padding:15px;flex-grow:1;width:100px}.fetch-box{background-color:#360576;box-shadow:0 4px 6px rgba(0,0,0,.2);flex-direction:column;flex-grow:1;padding:10px 12px}.fetch-button,.sel-box{transition:transform .3s,box-shadow .3s}.fetch-button:hover,.sel-box:hover{transform:scale(1.03);box-shadow:0 6px 6px rgba(0,0,0,.2)}.sel-box-title{text-align:left;font-weight:700;font-size:.85rem;margin-bottom:10px;color:#333;border-bottom:1px solid #ccc;padding-bottom:5px}.fetch-box-title{font-size:14px;margin-bottom:10px;color:#fff;text-align:center}.sel-box-body{flex:1;display:flex;flex-direction:column;gap:10px;color:#333}.sel-box-body select{padding:4px;border-radius:4px;border:0;color:#333;font-size:.7rem}.fetch-box-body{background-color:#fff;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.row1,.top-bar{gap:10px;display:flex}.form-row label{margin-right:5px;width:55px;color:#555;flex-shrink:0;font-size:.7rem}.form-row select{flex:1;padding:4px;border-radius:4px;border:0;color:#333;font-size:.7rem}.form-row input{flex:1;min-width:70px;padding:5px;border-radius:4px;border:none;color:#333;font-size:.7rem}.form-row button{padding:5px 12px;background-color:#ddd;border:none;border-radius:4px;font-size:.7rem;cursor:pointer}.fetch-button{background-color:#360576;color:#fff;font-size:14px;font-weight:400;border-radius:12px;border:none;padding:10px;box-shadow:4px 4px 6px rgba(0,0,0,.1);width:100%}.table-container{max-width:auto;max-height:400px;overflow-x:auto;border-radius:8px;border:1px solid #ddd}.table-container-modern-table{width:700px;height:500px;overflow-x:auto;border-radius:8px;border:1px solid #ddd}.modern-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;cursor:default}.modern-table td,.modern-table th{padding:8px 12px;text-align:left;white-space:normal}.modern-table thead th{position:sticky;top:0;background-color:#f9f9f9;z-index:2;font-weight:700;border-bottom:2px solid #ccc}.modern-table tbody tr:nth-child(2n){background-color:#fbfbfb}.modern-table thead tr:first-child th:first-child{border-top-left-radius:12px}.modern-table thead tr:first-child th:last-child{border-top-right-radius:12px}.modern-table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.modern-table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}table.dataTable thead{background-color:#333;color:#fff}table.dataTable{border-collapse:collapse;width:100%}.dt-buttons{margin-bottom:5px}.btn-custom,.dt-button.btn-custom{background-color:#53c93d;color:#fff;border:0;padding:8px 16px;margin:2px;border-radius:6px;cursor:pointer;font-size:12px;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:background-color .4s,transform .3s,box-shadow .3s}.com-row,.com-row *{font-size:12px!important}.btn-custom:hover,.dt-button.btn-custom:hover{transform:scale(1.05);border:0!important;box-shadow:0 6px 20px rgba(0,0,0,.3);background-color:#53c93d!important}.dataTables_paginate{margin-top:5px}.dataTables_paginate .paginate_button{background-color:#f1f1f1;border:1px solid #ddd;color:#fff!important;padding:5px 10px;margin:2px;border-radius:6px!important;cursor:pointer;font-size:12px;transition:background-color .3s!important}.dataTables_paginate .paginate_button.current{background-color:#53c93d!important;color:#fff!important;border:1px solid #53c93d!important}.top-bar{flex-direction:column;margin-bottom:10px}.row1{justify-content:end;align-items:center;width:100%}.row2{border-top:1px solid #000;padding-top:10px;display:flex;align-items:center;flex-wrap:wrap}.com-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}