@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.login-container{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-image:linear-gradient(to bottom,#e5d0d0,#007bff)}.logo-container{text-align:center;margin-bottom:2vw}.logo-container img{width:18vw}.login-box{width:26vw;margin:0 auto;padding:2vw;box-sizing:border-box;border-radius:1vw;box-shadow:0 0 1vw #0000001a;background-color:#fff;border:.05vw solid #ddd}.login-box .heading{text-align:center;margin-bottom:1vw;font-size:1.5vw;font-weight:700}.form-group{margin-bottom:1vw}label{display:block;margin-bottom:.5vw;font-weight:600;font-size:1vw}input[type=email],input[type=password],input[type=text]{display:block;width:100%;padding:1vw;border:none;border-radius:.5vw;box-shadow:0 0 .5vw #0000001a;box-sizing:border-box;font-size:1vw;font-family:Montserrat;border:.05vw solid #888888}.btn-primary{display:block;width:100%;padding:1vw;border:none;border-radius:.5vw;background-color:#007bff;color:#fff;font-weight:700;cursor:pointer;font-size:1.2vw;margin-top:1.75vw}.btn-primary:hover{background-color:#0069d9}.nav-bar{width:100vw;display:flex;justify-content:space-between;align-items:center;height:5vw;box-shadow:0 0 .75vw #0000001a;padding:0 1vw;box-sizing:border-box;background:#ffffff;font-weight:600;font-size:1.2vw}.nav-bar .panel img{width:8vw}.nav-bar .logout,.nav-bar .upload{color:#1a73e8;font-size:1.1vw;font-weight:500;cursor:pointer;padding:1vw .75vw;display:flex;align-items:center}.nav-bar .logout:hover,.nav-bar .upload:hover{background:#dddddd;border-radius:.5vw}.nav-bar .logout svg,.nav-bar .upload svg{margin-right:.3vw}.grid-container{display:flex;align-items:center;flex-wrap:wrap;width:100vw}.grid-container .box{width:20%;padding:1vw;box-sizing:border-box;position:relative;cursor:pointer}.grid-container .box .thumb-container{position:relative}.grid-container .box .thumb-container img{width:100%;height:10vw;min-height:10vw;min-width:100%;object-fit:contain;object-position:top;border-radius:.5vw;background:#dddddd;display:block}.grid-container .box .file-progress{position:absolute;color:#fff;font-size:3vw;text-shadow:0 .3vw .3vw rgba(0,0,0,.5);top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.5);border-radius:.5vw}.camera-container{position:relative;width:100vw}.camera-container video{width:100vw;height:56.25vw}.camera-container .capture-button,.camera-container .switch-button{background:none;border:none;position:absolute;cursor:pointer}.camera-container .capture-button{bottom:5%;left:50%;transform:translate(-50%)}.camera-container .capture-button svg{font-size:5vw;color:#fff}.camera-container .switch-button{bottom:4%;right:2vw}.camera-container .switch-button svg{font-size:5vw;color:#000}.camera-container .camera-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.9);color:#fff;font-size:1.5vw;font-weight:500;display:flex;justify-content:center;align-items:center}.download-container{margin-top:1vw;text-align:center}.download-container button{font-size:1vw}.del-container{position:absolute;top:.5vw;right:.5vw;background:#f00;display:flex;justify-content:center;align-items:center;width:1.5vw;height:1.5vw;border-radius:.25vw;cursor:pointer}.del-container svg{font-size:1vw;color:#fff}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.delete-modal-content{width:28vw;height:15vw;max-width:90%;border-radius:.4vw;box-shadow:0 0 1vw #0000001a;background-color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;padding:.4vw;flex-direction:column}.modal-content{width:55vw;height:38vw;max-width:90%;border-radius:.4vw;box-shadow:0 0 1vw #0000001a;background-color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;padding:.4vw;flex-direction:column}.dialog-modal-content{width:25vw;height:14vw;max-width:90%;border-radius:.4vw;box-shadow:0 0 1vw #0000001a;background-color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;padding:.4vw;flex-direction:column}.modal-image{max-width:100%;max-height:100%}.close-icon{position:absolute;top:-1.4vw;right:-1.4vw;font-size:3vw;color:red;cursor:pointer}.modal-header{padding:1vw;display:flex;justify-content:space-between;align-items:center;border-bottom:.1vw solid #ccc}.modal-header h2{margin:0;font-size:1.5vw;font-weight:500}.close-btn{background:none;border:none;font-size:2vw;cursor:pointer;color:#ccc;position:absolute;top:.1vw;right:.5vw}.modal-body{padding:1vw;font-size:1vw;text-align:center}.modal-footer{display:flex;justify-content:flex-end;align-items:center;padding:1vw;border-top:.1vw solid #ccc}.btn{padding:.6vw 1vw;margin-left:1vw;border:none;border-radius:.3vw;font-size:1vw;cursor:pointer;font-family:Montserrat}.confirm-btn{background-color:#28a745;color:#fff}.cancel-btn{background-color:#dc3545;color:#fff}.no-data{text-align:center;margin-top:14vw;font-size:2vw}.carousel-container{position:relative;max-width:75vw;height:calc(((75vw) / 9) * 16);background-color:#000;margin:auto;display:flex;align-items:center}.carousel-image-container img{width:100%;display:block}.carousel-controls{display:flex;justify-content:space-between;position:absolute;width:124%;top:50%;transform:translateY(-50%);left:-9vw}.carousel-controls button{background:#007bff;border:none;font-size:4vw;color:#fff;width:7vw;height:7vw;display:flex;align-items:center;justify-content:center;border-radius:1.5vw}.carousel-controls button:disabled{background:#007bff80}.download-btn-container{text-align:center}.download-btn-container button{padding:2vw 4vw;border:none;border-radius:1.5vw;background-color:#007bff;color:#fff;font-weight:700;cursor:pointer;font-size:4vw;margin-top:3vw}.folder{width:100vw;height:auto;margin-top:1vh;display:flex;flex-wrap:wrap}.folderIcon{width:12.5%;height:auto;cursor:pointer;align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:2vh}.folderIcon>img{width:5vw}.folderIcon>p{font-size:1vw;font-weight:600;margin-top:0vh}@media (orientation: portrait){.form-group{margin-bottom:5vw}.login-container{display:block;padding-top:20vw}.logo-container img{width:40vw}.login-box{width:80vw;padding:6vw;border-radius:2vw;box-shadow:0 0 2vw #0000001a;border:.1vw solid #ddd}.login-box .heading{margin-bottom:4vw;font-size:4.5vw;font-weight:700}label{margin-bottom:1vw;font-size:3vw}input[type=email],input[type=password],input[type=text]{padding:2vw;border-radius:1.5vw;font-size:3vw}.btn-primary{padding:3vw;border-radius:1.5vw;font-size:3.2vw;margin-top:3.75vw}.logo-container{margin-bottom:5vw}.nav-bar{height:13vw}.nav-bar .panel img{width:22vw}.nav-bar .upload,.nav-bar .logout{font-size:4vw}.grid-container{margin-top:2vw}.grid-container .box{width:50%;cursor:pointer;padding:1vw}.grid-container .box .thumb-container img{height:26vw;min-height:26vw;border-radius:1.5vw}.del-container{top:1vw;right:1vw;width:3.5vw;height:3.5vw;border-radius:.75vw}.del-container svg{font-size:2.5vw}.modal-content{width:65vw;padding:2vw}.modal-header h2{font-size:4vw}.modal-body{font-size:3vw}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:flex-start;align-items:center;z-index:1000}.modal-content{width:88vw;height:55vw;max-width:90%;border-radius:1vw;box-shadow:0 0 1vw #0000001a;background-color:#fff;display:flex;align-items:center;justify-content:center}.modal-image{max-width:100%;max-height:100%}.close-icon{position:absolute;top:-2.4vw;font-weight:600;right:-2.4vw;font-size:5vw;color:red;cursor:pointer}.close-btn{font-size:4vw;top:-1vw;right:.5vw}.btn{padding:1.6vw 2vw;margin-left:1vw;border-radius:1vw;font-size:3vw}.camera-container{text-align:center;margin-top:10vw}.camera-container video{width:70vw;height:calc((70vw / 9) * 16);background-color:#000;margin:auto}.camera-container .capture-button{bottom:2%}.camera-container .capture-button svg{font-size:18vw;color:red}.camera-container .switch-button svg{font-size:10vw}.image-preview{width:100vw;height:100vh!important}.camera-container .camera-overlay{font-size:5.5vw}.no-data{margin-top:14vw;font-size:4vw}.download-container button{font-size:2.5vw}}.file-uploader-container{width:100%;margin:0 auto;min-height:100vh;background-color:#f5f7fa}.days-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px}.day-card{background-color:#fff;border-radius:10px;padding:20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.day-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.day-card.active{border:2px solid #007bff}.folder-icon{width:40px;height:40px}.day-info{flex:1}.day-info h3{margin:0;color:#333;font-size:18px}.day-info p{margin:5px 0 0;color:#666;font-size:14px}.upload-icon{font-size:24px;color:#007bff}body{margin:0;display:flex;font-family:Montserrat,Arial,Helvetica,sans-serif}