@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";*{box-sizing:border-box}.login-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#92949f 0%,#2b1e37 100%);position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.2) 0%,transparent 50%);pointer-events:none}.login-card{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:24px;padding:48px;width:100%;max-width:480px;box-shadow:0 32px 64px -12px #00000040,0 0 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.2);animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:40px}.logo-section{display:flex;flex-direction:column;align-items:center;gap:16px}.logo-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#3b3c41 0%,#392f42 100%);display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:0 8px 32px -8px #6c76a366}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 32px -8px #667eea66}50%{transform:scale(1.05);box-shadow:0 12px 40px -8px #667eea99}}.logo-icon{width:36px;height:36px;color:#fff}.login-title{font-size:32px;font-weight:700;color:#1a202c;margin:0;letter-spacing:-.5px}.login-subtitle{color:#64748b;font-size:16px;margin:0;font-weight:400;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{position:relative;transition:all .3s ease}.form-group.focused{transform:translateY(-2px)}.form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;transition:color .3s ease}.label-icon{width:16px;height:16px;color:#667eea}.form-group.focused .form-label{color:#667eea}.input-wrapper{position:relative}.form-input{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:16px;font-size:16px;background:rgba(255,255,255,.8);transition:all .3s ease;outline:none;color:#1a202c}.form-input::placeholder{color:#9ca3af}.form-input:focus{border-color:#667eea;background:rgba(255,255,255,1);box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.password-wrapper{position:relative}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.password-toggle:hover{background:rgba(102,126,234,.1)}.toggle-icon{width:20px;height:20px;color:#6b7280;transition:color .2s ease}.password-toggle:hover .toggle-icon{color:#667eea}.submit-btn{width:100%;padding:18px 24px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 32px -8px #667eea4d;margin-top:8px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px -8px #667eea66}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.8}.submit-btn.loading{background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%)}.btn-icon{width:20px;height:20px}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{margin-top:32px;text-align:center}.footer-text{color:#64748b;font-size:13px;margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.footer-text:before,.footer-text:after{content:"";width:32px;height:1px;background:linear-gradient(90deg,transparent,#d1d5db,transparent)}@media (max-width: 768px){.login-container{padding:16px}.login-card{padding:32px 24px;border-radius:20px;max-width:400px}.login-title{font-size:28px}.login-subtitle{font-size:14px}.logo-circle{width:64px;height:64px}.logo-icon{width:28px;height:28px}}@media (max-width: 480px){.login-card{padding:24px 20px;margin:16px}.login-title{font-size:24px}.form-input{padding:14px 16px;font-size:16px}.submit-btn{padding:16px 20px}}@media (prefers-contrast: high){.login-card{background:white;border:2px solid #000}.form-input{border:2px solid #000}.form-input:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc4d}}@media (prefers-reduced-motion: reduce){.login-card,.form-group,.form-input,.submit-btn,.logo-circle{animation:none;transition:none}.submit-btn:hover:not(:disabled){transform:none}}.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}.citys-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px}.city-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}.city-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.city-card.active{border:2px solid #007bff}.folder-icon{width:40px;height:40px}.city-info{flex:1}.city-info h3{margin:0;color:#333;font-size:18px}.city-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}