#app,main{height:100%}#app{display:flex}main{width:100%;padding-right:40px;padding-left:50px}body{font-family:Roboto;margin:0;background-color:#0b0c0f;color:#fff}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:#212121}::-webkit-scrollbar-thumb{background-color:#555;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#4a4e59}*{scrollbar-width:thin;scrollbar-color:#555 #212121}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}#title{font-size:28px;font-weight:900;line-height:40px;animation:fadeIn .19s ease-in}#currentDate,#jobCount,#totalTime{font-size:17px;color:#fff;font-weight:700}#date-container{background-color:#2c2c2c;border-radius:12px;padding:10px;display:inline-block;color:#fff}.h1{font-size:35px;font-weight:900;line-height:45px;color:#fff}h2,h3{font-size:20px;font-weight:600;line-height:32px;color:#fff;margin-bottom:-15px;position:relative}h4{font-size:15px;font-weight:600;line-height:32px;color:#555;margin-bottom:9px;position:relative;letter-spacing:3px;text-transform:uppercase}table{height:fit-content;width:100%;border-collapse:collapse;margin:90px 0 0;background-color:#1e1f24;box-shadow:0 4px 8px #0000001a;animation:fadeIn .19s ease-in}th{border:1px solid #383E47;padding:12px 15px;text-align:left;font-size:13px;color:#4a4e59;background-color:#17181c}td{vertical-align:middle;border:1px solid #383E47;padding:12px 15px;text-align:left}#jobTable tr:hover{background-color:#2f3037;transition:background-color .19s ease-in-out;border:1px solid #fff}button,#addJobButton,#sendButton{background-color:#292c31;color:#fff;padding:10px 20px;border:none;border-radius:7px;cursor:pointer;transition:background-color .3s ease;font-weight:700}button:hover,#addJobButton:hover,#sendButton:hover{background-color:#292c31;transform:scale(1.1);transition:transform .3s ease-in-out}#addJobButton{font-size:32px;padding:15px 20px;box-shadow:0 4px 8px #0000001a;position:fixed;bottom:20px;right:40px}#sideMenuBar{height:100%;min-height:100vh;width:250px;background-color:#0b0c0f;border-right:#383E47 1px solid}#sideMenuBar li{cursor:pointer}#sideMenuBar .logo{font-size:25px;font-weight:700;color:#e8e8e8;padding:20px;margin-bottom:30px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}#newLogo{filter:grayscale(100%);transition:filter .5s ease;padding-top:25px;padding-left:5px}#newLogo:hover{filter:grayscale(0);animation:pulse 1s infinite}#sideMenuBar ul{list-style:none;padding:0;margin:0}#sideMenuBar ul li{font-size:15px;padding:13px;text-align:left;box-sizing:border-box}#sideMenuBar ul li i{margin-right:10px}#sideMenuBar ul li.active,#sideMenuBar ul li:hover{background-color:#1e1f24;color:#fff;transition:background-color .19s ease-in-out}#sideMenuBar ul li a{text-decoration:none;color:inherit;display:block;padding:10px}#userProfile{position:absolute;bottom:0;display:flex;align-items:center;padding:40px 15px;width:100%;box-sizing:border-box}.profilePic .redCircle{width:50px;height:50px;background-color:#23242a;border-radius:50%}.userInfo{margin-left:15px}.userName{font-size:14px;color:#fff}.userEmail{font-size:12px;color:#4a4e59}.page-content{font-size:16px;line-height:28px;color:#adb7be;word-wrap:break-word;width:80%;padding:30px 150px 30px 30px;animation:fadeIn .19s ease-in}.content-wrapper{display:flex;justify-content:space-between;align-items:center}.placeholder-photo{margin-left:20px;text-align:center;border-radius:15px;animation:fadeIn .19s ease-in}.placeholder-photo img{width:100%;height:auto;border-radius:15px}table th:first-child,table td:first-child,table th:last-child,table td:last-child{text-align:center}.action-button{background-color:transparent;border:none;cursor:pointer;font-size:1.2rem;margin:0 4px;padding:0;color:#333;transition:color .3s ease,transform .3s ease}.action-button:hover{color:#555}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-features{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.feature{padding:20px;border:1px solid #ccc;border-radius:8px;text-align:center}.playing{background-color:#2b4030;outline:1px solid #4BB763;outline-offset:-1px}.paused{outline-offset:-1px}thead th{position:sticky;top:0;z-index:1}i.fas{margin-right:15px;color:#888}.modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000000b3;z-index:1}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:auto;padding:20px;width:60%;background-color:#333;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#adb7be}.close{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer;color:#fff}.time-wrapper{display:inline-block;margin-right:40px;text-align:left}.tables-container{display:flex;justify-content:space-between;align-items:flex-start}.notes-table{border-collapse:collapse;margin-left:20px}.notes-table th,.notes-table td{border:1px solid #383E47;padding:8px;text-align:left}.notes-table th{background-color:#17181c;color:#ff69b4;border:1px solid #383E47}.notes-table td{height:20px;vertical-align:top;background-color:#17181c;border:1px solid #383E47}.time-container{margin-left:25px}.time-title{display:block;font-size:12px;color:#aaa;margin-bottom:2px}#downloadIcon{cursor:pointer;border-radius:50%;padding:5px}#downloadIcon:hover{background-color:#0000001a}.modal-title{font-size:23px;margin-bottom:20px;color:#fff}.report-container{margin-left:20px;margin-right:20px}.report-heading{text-align:left;margin-bottom:10px}#fixedNavBar{position:fixed;top:0;left:250px;right:0;background-color:#0b0c0f;border-left:#383E47 1px solid;color:#fff;padding:32px 30px 10px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;z-index:2}#fixedNavBar .left-content{padding-left:20px}#fixedNavBar .left-content .title{font-size:25px;font-weight:900;line-height:40px;animation:fadeIn .19s ease-in}#fixedNavBar .right-content{display:flex;align-items:center;padding-right:10px}#fixedNavBar .date-time{margin-right:50px;display:flex;align-items:center;gap:15px}#fixedNavBar .date-time span{white-space:nowrap}#fixedNavBar .shareButton{background-color:#0b49f5;color:#fff;padding:10px 20px;border-radius:25px;font-size:15px;cursor:pointer}@media (max-width: 1200px){.content-wrapper{flex-direction:column;align-items:flex-start}.placeholder-photo{margin-left:0;margin-top:20px}.placeholder-photo img{width:120%}}@media (max-width: 992px){body{padding-left:0}#sideMenuBar{width:100%;height:auto;position:relative}.page-content{padding:30px}}@media (max-width: 768px){h2,h3{font-size:18px}.page-content{font-size:14px;line-height:24px}}@media (max-width: 576px){h4{font-size:13px}.page-content{padding:20px}}@media screen and (max-width: 768px){table{font-size:12px}th,td{padding:8px 12px}}.container[data-v-54c3eed2]{display:flex;height:100vh;widows:100vw}.left-side[data-v-54c3eed2],.right-side[data-v-54c3eed2]{flex:1;display:flex;justify-content:stretch;flex-wrap:nowrap}.left-side[data-v-54c3eed2]{background:url(/assets/login-P2AWHW5I.png);background-size:cover;background-repeat:no-repeat;overflow:hidden;width:100%!important;position:relative}.site-logo[data-v-54c3eed2]{position:absolute;top:10px;left:10px;max-width:100px;height:auto;padding:30px}.left-side-text[data-v-54c3eed2]{position:absolute;top:90%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:40px;font-weight:700;text-align:left;max-width:80%;white-space:nowrap;overflow:hidden;border-right:3px solid white;animation:typing-54c3eed2 1s steps(30,end),blink-caret-54c3eed2 .75s step-end infinite}@keyframes typing-54c3eed2{0%{width:0}to{width:50%}}@keyframes blink-caret-54c3eed2{0%,to{border-color:transparent}50%{border-color:#fff}}.right-side[data-v-54c3eed2]{background-color:#0b0c0f}.hidden[data-v-54c3eed2]{display:none}label[data-v-54c3eed2]{margin-bottom:10px;display:block}.login-container[data-v-54c3eed2]{color:#fff;text-align:left;font-size:13px;max-width:700px;margin:auto;border-radius:25px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-logo[data-v-54c3eed2]{text-align:center;margin-bottom:20px}.login-logo img[data-v-54c3eed2]{max-width:100px}.form-group[data-v-54c3eed2]{margin-bottom:15px}.form-group label[data-v-54c3eed2]{display:block;margin-bottom:5px;text-align:left}.form-group input[data-v-54c3eed2]{width:calc(100% - 40px);padding:10px 20px;border:1px solid #ddd;border-radius:4px;border:1px solid #383E47;background-color:#17181c;color:#fff}button[data-v-54c3eed2]{width:100%;padding:10px;margin:20px 0 25px;background-color:#0b49f5;color:#fff;border-radius:25px;font-size:15px;cursor:pointer;border:none}button[data-v-54c3eed2]:hover{background-color:#0056b3}h1[data-v-54c3eed2]{font-size:30px;margin-bottom:30px}p2[data-v-54c3eed2]{font-size:12px;color:#4a4e59}