@import"https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lexend:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";vaadin-app-layout[primary-section=drawer]::part(navbar){background-color:var(--main-bg-color)}.logo-container{display:flex;justify-content:center;align-items:center;padding:12px 24px}.logo-image{width:180px;height:48px}.logo-text{color:#4e2351;font-family:Poppins,sans-serif;margin-top:-6px;font-size:16px;font-weight:600;line-height:24px;letter-spacing:0em;text-align:right}.uploaded-image{height:auto;width:100%;max-width:512px}vaadin-side-nav{padding-left:0;width:100%;height:100%}vaadin-side-nav-item{width:100%;display:flex;flex-direction:column;color:var(--main-text-color);font-family:Lexend,sans-serif;font-size:16px;font-weight:500;line-height:20px;text-align:left}vaadin-side-nav-item::part(item){display:flex;gap:0;padding:10px;width:calc(100% - 20px);cursor:pointer;background-color:transparent}vaadin-side-nav-item[active]::part(item){color:var(--main-color-teal-green)}vaadin-side-nav-item[active]>[slot=suffix]{width:12px;height:12px;border-radius:16px;background-color:var(--main-color-teal-green)}.view-title{color:var(--main-text-color);font-family:Audiowide,sans-serif;width:fit-content;font-size:32px;font-style:normal;font-weight:500;text-transform:uppercase}.view-add-button{cursor:pointer;color:var(--main-color-blue);border-radius:53px;background:var(--main-color-teal-green)}vaadin-scroller.main-layout-scroller{border-radius:0;border-width:0;width:100%;height:100%;flex-shrink:0;background-color:var(--main-bg-color)}header.main-layout-header{width:100%;background-color:var(--main-bg-color)}.header-layout{background-color:transparent;border-bottom:0;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 24px}.main-content{display:flex;width:100%;background:var(--main-bg-color)}vaadin-tabsheet{position:fixed;height:900px}vaadin-tab{cursor:pointer;color:#726173;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal}vaadin-tab[selected]{color:#050005;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:normal}vaadin-tab:before{background-color:#050005}.assign-button{cursor:pointer;border-radius:53px;border:1px solid #4E2351;color:#4e2351;background-color:transparent}.edit-button{cursor:pointer;color:#16205d;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:normal;background-color:#f2a23a}.deactivate-button{cursor:pointer;color:#dd290b;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:normal;background-color:transparent}.activate-button{cursor:pointer;color:#0c965b;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:normal;background-color:transparent}.row-buttons{display:flex;align-items:center;gap:16px}.driver-grid{background-color:#fff;border-radius:16px;margin-top:24px;min-height:200px;margin-bottom:50px;min-width:100%;width:1500px}.driver-grid::part(cell){border:none;color:#050005;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.driver-grid::part(first-header-row-cell){border-top-left-radius:16px;border-top-right-radius:16px}.driver-grid::part(header-cell){color:#050005;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;border-bottom:1px solid #D3CFCB}.driver-grid::part(cell){display:flex;padding:16px;align-items:center;gap:8px;align-self:stretch}.driver-grid::part(first-column-cell){display:flex;width:328px;padding:16px 16px 16px 0;align-items:center;gap:8px}.driver-grid::part(last-column-cell){display:flex;padding:16px;align-items:center;gap:16px;align-self:end}.driver-grid::part(selected-row-cell){background-image:linear-gradient(#FFFFFF,#FFFFFF)}vaadin-confirm-dialog-overlay::part(overlay){width:465px}vaadin-confirm-dialog-overlay>[slot=header]{height:64px;width:313px;padding-left:50px;padding-top:24px}vaadin-confirm-dialog-overlay::part(footer){background-color:#fff}vaadin-confirm-dialog-overlay::part(header){padding-left:20px;flex:1 0 0;color:#4e2351;text-align:center;font-family:Poppins,sans-serif;font-size:24px;font-style:normal;font-weight:600;line-height:32px}vaadin-confirm-dialog-overlay[class=deactivate-confirm-dialog]>[slot=confirm-button]{cursor:pointer;width:205px;height:40px;display:flex;padding:8px 16px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;align-self:stretch;border-radius:53px;background:#DD290B;color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:16px}vaadin-confirm-dialog-overlay[class=activate-confirm-dialog]>[slot=confirm-button]{cursor:pointer;width:205px;height:40px;display:flex;padding:8px 16px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;align-self:stretch;border-radius:53px;background:#13BA72;color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:16px}vaadin-confirm-dialog-overlay>[slot=cancel-button]{cursor:pointer;width:205px;height:40px;display:flex;padding:12px 16px;justify-content:center;align-items:center;gap:4px;flex:1 0 0;border-radius:53px;border:1px solid #050005;background:#FFF;color:#050005;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:16px}.vehicle-items-separate-dot{padding-left:4px;padding-right:4px;margin-bottom:3px}.assign-vehicle-dialog::part(header){justify-content:center}.assign-vehicle-dialog::part(content){padding-bottom:0}.assign-vehicle-dialog::part(footer){background-color:#fff}.vehicle-assign-cancel-button{cursor:pointer;width:205px;display:flex;padding:12px 16px;margin-bottom:24px;justify-content:center;align-items:center;gap:4px;flex:1 0 0;border-radius:53px;border:1px solid #050005;background:#FFF;color:#050005;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:16px}.vehicle-assign-assign-button{cursor:pointer;width:205px;display:flex;padding:8px 16px;margin-bottom:24px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;align-self:stretch;border-radius:53px;background:#4E2351;color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:16px}.vehicle-select::part(label){color:#050005;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.vehicle-select::part(input-field){display:flex;padding:16px 8px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px;border:2px solid rgba(78,35,81,.2);background:#FCFBFA;width:400px;height:52px}.title-assignment-dialog,.driver-name-assignment-dialog{color:#050005;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:normal;padding-top:3px}.driver-image-assignment-dialog{width:36px;height:36px;border-radius:50%;margin-left:6px;margin-right:6px}.online-driver-image-in-grid{width:36px;height:36px;flex-shrink:0;border-radius:36px;border:2px solid #41C68E}.offline-driver-image-in-grid{width:36px;height:36px;flex-shrink:0;border-radius:36px;border:2px solid #E3523B}.booked-driver-image-in-grid{width:36px;height:36px;flex-shrink:0;border-radius:36px;border:2px solid #7599EF}.driver-name-in-grid{padding-top:8px;padding-left:8px}.editable-layout{width:100%;display:flex;margin:24px;padding:24px;flex-direction:column;align-items:flex-start;gap:24px;border-radius:16px;background:var(--main-bg-color)}.image{width:370px;height:163px;object-fit:contain}.image-title{color:var(--main-text-color);font-family:Lexend,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.full-name-driver::part(input-field),.phone-number-driver::part(input-field){display:flex;padding:16px 8px;align-items:center;gap:8px;align-self:stretch;border-radius:8px;border:2px solid rgba(78,35,81,.2);background:#FCFBFA;width:420px;height:52px;color:#4e2351;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.text-field{width:100%}.text-field>label,.text-area-field>label{color:var(--main-text-color);font-family:Lexend,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.text-field::part(input-field){display:flex;width:100%;max-width:320px;height:52px;padding:16px 8px;align-items:center;gap:8px;border-radius:8px;background:var(--element-main-bg-color);border:1px solid var(--element-main-border-color);color:var(--side-text-color)}.text-area-field::part(input-field){display:flex;width:1000px;height:180px;padding:16px 8px;align-items:center;gap:8px;border-radius:8px;background:var(--element-main-bg-color);border:1px solid var(--element-main-border-color);color:var(--side-text-color)}.text-field>input:placeholder-shown,.text-area-field>input:placeholder-shown{color:var(--main-text-color)}.phone-number-driver::part(error-message){width:900px}.select::part(input-field){display:flex;padding:16px 8px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px;border:2px solid rgba(78,35,81,.2);background:var(--element-main-bg-color);color:var(--side-text-color);width:420px;height:52px}vaadin-select-item{display:flex;justify-content:space-between;align-items:center;align-self:stretch;background:var(--element-main-bg-color)!important;color:var(--side-text-color)!important;font-family:Lexend,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:20px}vaadin-select-item::part(checkmark):before{color:var(--side-text-color)}vaadin-select>label{font-family:Lexend,sans-serif;font-size:16px;color:var(--main-text-color)}vaadin-select-item[selected]{color:var(--side-text-color)}vaadin-select-value-button>vaadin-select-item::part(content){color:var(--side-text-color)!important}.choose-driver-avatar-button{cursor:pointer;display:flex;width:205px;padding:12px 16px;justify-content:center;align-items:center;gap:4px;border-radius:53px;border:1px solid #050005;background:#FFF;color:#050005;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:16px}.add-post-content-button{cursor:pointer;display:flex;width:250px;padding:12px 16px;justify-content:center;align-items:center;gap:4px;border-radius:53px;border:1px solid #050005;background:#F2A23A;color:#0e1759}.delete-uploaded-image-button{cursor:pointer;display:flex;width:205px;padding:12px 16px;justify-content:center;align-items:center;gap:4px;flex:1 0 0;border-radius:53px;border:1px solid #FFF;background:#DD290B;color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:16px}.cancel-button{cursor:pointer;display:flex;width:194px;padding:12px 16px;justify-content:center;align-items:center;gap:4px;border-radius:53px;border:1px solid #050005;background:#F2A23A;color:#0e1759}.required-image-notification{color:#fff}vaadin-upload{width:420px;justify-content:center}.upload-icon{position:absolute;left:180px}.upload-layout{height:150px;align-items:center;justify-content:center;margin-top:48px;gap:8px}.upload-main-text{margin-top:40px;margin-bottom:0;color:var(--main-text-color);font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:20px;text-align:center}.upload-additional-info{color:var(--main-text-color);font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:20px}.grid-vehicle-image{width:120px;height:56px;object-fit:contain}.vehicle-image{width:370px;height:163px;object-fit:contain}.delete-dialog::part(overlay){background-color:var(--main-bg-color)}.delete-dialog .confirm-button{background-color:var(--main-color-teal-green);color:var(--main-text-color);border:none;box-shadow:0 2px 4px #0000001a;cursor:pointer}.delete-dialog .cancel-button{background-color:var(--element-main-bg-color);color:var(--side-text-color);border:1px solid var(--element-main-border-color);cursor:pointer}.confirmation-text{color:var(--main-text-color);font-family:Lexend,sans-serif;font-size:16px}.main-page-container{display:flex;width:1530px;padding:24px 24px 8px;margin:34px 10px 0 48px;flex-direction:column;align-items:flex-start;gap:16px;border-radius:16px;background:#FFF}.action-buttons-container{width:95%}.date-picker>[slot=prefix]{padding-left:3px}.date-picker,.date-picker:hover,.date-picker[focused]{padding:0;border-radius:6px;border:1px solid #1A44A6;background:#F4F4FC;height:37px;width:128px}.date-picker::part(input-field){cursor:pointer;padding:0;width:128px;color:#1a44a6;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:14px}.previous-day-button,.next-day-button,.previous-day-button:hover,.next-day-button:hover,.previous-day-button:hover:before,.next-day-button:hover:before{cursor:pointer;background-color:#fff;padding-bottom:1px;padding-left:0;padding-right:0}.download-excel-button{cursor:pointer;margin-left:auto;margin-right:-40px;display:flex;height:40px;padding:8px 16px;justify-content:center;align-items:center;gap:8px;border-radius:53px;background:#4E2351;color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:16px}.appointment-grid{background-color:#fff;border-color:#fff;min-height:300px}.appointment-grid::part(header-cell){color:#050005;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.appointment-grid::part(body-cell){color:#050005;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.waiting-for-driver-status{display:flex;justify-content:center;padding:0 8px;align-items:center;gap:8px;width:70px;border-radius:40px;background:#000000;color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.new-status{display:flex;justify-content:center;padding:0 8px;align-items:center;gap:8px;width:70px;border-radius:40px;background:#4E2351;color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.upcoming-status{display:flex;justify-content:center;padding:0 8px;align-items:center;gap:8px;width:70px;border-radius:40px;background:#7599EF;color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.in-progress-status{display:flex;justify-content:center;padding:0 8px;align-items:center;gap:8px;width:70px;border-radius:40px;background:#E08D2B;color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.completed-status{display:flex;justify-content:center;padding:0 8px;align-items:center;gap:8px;width:70px;border-radius:40px;background:#41A983;color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.cancelled-status{display:flex;justify-content:center;padding:0 8px;align-items:center;gap:8px;width:70px;border-radius:40px;background:#DD290B;color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.calendar-dialog{bottom:15%!important;right:42%!important}.calendar-header-container{padding-left:45px}.calendar-year-select,.calendar-month-select{width:85px}vaadin-select-value-button>vaadin-select-item::part(content){color:#191819;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:24px;justify-content:center}vaadin-select-item{color:#191819;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:24px;justify-content:center}.calendar-day-label{display:flex;padding:8px;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;border-radius:40px;width:24px;color:#19181a;text-align:center;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:600;line-height:24px}.current-month-day-button{width:45px;height:45px;--lumo-button-size: 24px;border:none;text-decoration:none;display:inline-block;cursor:pointer;background-color:#fff;padding:8px;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;border-radius:50%;color:#19181a;text-align:center;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400;line-height:24px}.current-month-day-button-selected{width:45px;height:45px;--lumo-button-size: 24px;border:none;text-decoration:none;display:inline-block;cursor:pointer;background:#8C4A94;padding:8px;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;border-radius:50%;color:#fff;text-align:center;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400;line-height:24px}.current-month-day-button:hover{background:#FDF4FE}.other-month-day-button{width:45px;height:45px;--lumo-button-size: 24px;background-color:#fff;display:flex;padding:8px;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;border-radius:40px;opacity:.4;color:#19181a;text-align:center;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400;line-height:24px}.calendar-close-button{cursor:pointer;width:136px;display:flex;padding:12px 16px;justify-content:center;align-items:center;gap:4px;flex:1 0 0;border-radius:53px;border:1px solid #050005;background:#FFF;color:#050005;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:16px}.calendar-set-date-button{cursor:pointer;width:136px;display:flex;padding:8px 16px;margin-left:45px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;border-radius:53px;background:#4E2351;color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:16px}:host([readonly]):after{background-color:#13ba72;opacity:1;border:solid}.login-view{background:var(--main-bg-color)}.login-header{color:var(--main-text-color);text-align:center;position:fixed;top:20px;left:0;z-index:999;width:100%;font-family:Audiowide,sans-serif;font-size:30px;font-style:normal;text-transform:uppercase;font-weight:600;line-height:32px}.login-form{vaadin-login-form-wrapper {form {display: flex; flex-direction: column; align-items: center;}}}vaadin-login-form-wrapper::part(form){background-color:var(--main-bg-color);width:100%;padding:0}vaadin-login-form-wrapper::part(form-title){color:var(--main-text-color);font-family:Lexend,sans-serif;font-size:32px;font-style:normal;font-weight:600;line-height:36px;text-align:center;padding-bottom:46px}vaadin-login-form-wrapper vaadin-text-field>label,vaadin-login-form-wrapper vaadin-password-field>label{color:var(--main-text-color);font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:24px}vaadin-login-form-wrapper vaadin-text-field::part(input-field),vaadin-login-form-wrapper vaadin-password-field::part(input-field){display:flex;width:320px;height:52px;padding:16px 8px;align-items:center;gap:8px;border-radius:8px;background:var(--element-main-bg-color);box-shadow:0 0 0 2px #ffffff1f;border:1px solid var(--element-main-border-color);color:var(--main-text-color)}vaadin-login-form vaadin-button[theme~=submit]{display:flex;width:320px;height:44px;padding:12px 8px;justify-content:center;align-items:center;gap:8px;border-radius:32px;background:var(--main-color-teal-green);color:var(--main-text-color);text-align:right;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:20px}.map-page-container{background-color:#fcf7fe;height:100%}.side-menu-container{width:450px;height:100vh;background-color:#fcf7fe;border-left:solid #D3CFCB;border-right:solid #D3CFCB}.side-menu-title{color:#4e2351;font-size:32px;font-style:normal;font-family:Poppins,sans-serif;font-weight:600;line-height:40px;width:100%;height:auto}.driver-list-container{margin-top:8px;margin-bottom:8px}.first-card-container{margin-top:4px;margin-bottom:4px;padding-bottom:8px}.card-container{margin-top:4px;margin-bottom:4px;padding-top:8px;padding-bottom:8px;border-top:2px solid #D3CFCB}.horizontal-layout-with-toggle-button-and-car-name-and-status{height:32px}.toggle-button,.toggle-button:hover,.toggle-button:hover:before{width:48px;height:48px;flex-shrink:0;background-color:#fcf7fe;z-index:0}.car-name{color:#050005;font-family:Poppins,sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:32px;padding-left:8px;padding-top:3px}.online-status-badge{width:49px;height:25px;display:grid;margin-left:8px;margin-top:6px;padding:0 8px;align-items:center;text-align:center;gap:8px;border-radius:40px;background:#41C68E;color:#fef8ff;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:600;line-height:20px}.offline-status-badge{width:49px;height:25px;display:grid;margin-left:8px;margin-top:6px;padding:0 8px;align-items:center;text-align:center;gap:8px;border-radius:40px;background:#E3523B;color:#fef8ff;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:600;line-height:20px}.in-progress-status-badge{width:56px;height:25px;display:grid;margin-left:8px;margin-top:6px;padding:0 8px;align-items:center;text-align:center;gap:8px;border-radius:40px;background:#7599EF;color:#fef8ff;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:600;line-height:20px}.car-icon{z-index:1}.info-layout{padding-left:8px;padding-top:18px}.info-text{color:#59534d;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.car-info-image{z-index:0;padding-left:24px;width:160px;height:72px}.driver-info-image{z-index:1;width:64px;height:64px;margin-left:-50px;top:4px;border-radius:64px;border:2px solid #FFF}.controls-title{color:#4e2351;font-family:Poppins,sans-serif;font-size:28px;font-style:normal;font-weight:600;line-height:36px;padding-top:6px}.driver-vertical-list-layout{overflow-y:auto;height:520px;max-height:100%}.controls-vertical-layout{padding-top:60px}.controls-edit-button{cursor:pointer;margin-left:210px;display:flex;height:40px;padding:8px 32px;flex-direction:column;justify-content:center;align-items:center;gap:-4px;border-radius:52px;background:#4E2351;color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.controls-save-button{cursor:pointer;margin-left:8px;display:flex;height:40px;padding:8px 32px;flex-direction:column;justify-content:center;align-items:center;gap:-4px;border-radius:52px;background:#4E2351;color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.controls-cancel-button{cursor:pointer;margin-left:86px;display:flex;height:40px;padding:8px 32px;flex-direction:column;justify-content:center;align-items:center;gap:-4px;border-radius:52px;border:1px solid #4E2351;background:#FEF8FF;color:#4e2351;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.controls-icon{margin-left:0}.controls-action-description-layout{padding-left:8px;padding-top:4px}.controls-action-description-header{align-self:stretch;color:#050005;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.controls-action-description-header-assignment-priority{padding-top:10px}.controls-action-description-additional-info{align-self:stretch;color:#59534d;font-family:Poppins,sans-serif;font-size:11px;font-style:normal;font-weight:500;line-height:16px}.controls-settings-horizontal-layout{padding-top:16px;margin-left:0;margin-right:0;margin-bottom:16px}.controls-settings-horizontal-layout-with-border{border-top:2px solid #D3CFCB}.controls-action-layout-disable{margin-left:102px;display:flex;width:56px;height:52px;flex-direction:column;justify-content:center;align-items:center;gap:-5px;border-radius:4px;border:1px solid #888281;background:#E8E5E2;color:#000;text-align:center;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.controls-action-layout-enabled{margin-left:102px;display:flex;width:56px;height:52px;flex-direction:column;justify-content:center;align-items:center;gap:-5px;border-radius:4px;border:1px solid #AAA49E;background:#FFFFFF;color:#000;text-align:center;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.controls-action-map-api-call{margin-left:128px}.controls-action-driver-coverage-area{margin-left:135px}.controls-action-assignment-priority{margin-left:162px}.controls-action-value-text-field,.controls-action-value-text-field:hover{box-sizing:border-box;width:60px;height:42px;font-size:16px;border-radius:0;padding-top:16px;text-align:center;z-index:0}.controls-action-value-text-field>input{color:#000}.controls-action-value-measurement{width:40px;z-index:1;padding-bottom:18px}paper-slider[disabled]{margin-left:10px;--paper-progress-active-color: #FFFFFF;--paper-slider-disabled-knob-color: #807d7f;--paper-grey-400: #FFFFFF;--paper-slider-height: 12px;--paper-slider-width: 12px}paper-slider{margin-left:10px;--paper-progress-active-color: #FFFFFF;--paper-slider-knob-color: #4E2351;--paper-slider-knob-start-color: #4E2351;--paper-slider-knob-start-border-color: #4E2351;--paper-grey-400: #FFFFFF;--paper-slider-pin-color: #4E2351;--paper-slider-height: 12px;--paper-slider-width: 12px}.controls-slider-left-helper-text{color:#050005;font-family:Poppins,sans-serif;font-size:11px;font-style:normal;font-weight:500;line-height:16px;width:200px}.controls-slider-right-helper-text{color:#050005;text-align:right;font-family:Poppins,sans-serif;font-size:11px;font-style:normal;font-weight:500;line-height:16px;padding-left:150px}.deactivate-toggle{padding-bottom:25px}.layers-button{cursor:pointer;z-index:10;position:absolute;margin-left:50vh;margin-top:3vh;display:flex;padding:16px;flex-direction:column;justify-content:center;align-items:center;gap:-4px;flex:1 0 0;align-self:stretch;width:55px;height:55px;border-radius:50%;background:#4E2351;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.map-layer-context-menu{z-index:0;position:absolute;margin-top:5vh;margin-left:50vh;width:300px;height:90px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;border-radius:33px;background:#FEF8FF;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.layer-options-selector{padding-left:60px}.layer-options-selector>span{color:#050005;font-family:Poppins,sans-serif;font-size:24px;font-style:normal;font-weight:500;line-height:32px}vaadin-item:hover{background-color:#fef8ff}vaadin-item::part(checkmark):before{color:#000}.map-date-sorting-context-menu{z-index:0;position:absolute;margin-top:8vh;margin-left:135vh;width:150px;height:180px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;border-radius:33px;background:#FEF8FF;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.map-date-sorting-button{cursor:pointer;z-index:10;position:absolute;margin-left:140vh;margin-top:3vh;border-radius:52px;background:#4E2351;color:#fff}.map-type-sorting-selector{padding-left:10px}vaadin-item>span{cursor:pointer;font-weight:700}::-webkit-scrollbar{-webkit-appearance:none;width:7px}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#00000080;box-shadow:0 0 1px #ffffff80}.settings-main-layout{background-color:#fffaff}.settings-link-layout{margin:10px}.settings-icon-image{padding:2px}.settings-link-text{cursor:pointer;color:#000;padding-left:8px;padding-top:6%;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:20px}.settings-update-button{margin-top:20px;cursor:pointer;display:flex;width:250px;padding:20px 16px;justify-content:center;align-items:center;gap:4px;border-radius:53px;background:#13BA72;color:#fff}.setting-input-field[has-label]{padding-top:10px}.setting-input-field::part(input-field){display:flex;align-items:center;gap:8px;align-self:stretch;border-radius:8px;border:2px solid rgba(78,35,81,.2);background:#FCFBFA;width:550px;height:50px;color:#4e2351;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.setting-input-field-with-helper::part(helper-text){display:flex;align-items:center;gap:8px;align-self:stretch;width:700px;height:50px;color:#4e2351;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.setting-input-field>label{color:#050005;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.setting-input-field>input:placeholder-shown{color:#a79ea8;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.text-editor{background-color:#a2a6be}.framework-main-layout{width:100%;margin:25px 50px;display:flex;gap:25px}.main-table{background-color:var(--element-main-bg-color);border:none;width:100%;margin-top:24px;max-height:300px}.main-table::part(row){background-color:var(--element-main-bg-color)}.main-table::part(cell){background:transparent;color:var(--main-text-color)}.side-table{background-color:var(--element-main-bg-color);width:30%;margin-top:24px}.side-table::part(cell){background:transparent;color:var(--main-text-color)}.view-dialog::part(content){color:var(--main-text-color)}.view-dialog::part(overlay){background-color:var(--element-main-bg-color);border:1px solid var(--element-main-border-color)}.add-button-div{background-color:var(--element-main-bg-color);width:100%;height:max-content}.add-attribute-btn{padding:2px;margin-top:10px;margin-bottom:20px;margin-left:15px;border-radius:50px;width:36px;height:36px;background-color:var(--main-color-teal-green);cursor:pointer}.w-100{width:100%}.attribute-dialog::part(overlay){background-color:var(--element-main-bg-color);width:50%}.attribute-dialog .confirm-button{background-color:#4caf50;color:#fff;border:none;box-shadow:0 2px 4px #0000001a;cursor:pointer}.attribute-dialog .cancel-button{background-color:#e0e0e0;color:#333;border:1px solid #cccccc;cursor:pointer}.framework-attributes-label{color:var(--main-text-color);font-size:16px}.add-framework-attribute-btn{border:1px solid #13BA72;border-radius:12px;color:#13ba72;background-color:#d2d7d226}.input-field{width:100%}.attribute-frame-layout{border-radius:24px;border:1px solid var(--element-main-border-color);width:30%!important}.framework-attribute-select{width:100%}.framework-attribute-select::part(input-field){display:flex;padding:16px 8px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px;border:2px solid rgba(78,35,81,.2);background:var(--element-main-bg-color);color:var(--main-text-color);width:100%;height:52px}.user-main-layout{width:100%;display:flex;gap:0}.user-grid{width:100%;height:100%;max-height:750px;overflow:auto}.user-grid::part(first-column-cell){width:80px!important;flex-grow:0}.user-grid::part(cell){background-color:var(--element-main-bg-color);border:.5px solid var(--element-main-border-color);padding:4px}.user-statistic-grid{background-color:var(--element-main-bg-color);width:100%;height:100%;max-height:750px;overflow:auto}.user-statistic-grid::part(cell){background-color:var(--element-main-bg-color);border:.5px solid var(--element-main-border-color);padding:4px}.user-grid vaadin-grid-cell-content{display:flex;justify-content:center;padding:0;white-space:normal}.user-dialog::part(overlay){width:35%}.user-dialog::part(content){display:flex;flex-direction:column}.input-filtering-field{width:100%;max-width:100%;background-color:#8080804d}vaadin-grid-sorter{width:100%}.user-statistic-dialog::part(overlay){width:35%;height:50%;background-color:#e0ffff;padding:24px}.user-statistic-dialog::part(content){padding:0!important;display:flex;flex-direction:column;gap:6px}.specific-statistics-div{padding:0 10px;background:transparent;border:1px solid gray;border-radius:16px}.delete-btn{background-color:#f0808033;cursor:pointer;color:red}.edit-btn{background-color:#f903;cursor:pointer;color:orange}.lock-btn{background-color:#f55f0033;color:#000;cursor:pointer}.download-btn{background-color:#80808033;cursor:pointer}.column-select-btn{background-color:#80808033;cursor:pointer;color:#fffaff}.unlock-btn{background-color:#00f59133;color:#000;cursor:pointer}.view-full-button{background-color:#b1d3a9;color:#000;cursor:pointer}.update-button{cursor:pointer;display:flex;width:194px;padding:12px 16px;justify-content:center;align-items:center;gap:4px;border-radius:53px;background:#13BA72;color:#fff}.main-layout{width:-webkit-fill-available;display:grid;align-items:center;gap:3rem;grid-template-columns:repeat(3,1fr);padding:24px}.main-title{padding:24px 48px;font-size:30px;text-transform:uppercase;font-weight:600;color:var(--main-text-color)}.main-element{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:12px 24px;border-radius:16px;border:1px solid var(--element-main-border-color);background:var(--element-main-bg-color);color:var(--main-text-color);font-size:26px;text-align:center;text-transform:capitalize;cursor:pointer}.component-dialog::part(overlay){background-color:var(--element-main-bg-color);width:50%}.component-dialog::part(content){display:flex;flex-direction:column;gap:16px;padding:26px}.component-dialog-content{max-height:500px;overflow:auto;display:flex;flex-direction:column;gap:8px;width:-webkit-fill-available;color:var(--main-text-color);h1 {align-self: center; margin-bottom: 20px;} p {margin: 0;}}.component-dialog-cards{max-width:-webkit-fill-available;min-height:242px;display:flex;gap:8px;background:var(--main-bg-color);overflow-y:auto;align-items:center;padding:12px}.component-dialog-card{min-width:30%;min-height:200px;display:flex;flex-direction:column;background:var(--element-main-bg-color);border:1px solid var(--element-main-border-color);padding:12px;border-radius:24px;align-items:start;justify-content:space-between;h2 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: inline-block; font-size: 18px;} p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: inline-block; font-size: 12px;}}.add-btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:100%;background:var(--element-main-bg-color);border:1px solid var(--element-main-border-color);cursor:pointer}.go-back-btn{background:transparent;color:var(--main-text-color);font-size:16px;align-self:start;cursor:pointer}.component-dialog .confirm-button{background-color:#4caf50;color:#fff;border:none;box-shadow:0 2px 4px #0000001a;cursor:pointer}.component-dialog .cancel-button{background-color:#e0e0e0;color:#333;border:1px solid #cccccc;cursor:pointer}.edit-component-layout{width:-webkit-fill-available;display:flex;flex-direction:column;padding:48px;gap:16px;align-items:start;h1 {align-self: center;}}.edit-component-textarea{width:100%;div {display: flex; gap: 8px;} textarea {width: 100%; border-radius: 6px; background-color: var(--element-main-bg-color); border: 1px solid var(--element-main-border-color); color: var(--main-text-color); min-height: 100px;} label {width: fit-content; color: var(--main-text-color); font-size: 20px;}}.edit-component-textarea::part(input-field){padding:0}.edit-component-image{width:600px;height:auto;border-radius:24px;border:1px solid var(--element-main-border-color)}.edit-component-upload{border:1px solid var(--element-main-border-color);background:var(--element-main-bg-color);border-radius:8px}.pricing-feature-field-edit{margin-right:50px;margin-bottom:10px;width:250px;min-width:250px}.dialog-img{width:auto;max-width:260px;height:auto;border-radius:12px;border:1px solid var(--element-main-border-color)}.card-image{width:auto;max-width:80px;height:auto;border-radius:6px;align-self:center}.component-button-view{background-color:var(--main-color-teal-green);padding:12px 24px;color:var(--main-text-color);border:none;border-radius:56px;input {max-width: -webkit-fill-available; padding: 0; text-align: center;}}.component-button-view::part(input-field){padding:0}[icon="vaadin:pencil"]{cursor:pointer;transition:.3s ease}[icon="vaadin:pencil"]:hover{transform:scale(1.01)}[icon="vaadin:trash"]{cursor:pointer;transition:.3s ease}[icon="vaadin:trash"]:hover{transform:scale(1.01)}body{background-color:var(--main-bg-color)}.wrapper{width:100%;margin:auto;display:flex}.grid::part(header-cell){font-family:Audiowide,sans-serif;text-transform:uppercase}.grid::part(body-cell){box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}:root{--main-bg-color: #f4f5ff;--main-text-color: #0a0f30;--main-border-color: #eaedff;--element-main-bg-color: #ffffff;--element-main-border-color: #c2c2c4;--button-main-border-clor: #333333;--side-text-color: #494949;--main-color-blue: #16205d;--main-color-teal-green: #2adfb3;--main-color-brown: #252525;--main-table-n-child-color: #f7f8ff;--main-table-hightlight-color: #f4f5ff;--profile-text-color-inactive: #a2a6be}.user-details-view{display:flex;flex-direction:column;align-items:flex-start;padding:24px 0 24px 24px;gap:24px;border-radius:6px;width:100%}.back-button{display:flex;flex-direction:row;align-items:center;gap:8px;font-family:Lexend,sans-serif;font-weight:500;font-size:16px;color:#273aa4;cursor:pointer}.back-button span{text-decoration:none;color:#273aa4}.user-header{font-family:Lexend,sans-serif;font-weight:500;font-size:24px;color:#343a3f}.user-info-layout{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 0 16px 16px;gap:46px;border:1px solid #CECEE8;border-radius:8px;background:#FFFFFF;width:100%;margin:0 auto}.user-info,.subscription-fee,.country,.subscription-status{display:flex;flex-direction:column;justify-content:space-between;gap:6px}.user-info span,.subscription-fee span,.country span,.subscription-status span{font-family:Lexend,sans-serif;font-weight:500;font-size:16px;color:#343a3f}.tabs{display:flex;flex-direction:row;align-items:center;gap:16px;margin:16px 0}.tabs .tab{padding:8px 10px;border-radius:8px;font-family:Lexend,sans-serif;font-size:16px;color:#252525;background:#EAEDFF;cursor:pointer}.tabs .tab.active{background:#FFFFFF;font-weight:500;border:1px solid #0A0F30}.subscription-content{background:#FFFFFF;border-radius:8px}.subscription-content .v-grid{border:none;font-family:Lexend,sans-serif}.subscription-content .v-grid .v-grid-cell{font-weight:300;font-size:16px;color:#343a3f}.subscription-content .v-grid-header-cell{font-weight:500;font-size:16px;color:#343a3f;background:#FFFFFF;border-bottom:1px solid #CECEE8}.subscription-content .success{background:#E6FDF7;padding:6px 10px;border-radius:6px;color:#4caf50;text-align:center;font-weight:500}.subscription-content .failed{background:#FFEBEB;padding:6px 10px;border-radius:6px;color:#f44336;text-align:center;font-weight:500}.requests-list-container{border-right:1px solid #CECEE8;padding:16px}.request-item{background:#FFFFFF;border:1px solid #CECEE8;border-radius:8px;margin-bottom:12px;padding:8px}.request-date,.request-username,.request-message{display:block;font-family:Lexend,sans-serif;font-size:14px;margin-bottom:4px}.requests-support-content{display:flex;flex-direction:row;width:100%;height:100%;gap:16px}.requests-content{flex:1 1 25%;border-right:1px solid #CECEE8;background:#FFFFFF;overflow-y:auto;max-height:1000px}.chat-container{display:flex;flex-direction:column;gap:12px;padding:16px;overflow-y:auto;background:#FCFCFF;border-right:1px solid #CECEE8;width:50%;max-height:500px}.admin-chat-message,.user-chat-message{max-width:80%;margin-bottom:12px;padding:12px;border-radius:12px;display:flex;flex-direction:column}.admin-chat-message{background:#F4F5FF;align-self:flex-start;text-align:left}.user-chat-message{background:#273AA4;color:#fff;align-self:flex-end;text-align:right}.chat-message-text{font-family:Lexend,sans-serif;font-size:14px;margin-bottom:8px}.chat-video,.chat-image{margin-top:8px;border-radius:8px;overflow:hidden}.chat-video video,.chat-image img{width:100%;height:auto;border-radius:8px}.status-tags-container{flex:1 1 25%;padding:16px;background:#FFFFFF;overflow-y:auto}.status-container{margin-bottom:16px}.status-value{font-weight:700;color:#22a989}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#FFFFFF;border:1px solid #CECEE8;border-radius:8px;padding:8px;font-family:Lexend,sans-serif;font-size:14px}.event-log-content{width:100%;padding:16px 0 16px 16px;background:#FFFFFF;border-radius:8px}.event-grid{width:100%;border:1px solid #CECEE8;border-radius:8px}.event-grid .v-grid-cell{font-family:Lexend,sans-serif;font-size:14px;line-height:20px;color:#343a3f}.event-grid .v-grid-header-cell{font-family:Lexend,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#343a3f;background:#F4F5FF;border-bottom:1px solid #CECEE8}.action-button{background:#EBEEFF;border:none;border-radius:4px;padding:4px 8px;font-family:Lexend,sans-serif;font-size:14px;color:#273aa4;cursor:pointer}.action-button:hover{background:#D0D5EB}.centered-pagination-field input{text-align:center}