body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root .login-page,body,html{height:100%;margin:0;padding:0}.login-page{background:linear-gradient(178deg,#666de4 50%,#172b4d 0);overflow:hidden;text-align:center}.login-page .message{margin-bottom:3%;margin-top:5%}.login-page .message h3{color:#f5f5f5}.login-page .message h2{color:#f5f5f5;font-size:2em}.login-page .login-container{background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0login-page .1);margin:0 auto;max-width:300px;min-height:40%;padding:5%;text-align:center;width:90%}.login-page .login-container h3{color:#4a4a4a;margin-bottom:15%;margin-top:-10px}.login-page .login-container hr{margin-bottom:15%;opacity:50%}.login-page .login-input-group{margin-bottom:7%;position:relative}.login-page .login-input-group input,.login-page .login-input-group select{background-color:#e8f0fe;border:1px solid #dcdcdc;border-radius:5px;color:#4a4a4a;font-size:16px;padding:10px;width:100%}.login-page .login-input-group input:focus{border-color:#a0c4ff;outline:none}.login-page .button{display:flex;flex-direction:row;gap:20%;margin-top:40px}.login-page .btn{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;padding:10px 20px}.login-page .btn:hover{background-color:#357ab8}.login-page .footer{color:#344dde;margin-top:3%}.login-page .footer span{color:grey}.login-page .toggle-password{cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}@media (max-width:768px){.login-page .login-container{padding:7%;width:80%}.login-page .btn{font-size:14px;padding:8px 16px}}@media (max-width:480px){.login-page .message h2{font-size:1login-page .5em}.login-page .login-container{padding:10%;width:70%}.login-page .login-input-group input,.login-page .login-input-group select{font-size:14px;padding:8px}.login-page .button{flex-direction:column;gap:10px}.login-page .btn{font-size:14px;padding:10px;width:100%}}#root,body,html{height:100%;margin:0;padding:0}body{background-color:#f5f6fa;background:none;font-family:Arial,sans-serif;margin:0}.loader{z-index:1000}.sidebar{background-color:#fff;border-right:1px solid #e0e0e0;height:100vh;left:0;overflow-y:auto;padding-top:5px;position:fixed;top:0;width:250px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}*{scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}.dropdown-master{display:flex;justify-content:space-between}.dropdown-toggle{transition:transform .3s ease}.rotated{transform:rotate(180deg)}#master-pages,#report-pages{flex-direction:column;overflow:hidden;transition:opacity .3s ease,height .3s ease}#master-pages li,#report-pages li{padding-left:15%}.master-menu.active #master-pages,.master-menu.active #report-pages{padding:10px 0}.master-menu{position:relative}.sidebar h2{color:#333;font-size:18px;margin-bottom:30px;text-align:center}.sidebar hr{opacity:20%}.sidebar ul{list-style-type:none;padding:0}.sidebar ul li{align-items:center;color:#959494;cursor:pointer;display:flex;font-size:16px;padding:15px 20px}.sidebar ul li i{color:#28a745;margin-right:10px}.sidebar ul li:hover{background-color:#f1f1f1}.main-content{margin-left:250px;transition:margin-left .3s ease}.header{background-color:#5a67d8;color:#fff;height:7%;padding:20px}.header .user-info{align-items:center;cursor:pointer;display:flex;margin-right:20px;position:absolute;right:20px;top:20px;z-index:1000}.header .user-info img{height:30px;margin-right:10px;width:30px}.header .user-info span{font-size:16px}.dropdown{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:10px;position:absolute;right:-10px;top:40px}.dropdown ul{list-style:none;margin:0;padding:0}.dropdown li{border-bottom:1px solid #ddd;color:#000;display:flex;padding:10px}.dropdown li:last-child{border-bottom:none}.dropdown img{height:20px!important;margin-right:10px;width:20px!important}.header-content{background-color:#5a67d8;color:#fff;padding:20px 20px 40px}.header-content h2{color:#fff;font-size:24px}.header-content p{color:#d1d1d1;font-size:14px}#table-container{-ms-overflow-style:none;background-color:#fff;border:1pt solid #d3d3d3;border-radius:10px;box-shadow:1px 1px #d3d3d3;margin-bottom:5%;margin-left:3%;margin-top:3%;overflow-x:auto;scrollbar-width:none;width:94%}#table-container::-webkit-scrollbar{display:none}#table-container #header{font-size:20px;margin-left:10px}#table-actions{display:flex;flex-direction:row;gap:100px;justify-content:flex-start;margin-left:20px}#CSV{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:10px 15px}#CSV,.search-box{margin-bottom:10px}.search-box{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-right:5%}.search-box label{margin-right:10px}.search-box input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:5px;width:100%}table{background-color:#fff;border-collapse:collapse;margin:1% 2% 10px;width:95%}td,th{border:1px solid #ddd;border-left:none;border-right:none;overflow:visible;padding:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}th{background-color:#f1f3f5;color:#6c757d;font-weight:400}td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td,td:hover{max-width:300px;min-width:auto}td:hover{overflow:visible;white-space:normal}@media (max-width:768px){.sidebar{background-color:#5a67d8;height:auto;padding-top:0;position:relative;width:auto}*{user-select:none;-webkit-user-select:none}.sidebar i{display:none}.sidebar ul li{align-items:center;background-color:#c3dafe;border-radius:5px;color:#000;gap:10px;justify-content:center;margin:0 5px;padding:2px 10px;text-align:center}.sidebar ul li:hover{background-color:#a3bffa}.sidebar-menu{display:flex;flex-wrap:wrap;justify-content:center;row-gap:10px}#report-pages,.sidebar-menu{flex-direction:row}#master-pages li,#report-pages li{padding:4px}.header,.header-content{margin-left:-5%;width:100%}.header-content{padding-bottom:10px;padding-top:10px}.header{padding:0}.header .user-info{margin-right:0;margin-top:18%;top:auto}.main-content{margin-left:0;margin-top:-7%;padding:0 10px}.dropdown{padding:10px;top:30px;width:auto}.dropdown li{padding:5px;text-align:center;width:fit-content}#table-container{width:95%}td,th{font-size:14px}.search-box input{width:70%}}.required{color:red}hr{opacity:30%}#form-content{background-color:#fff;border:1pt solid #fff;border-radius:10px;box-shadow:1px 1px #d3d3d3;margin-left:3%;margin-top:-3%;width:94%}#form-header{font-size:20px;margin-left:10px}#form{display:flex;flex-wrap:wrap;gap:30px;justify-content:flex-start;margin-bottom:10px;margin-left:2%;margin-right:2%;width:95%}#form-input{display:inline-block;margin:10px;width:30%}#form-input label{display:block;margin-bottom:5px}input,select{border:1px solid #dcdcdc;border-radius:5px;color:#4a4a4a;font-size:16px;padding:10px;width:100%}input:focus{border-color:#a0c4ff;outline:none}.button{margin-bottom:30px;margin-left:3%;margin-top:30px}.btn{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.btn:hover{background-color:#357ab8}.btn-danger{background-color:#e63b3b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.btn-danger:hover{background-color:#ff0404}#button-container{display:flex;flex-direction:row;gap:10px}#add,#sub{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;line-height:1;text-align:center;width:40px}.hide{display:none!important}@media (max-width:1200px){#form-input{width:40%}}@media (max-width:768px){#form-input{margin:5px 0;width:100%}#form-input input{width:calc(100% - 30px)}#form{flex-direction:column}.btn{margin:0;width:95%}.barcode-input{align-items:center;display:flex;flex-direction:row;gap:10px;margin:0 2% 5% auto}#table-actions{gap:10px;margin-left:5px}}@media (max-width:480px){#form-header{font-size:18px}}.loader{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.loader-spinner{animation:spin 1s linear infinite;border:16px solid #ccc;border-radius:50%;border-top-color:#5a67d8;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.reader-button{align-items:center;background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;margin:auto auto 10px;padding:10px 20px}