@import"https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f2f2f2;display:flex;justify-content:center;align-items:center;height:100vh;font-family:Shippori Mincho,serif}nav{z-index:110}.login-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a;width:300px;text-align:center}.login-container h2{margin-bottom:20px;color:#333}.login-container input[type=text],.login-container input[type=password]{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:4px}.login-container button{width:100%;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.login-container button:hover{background-color:#45a049}.login-container a{display:block;margin-top:10px;color:#4caf50;text-decoration:none}.login-container a:hover{text-decoration:underline}.upload-container{display:flex;justify-content:center;align-items:center;height:90vh;background-color:#f0f0f0}.upload-box{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a;width:350px;text-align:center}.upload-box h2{margin-bottom:20px}.upload-box .input-group{margin-bottom:15px;text-align:left}.upload-box .input-group label{display:block;margin-bottom:5px}.upload-box .input-group input[type=file]{width:100%;padding:8px;box-sizing:border-box}.upload-box .input-group input[type=text]{width:100%;padding:8px;box-sizing:border-box;margin-bottom:10px}.upload-box button{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.upload-box button:hover{background-color:#0056b3}.layout{display:flex;width:100vw;height:100vh}.sidebar{width:250px;background-color:#2c3e50;color:#ecf0f1;left:0;top:0;flex-direction:column;align-items:center;padding:20px}.logo img{width:70px;display:block;margin:0 auto 20px}.logo-img{background-blend-mode:multiply}.navigation{width:100%}.navigation ul{list-style:none;padding:0}.navigation li{margin:15px 0;border-bottom:1px solid white}.navigation a{color:#ecf0f1;text-decoration:none;font-size:18px;display:block;padding:10px;border-radius:4px;transition:background-color .3s}.navigation a:hover{background-color:#34495e}.content{flex:1;background-color:#ecf0f1}.user-icon{width:30px;height:30px;border-radius:50%}.user{margin-bottom:0}.progress-container{width:100%;text-align:center;margin:10px 0}.progress-container-flex{width:100%;display:flex;gap:1em;align-items:center;text-align:center;margin:10px 0}.progress-percentage{margin-bottom:5px;font-size:16px;font-weight:700}.progress-bar{width:100%;background-color:#f3f3f3;border-radius:4px;overflow:hidden}.progress{height:20px;background-color:#4caf50;width:0;transition:width .4s ease}.download-container{padding:20px}.table-container{max-height:calc(100vh - 120px);overflow:auto;max-width:100%}.table-container td{padding:8px 16px}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{border:1px solid #ddd;padding:16px;text-align:center;width:max-content}.maxw-60{max-width:150px}.minw-20{width:20%}.minw-30{width:30%}th{background-color:#f2f2f2}.theme-button{padding:5px 10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.clear{border:none!important;box-shadow:none!important;background-color:transparent!important}table{margin-top:6px}.download-icon{width:20px}button:hover{background-color:#0056b3}.signout{color:#000;text-decoration:none}@media screen and (max-width: 768px){.sidebar{display:none!important}}@media screen and (min-width: 768px){.nav-link{display:none!important}}