*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:#fafafa;min-height:97vh;display:flex;justify-content:center;align-items:flex-start;padding:0}.dashboard-container{width:100%;max-width:480px;background:white;min-height:97vh;position:relative;padding-bottom:0}.header{padding:0 5px 5px;text-align:center;background:white;position:relative;box-shadow:0 6px 7px rgba(0,0,0,.08);margin-bottom:20px}.logo{width:130px;height:100px;margin:0 auto}.logo img{width:100%}.page-title{padding:20px 20px 5px;font-size:24px;font-weight:700;background:linear-gradient(135deg,#f44,#E30613);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.info-card_1{margin:5px;background:linear-gradient(135deg,#ff6b6b 0,#f44 100%);border-radius:0;padding:15px;position:relative;overflow:hidden}.info-card_1::before{content:'';position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:rgba(255,255,255,.1);border-radius:50%}.customer-header{text-align:center;margin-bottom:8px;position:relative;z-index:1;border-bottom:1px solid #fff;padding-bottom:8px;display:flex;flex-direction:row;align-items:center}#driver_details{display:flex;flex-direction:column}.customer-avatar{width:60px;height:60px;background:rgba(255,255,255,.25);border:1px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.15)}.customer-avatar svg{width:36px;height:36px;stroke:white;fill:none;stroke-width:2}.customer-avatar img{width:100%;height:100%;border-radius:50%}.customer-details{padding-left:20px}.customer-name,.customer-id{font-size:15px;font-weight:400;color:white;margin-bottom:0}.customer-name span,.customer-id span{font-weight:600}.driver_name_1{font-size:16px;font-weight:600;color:white;margin-bottom:0;text-transform:uppercase}.vehicle_location{display:flex;flex-direction:column;justify-content:space-between}.vehicle_number_1{font-size:13px;color:rgba(255,255,255,.9);font-weight:400;display:flex;align-items:center;gap:8px}.vehicle_number_1 svg{width:16px;height:16px;stroke:white;fill:none;stroke-width:2}.info-details{position:relative;z-index:1}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.info-row:last-child{margin-bottom:0}.info-label{font-size:13px;color:rgba(255,255,255,.9);font-weight:400;display:flex;align-items:center;gap:8px}.info-label svg{width:16px;height:16px;stroke:white;fill:none;stroke-width:2}.info-value{font-size:15px;font-weight:600;color:white}.date-input.flatpickr-input{background:transparent;border:unset;color:#fff;border-radius:5px;padding:3px 6px;box-shadow:0 0 4px #fff}.date-picker-wrapper{position:relative;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.date-picker-wrapper .info-value{cursor:pointer;padding-right:0}.date-picker-wrapper svg{width:16px;height:16px;stroke:white;fill:none;stroke-width:2}.date-picker-input{position:absolute;top:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.update-button{width:100%;background:white;color:#f44;border:0;padding:12px 16px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;margin-top:14px;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease;font-family:Poppins,sans-serif}.update-button:hover{background:rgba(255,255,255,.95);box-shadow:0 6px 16px rgba(0,0,0,.2);transform:translateY(-1px)}.update-button:active{transform:translateY(0) scale(0.98)}.date-input.form-control.input{background:none;border:1px solid #fff;line-height:25px;border-radius:5px;padding-left:10px;color:#fff;position:relative}.date-input.form-control.input::after{content:"";position:absolute}.date-input.form-control.input.active{outline:0 solid white}.section-title{padding:25px 20px 10px;font-size:18px;font-weight:700;color:#333;display:flex;align-items:center;gap:8px}.section-title::before{content:'';width:4px;height:20px;background:linear-gradient(135deg,#f44,#E30613);border-radius:4px}.features-grid_1{padding:10px 20px;padding-bottom:70px;padding-top:35px}.feature-box_1{background:white;border-radius:0;padding:7px 20px 7px 20px;border-bottom:1px solid #ccc;display:flex;flex-direction:row;align-items:center;text-align:center;position:relative;overflow:hidden;transition:all .3s ease}.feature-box_1:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(255,68,68,.15)}.feature-box_1::before{content:'';position:absolute}.feature-icon_1{width:45px;height:45px;background:linear-gradient(135deg,#ff6b6b,#f44);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:0;box-shadow:0 4px 12px rgba(255,68,68,.3);position:relative}.feature-icon_1::before{position:absolute;content:"";border:1px solid #9f9f9f38;width:51px;height:51px;border-radius:50%;left:-4px;top:-4px}.feature-icon_1 img{width:auto;height:40px}.feature-icon_1 svg{width:28px;height:28px;stroke:white;fill:none;stroke-width:2.5}.feature-content_1{flex:1}.feature-value_1{font-size:22px;font-weight:600;color:#000;background-clip:text;line-height:1.2;margin-bottom:6px}.feature-label_1{font-size:12px;color:#888;font-weight:500;line-height:1.3}.highlight-box_1{background:linear-gradient(135deg,rgba(255,68,68,.1),rgba(227,6,19,.05));border:unset}.highlight-box_1::before{background:linear-gradient(90deg,#f44,#E30613);height:5px}.info-card{margin:20px;background:#ffe3e3;border-radius:16px;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.05)}.info-left .greeting{font-size:13px;color:#666;font-weight:400;margin-bottom:4px}.info-left .vehicle-number{font-size:18px;font-weight:700;color:#333}.info-right{text-align:right}.info-right .day{font-size:13px;color:#666;font-weight:400;margin-bottom:4px}.info-right .date{font-size:18px;font-weight:700;color:#333}.features-grid{padding:10px 20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.feature-box{background:white;border-radius:12px;padding:18px;box-shadow:0 2px 10px rgba(0,0,0,.08);display:flex;align-items:flex-start;gap:12px}.feature-icon{width:44px;height:44px;background:#f44;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon img{width:auto;height:45px}.feature-content{flex:1}.feature-value{font-size:22px;font-weight:700;color:#f44;line-height:1.2;margin-bottom:4px}.feature-label{font-size:12px;color:#888;font-weight:400;line-height:1.3}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:white;box-shadow:0 -2px 10px rgba(0,0,0,.1);display:flex;justify-content:space-around;align-items:center;padding:12px 20px;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .3s ease;flex:1;text-decoration:none}.nav-icon{width:35px;height:35px;stroke:#888;fill:none;stroke-width:1;transition:all .3s ease}.nav-item.active .nav-icon{stroke:#f44;fill:#f44}.nav-text{font-size:11px;color:#888;font-weight:500;transition:all .3s ease;text-decoration:none!important;display:none}.nav-item.active .nav-text{color:#f44}.nav-item a{display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center}.form-grid{padding-top:0}.form-grid.customer-transaction-update{padding-top:10px}.form-grid.customer-transaction-update .form-box{padding-top:10px}.form-box{background:white;border-radius:16px;padding:5px 20px 5px 20px;display:flex;flex-direction:row;position:relative;overflow:hidden;transition:all .3s ease;align-items:center}.form-box:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,68,68,.15)}.form-icon{width:50px;height:50px;background:linear-gradient(135deg,#ff6b6b,#f44);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:12px;box-shadow:0 4px 12px rgba(255,68,68,.3)}.form-icon img{width:auto;height:42px}.form-icon svg{width:24px;height:24px;stroke:white;fill:none;stroke-width:2.5}.form-label{font-size:12px;color:#888;font-weight:500;line-height:1.3;margin-bottom:0;width:50%}.form-input{width:50%;padding:3px 10px;border:1px solid #e0e0e0;border-radius:0;font-size:16px;font-weight:600;text-align:center;font-family:Poppins,sans-serif;color:#000;transition:all .3s ease;outline:0}.form-input:focus{border-color:#000;background:white}.form-grid .form-input::placeholder{color:#ccc}.form-box.tot-box{display:flex;flex-direction:column;padding-bottom:20px;padding-top:20px}#total_cylinder_amount{line-height:18px;font-size:13px;font-weight:500;margin:0;padding-top:10px}#grand_total{line-height:18px;font-size:13px;font-weight:500;margin:0;border-top:1px solid #e0e0e0;margin-top:5px;padding-top:5px;color:red}.form-input[type=number]::-webkit-inner-spin-button,.form-input[type=number]::-webkit-outer-spin-button{opacity:1;height:30px}.highlight-box{background:linear-gradient(135deg,rgba(255,68,68,.1),rgba(227,6,19,.05));border:2px solid rgba(255,68,68,.3)}.highlight-box::before{background:linear-gradient(90deg,#f44,#E30613);height:5px}.update-button-container{padding:0 20px 20px 20px;position:sticky;bottom:40px;z-index:50}.update-button_1{background:#f44;color:white;border:0;padding:6px 50px;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;cursor:pointer;width:auto;margin:auto;margin-top:20px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:3px}.update-button_1:hover{box-shadow:0 8px 28px rgba(255,68,68,.5);transform:translateY(-2px)}.update-button_1:active{transform:translateY(0) scale(0.98)}.update-button_1 svg{width:17px;height:17px;position:relative;top:4px;left:-4px}@media (max-width:480px){.dashboard-container{max-width:100%}.bottom-nav{max-width:100%}}.header{padding:10px 5px 0 5px;text-align:center;background:white;position:relative}.logo{width:110px;height:auto;margin:0 auto}.logo img{width:100%}.info-card{margin:20px;background:#ffe3e3;border-radius:16px;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.05)}.info-left .greeting{font-size:13px;color:#666;font-weight:400;margin-bottom:4px}.info-left .vehicle-number{font-size:18px;font-weight:700;color:#333}.info-right{text-align:right}.info-right .day{font-size:13px;color:#666;font-weight:400;margin-bottom:4px}.info-right .date{font-size:18px;font-weight:700;color:#333}.features-grid{padding:10px 20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.feature-box{background:white;border-radius:12px;padding:18px;box-shadow:0 2px 10px rgba(0,0,0,.08);display:flex;align-items:flex-start;gap:12px}.feature-icon{width:44px;height:44px;background:#f44;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon img{width:auto;height:45px}.feature-content{flex:1}.feature-value{font-size:22px;font-weight:700;color:#f44;line-height:1.2;margin-bottom:4px}.feature-label{font-size:12px;color:#888;font-weight:400;line-height:1.3}.login-container{width:90%;margin:auto;max-width:480px;max-height:100vh;margin-top:140px}.logo-container{text-align:center;margin-bottom:60px}.logo-container img{max-width:220px;height:auto}.login-container .form-group input{width:calc(100% - 30px);padding-left:30px}.login-container .form-group input:-internal-autofill-selected{}.login-container .form-group{position:relative}.login-container .form-group svg{width:20px;height:20px;stroke:#f44;fill:none;stroke-width:2;position:absolute;top:11px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group:first-child{margin-bottom:15px;position:relative}.form-group label{font-size:14px;font-weight:500;color:#333}.form-group input{width:100%;padding:14px 16px;font-size:15px;font-family:Poppins,sans-serif;border:0 solid #e0e0e0;border-bottom:1px solid #e0e0e0;border-radius:0;background-color:#fff;transition:all .3s ease}.form-group input:focus{outline:0;border-color:#E30613;box-shadow:0 4px 12px rgba(227,6,19,.1)}.form-group input::placeholder{color:#999999}.login-button{width:auto;padding:8px 37px;font-size:15px;font-weight:500;font-family:Poppins,sans-serif;color:#fff;background-color:#E30613;border:0;border-radius:0;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(227,6,19,.2);display:block;margin:auto;margin-top:35px}.login-button:hover{background-color:#c7050f;box-shadow:0 6px 16px rgba(227,6,19,.3);transform:translateY(-1px)}.login-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(227,6,19,.2)}.login-button svg{width:18px;height:18px;stroke:white;fill:none;stroke-width:2;position:relative;top:4px;left:-5px}.text-danger{color:red;font-size:13px;font-weight:400;text-align:left;line-height:16px;display:block}.error{color:red;font-size:13px;font-weight:400;text-align:left;line-height:16px}@media (max-width:480px){.logo-container img{max-width:180px}.form-group input{padding:12px 14px;font-size:14px}}.profile-section{padding:0 20px}.profile-avatar{text-align:center;margin-bottom:30px;position:relative}.avatar-circle{width:80px;height:80px;background:linear-gradient(135deg,#ff6b6b,#f44);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;box-shadow:0 4px 15px rgba(255,68,68,.3);position:relative}.avatar-circle svg,.avatar-circle img{width:100%;height:100%;stroke:white;fill:none;stroke-width:1;border-radius:50%;padding:3px}#avatarInput{position:absolute;font-size:0;width:28px;height:28px;bottom:-5px;right:-4px;background:#f44;border-radius:50px}#avatarInput::before{content:"+";position:absolute;width:28px;height:28px;background:#f44;font-size:22px;line-height:28px;text-align:center;color:#fff;z-index:999}.profile-upload-btn{position:absolute;bottom:-2px;right:-2px;width:28px;height:28px;background:white;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:all .3s ease;z-index:9999}.profile-upload-btn:hover{background:#f44;transform:scale(1.1)}.profile-upload-btn svg{width:16px;height:16px;stroke:#f44;fill:none;stroke-width:2.5;transition:all .3s ease}.profile-upload-btn:hover svg{stroke:white}.upload-box{display:inline-block}.upload-box input[type=file]{display:none}.plus-icon{width:44px;height:44px;border:1px dashed #999;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:300;color:#555;cursor:pointer;user-select:none}.plus-icon:hover{border-color:#000;color:#000}.profile-name{font-size:24px;font-weight:700;color:#333}.profile-card{background:white;border-radius:12px;padding:10px 20px;margin-bottom:15px;box-shadow:0 2px 10px rgba(0,0,0,.08)}.profile-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e0e0e0}.profile-item:last-child{border-bottom:none}.profile-item-left{flex:1}.profile-label{font-size:12px;color:#888;font-weight:500;margin-bottom:4px}.profile-value{font-size:15px;font-weight:400;color:#333}.edit-btn{background:none;border:0;cursor:pointer;padding:8px;color:#f44;transition:all .3s ease}.edit-btn:hover{transform:scale(1.1)}.edit-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}.logout-btn{width:auto;padding:8px 37px;font-size:15px;font-weight:500;font-family:Poppins,sans-serif;color:#fff;background-color:#E30613;border:0;border-radius:0;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(227,6,19,.2);display:block;margin:auto;margin-top:35px}.logout-btn:hover{background:#c00}.logout-btn svg{width:18px;height:18px;stroke:white;fill:none;stroke-width:2;position:relative;top:4px;left:-5px}.edit-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;border-radius:0;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:2000;max-width:340px;width:calc(100% - 75px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.edit-modal.active{opacity:1;visibility:visible}.edit-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:1999}.edit-overlay.active{opacity:1;visibility:visible}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:14px;font-weight:600;color:#333}.close-btn{background:none;border:0;cursor:pointer;padding:4px;color:#888;transition:color .3s ease}.close-btn:hover{color:#f44}.close-btn svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2}.input-group{margin-bottom:16px}.input-label{font-size:13px;color:#666;font-weight:500;margin-bottom:8px;display:block}.input-field{width:calc(100% - 30px);padding:12px;border:0 solid;border-bottom:1px solid #e0e0e0;border-radius:0;font-family:Poppins,sans-serif;font-size:14px;color:#333;transition:border-color .3s ease}.input-field:focus{outline:0;border-color:#f44}.modal-actions{display:flex;gap:12px;margin-top:24px}.btn{flex:1;padding:12px;border:0;border-radius:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#f5f5f5;color:#666;width:auto;padding:8px 37px;font-size:15px;font-weight:500;font-family:Poppins,sans-serif;border:0;border-radius:0;cursor:pointer;transition:all .3s ease;display:block;margin:auto;margin-top:35px}.btn-cancel:hover{background:#e0e0e0}.btn-save{background:#f44;color:white;width:auto;padding:8px 37px;font-size:15px;font-weight:500;font-family:Poppins,sans-serif;color:#fff;background-color:#E30613;border:0;border-radius:0;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(227,6,19,.2);display:block;margin:auto;margin-top:35px}.btn-save:hover{background:#c00}.search-section{margin:20px;background:white;border-radius:20px;padding:30px 25px;box-shadow:0 8px 24px rgba(255,68,68,.15)}.search-title{font-size:18px;font-weight:700;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:8px}.search-title::before{content:'';width:4px;height:20px;background:linear-gradient(135deg,#f44,#E30613);border-radius:4px}.search-modal{display:none;position:fixed;top:0;left:0;right:0;height:100%;background:rgba(0,0,0,.6);z-index:1000;backdrop-filter:blur(5px);animation:fadeIn .3s ease}.search-modal.active{display:flex;align-items:center;justify-content:center;padding:20px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.search-modal-content{background:white;border-radius:0;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease}.search-modal-header{padding:25px;border-bottom:2px solid rgba(255,68,68,.1);display:flex;justify-content:space-between;align-items:center}.search-modal-title{font-size:18px;font-weight:600;background:linear-gradient(135deg,#f44,#E30613);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase}.close-modal-button{width:36px;height:36px;border:0;background:rgba(255,68,68,.1);border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-modal-button:hover{background:rgba(255,68,68,.2);transform:rotate(90deg)}.close-modal-button svg{width:20px;height:20px;stroke:#f44;stroke-width:2.5}.search-modal-body{padding:25px}.search-input-wrapper{position:relative;margin-bottom:0}.search-input-wrapper svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;stroke:#f44;fill:none;stroke-width:2}.search-input{width:100%;width:calc(100% - 70px);padding:10px 16px 10px 48px;border:0 solid #e0e0e0;border-bottom:1px solid #e0e0e0;border-radius:0;font-size:14px;font-weight:400;font-family:Poppins,sans-serif;color:#333;transition:all .3s ease;outline:0}.search-input:focus{border-color:#f44;background:white}.search-input::placeholder{color:#999}.search-button{width:auto;padding:8px 37px;font-size:15px;font-weight:500;font-family:Poppins,sans-serif;color:#fff;background-color:#E30613;border:0;border-radius:0;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(227,6,19,.2);display:block;margin:auto;margin-top:35px}.search-button:hover{box-shadow:0 8px 28px rgba(255,68,68,.4);transform:translateY(-2px)}.search-button:active{transform:translateY(0) scale(0.98)}.divider{display:flex;align-items:center;text-align:center;margin:25px 0 20px}.divider::before,.divider::after{content:'';flex:1;border-bottom:1px solid rgba(0,0,0,.2)}.divider-text{padding:0 15px;font-size:13px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.scan-button{width:100%;background:white;color:#f44;border:1px solid #f44;padding:10px 24px;border-radius:0;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:10px}.scan-button svg{width:22px;height:22px;stroke:#f44;fill:none;stroke-width:2}.scan-button:hover{background:#f44;color:white;box-shadow:0 6px 20px rgba(255,68,68,.3);transform:translateY(-2px)}.scan-button:hover svg{stroke:white}.scan-button:active{transform:translateY(0) scale(0.98)}.camera-section{margin-top:20px;display:none}.camera-section.active{display:block}.camera-title{font-size:16px;font-weight:700;color:#333;margin-bottom:15px;text-align:center}.camera-container{position:relative;width:100%;aspect-ratio:4/3;background:#000;border-radius:16px;overflow:hidden;margin-bottom:15px}#camera-video{width:100%;height:100%;object-fit:cover}.camera-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:50%;border:3px solid rgba(255,68,68,.8);border-radius:12px;box-shadow:0 0 0 9999px rgba(0,0,0,.5)}.camera-overlay::before,.camera-overlay::after,.camera-overlay .corner-bl,.camera-overlay .corner-br{content:'';position:absolute;width:20px;height:20px;border:3px solid #f44}.camera-overlay::before{top:-3px;left:-3px;border-right:none;border-bottom:none}.camera-overlay::after{top:-3px;right:-3px;border-left:none;border-bottom:none}.camera-overlay .corner-bl{bottom:-3px;left:-3px;border-right:none;border-top:none}.camera-overlay .corner-br{bottom:-3px;right:-3px;border-left:none;border-top:none}.camera-text{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);color:white;font-size:13px;font-weight:600;background:rgba(0,0,0,.6);padding:8px 16px;border-radius:20px;white-space:nowrap}.close-camera-button{width:100%;background:#666;color:white;border:0;padding:12px 24px;border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif}.close-camera-button:hover{background:#555;transform:translateY(-1px)}.close-camera-button:active{transform:translateY(0) scale(0.98)}.info-text{text-align:center;color:#888;font-size:13px;margin-top:20px;line-height:15px}.info-text svg{display:inline-block;width:16px;height:16px;stroke:#f44;fill:none;stroke-width:2;vertical-align:text-bottom;margin-right:4px}.swal2-confirm.swal2-styled,.swal2-cancel.swal2-styled{border-radius:0;font-size:15px;font-weight:400}.aprroval-text{margin:20px 5px;padding:15px 20px;box-shadow:0 0 30px 5px rgb(0 0 0 / 20%);line-height:20px;background:#f5f5f5;text-align:justify;font-size:14px;font-style:italic;color:red}