.format-table{border-collapse:collapse;margin-bottom:20px;margin-top:10px;width:100%}.format-table .format-header{border-bottom:1px solid #e0e0e0}.format-table .format-header,.format-table .format-row{align-items:center;display:flex;padding:8px 0}.format-table .format-header{border-radius:4px 4px 0 0;font-weight:600}.format-table .format-cell{flex:1 1;padding:8px 12px;text-align:left}.format-table .format-cell.format-preview{align-items:center;border-radius:4px;display:flex;font-family:monospace;min-height:34px}.format-table .format-input{border:1px solid #d3d3d3;border-radius:4px;box-sizing:border-box;padding:6px 10px;width:100%}.format-table .format-input:focus{border-color:#4d90fe;box-shadow:0 0 0 1px rgba(77,144,254,.3);outline:none}.format-table .format-input.format-display{border:1px solid #e9ecef;color:#495057;cursor:default}.format-table .format-input.format-display:focus{border-color:#e9ecef;box-shadow:none}.settings-popup{display:flex;flex-direction:column;height:100%;padding:15px 15px 70px;position:relative}.settings-popup .settings-content{flex:1 1;margin-right:-15px;overflow-y:visible;padding-bottom:20px;padding-right:15px}.settings-popup .settings-content .dx-tabs{justify-content:center}.settings-popup .settings-content .dx-tabs .dx-tabs-wrapper{display:flex;justify-content:center}.settings-popup .settings-content .tab-content{overflow:visible}.settings-popup .button-group{border-top:1px solid #e0e0e0;bottom:0;display:flex;gap:10px;justify-content:flex-end;left:0;padding:15px;position:absolute;right:0;z-index:10}.settings-popup .button-group .dx-button{height:32px;min-width:80px}.settings-popup .form-group{margin-bottom:12px}.settings-popup .form-group .dx-texteditor-input{border:1px solid #d3d3d3;border-radius:4px;box-sizing:border-box;height:32px;line-height:1.5;padding:4px 8px;width:100%}.settings-popup .form-group .dx-texteditor-input:focus{border-color:#4d90fe;box-shadow:0 0 0 1px rgba(77,144,254,.3);outline:none}.settings-popup .form-group label{color:var(--base-text-color);display:block;font-size:13px;font-weight:500;height:20px;margin-bottom:4px}.settings-popup .date-format-container,.settings-popup .form-group .dx-selectbox,.settings-popup .form-group .dx-texteditor{width:100%}.settings-popup .date-format-container .currency-format-inputs{display:flex;flex-direction:column;gap:10px}.settings-popup .date-format-container .currency-format-inputs .format-input-container{width:100%}.settings-popup .date-format-container .currency-format-inputs .format-input-container .format-input{border:1px solid #d3d3d3;border-radius:4px;padding:5px 8px;width:100%}.settings-popup .date-format-container .currency-format-inputs .currency-inputs{align-items:center;display:flex;gap:10px}.settings-popup .date-format-container .currency-format-inputs .currency-inputs .dx-texteditor-input{border:1px solid #d3d3d3;border-radius:4px;padding:5px 8px}.settings-popup .date-format-container .currency-format-inputs .currency-inputs .dx-texteditor-input.currency-symbol{width:60px}.settings-popup .date-format-container .currency-format-inputs .currency-inputs .dx-texteditor-input.decimal-places{width:70px}.settings-popup .date-format-container .date-format-table{border-collapse:collapse;margin-top:10px;width:100%}.settings-popup .date-format-container .date-format-table td,.settings-popup .date-format-container .date-format-table th{padding:12px 15px;text-align:left}.settings-popup .date-format-container .date-format-table th{color:var(--base-text-color);font-weight:600}.settings-popup .date-format-container .date-format-table tr:last-child td{border-bottom:none}.settings-popup .date-format-container .date-format-table .dx-selectbox{width:100%}.settings-popup .date-format-container .date-format-table .dx-selectbox .dx-texteditor-input{padding:8px 12px}.settings-popup .currency-fields{margin-top:15px}.settings-popup .form-row{align-items:flex-start;display:flex;gap:10px;margin-bottom:12px}.settings-popup .form-row .form-group{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin-bottom:0}.settings-popup .form-row .form-group:not(:last-child){margin-right:10px}.user-info{align-items:center;border-bottom:1px solid var(--border-color);cursor:default;display:flex;padding:var(--list-padding-vertical) var(--list-padding-left)}.user-info .user-name{color:var(--base-text-color);font-size:14px}.user-info .user-name.clickable{color:#337ab7;color:var(--accent-color,#337ab7);cursor:pointer;text-decoration:none;transition:color .2s ease}.user-info .user-name.clickable:hover{color:#23527c;color:var(--link-hover-color,#23527c);text-decoration:underline}.user-info .image-container{border:1px solid var(--border-color);border-radius:50%;height:28px;margin-right:var(--list-padding-left);overflow:hidden;width:28px}.user-info .image-container .user-image{background-color:#fff;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.dx-list.user-info-list.dx-scrollable.dx-widget{height:auto}.dx-list-item .dx-icon{margin-right:16px;vertical-align:middle}.dx-rtl .dx-list-item .dx-icon{margin-left:16px;margin-right:0}.user-panel{display:flex;flex-direction:column}.user-panel .user-button.dx-dropdownbutton{margin-left:5px;padding:0 5px}.user-panel .user-button.dx-dropdownbutton .dx-icon,.user-panel .user-button.dx-dropdownbutton .dx-icon-accountbox{color:var(--base-text-color);font-size:32px;opacity:.9;transition:opacity .2s ease-in-out}.user-panel .user-button.dx-dropdownbutton .dx-icon-accountbox:hover,.user-panel .user-button.dx-dropdownbutton .dx-icon:hover{opacity:1}.dx-theme-generic .user-panel .user-button.dx-dropdownbutton .dx-icon,.dx-theme-generic .user-panel .user-button.dx-dropdownbutton .dx-icon-accountbox{height:var(--drop-down-gnrc-button-height);width:auto}.dx-theme-fluent .user-panel .user-button.dx-dropdownbutton .dx-icon,.dx-theme-fluent .user-panel .user-button.dx-dropdownbutton .dx-icon-accountbox,.dx-theme-material .user-panel .user-button.dx-dropdownbutton .dx-icon,.dx-theme-material .user-panel .user-button.dx-dropdownbutton .dx-icon-accountbox{height:100%;width:auto}.user-panel .user-button.dx-dropdownbutton .dx-buttongroup{vertical-align:middle}.user-panel .user-button.dx-dropdownbutton .dx-buttongroup .dx-button.dx-button-has-icon:not(.dx-button-has-text) .dx-button-content{padding:0}.user-panel .user-button.dx-dropdownbutton .dx-buttongroup .dx-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-focused,.user-panel .user-button.dx-dropdownbutton .dx-buttongroup .dx-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-hover{background-color:transparent}.user-panel .user-button.dx-dropdownbutton .dx-buttongroup .dx-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-focused img.dx-icon,.user-panel .user-button.dx-dropdownbutton .dx-buttongroup .dx-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-hover img.dx-icon{border-color:var(--accent-color)}.header-component{background-color:var(--base-bg);box-shadow:0 4px 8px rgba(0,0,0,.05),0 0 4px rgba(0,0,0,.15);flex:0 0 auto;padding:6px 0;z-index:1}.header-component .header-logo{padding:0 16px}.header-component .header-logo .header-logo-image{height:28px;width:auto}.header-component .dx-toolbar.header-toolbar{padding-right:var(--content-padding)}.header-component .dx-toolbar.header-toolbar .global-search-box{padding-right:11px}.header-component .dx-toolbar.header-toolbar .messages{position:relative}.header-component .dx-toolbar.header-toolbar .messages .dx-badge{align-items:center;background-color:red;border-radius:10px;color:#fff;display:flex;font-size:12px;justify-content:center;position:absolute;right:-10%;top:-10%}.header-component .dx-toolbar.header-toolbar .dx-toolbar-item.menu-button{padding:0;text-align:center;width:var(--side-panel-min-width)}.footer{background-color:var(--side-panel-background);bottom:0;color:var(--base-text-color-alpha);display:block;font-size:.875rem;left:0;opacity:0;padding:5px 10px;position:absolute;right:0;text-align:right}.dx-drawer-opened .footer{opacity:1;transition:opacity .4s}.footer.align-right{text-align:right}.footer.align-left{text-align:left}.auth-card{display:flex;flex-direction:column;height:100%;margin-top:85px}.auth-card,.auth-card .dx-card{background-color:transparent;box-shadow:none;width:100%}.auth-card .dx-card{border:none;border-radius:4px;padding:24px}.auth-card .dx-card .content{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center}.auth-card .dx-card .content .card-title{color:var(--base-text-color);font-size:1.5rem;font-weight:600;margin:0 0 16px}.auth-card .dx-card .content .card-description{color:var(--base-text-color-alpha);margin-bottom:24px}.auth-card .dx-card .content h2{font-size:24px;font-weight:600;margin:0}.auth-card .dx-card .content .card-description{color:var(--dx-text-color-secondary);margin:0}.auth-card .dx-card.full-width{width:100%}.oauth-button-container{text-align:center}.oauth-button-container>p{margin:16px 0}.oauth-button-container .dx-button{margin-top:8px}.login-wrapper{align-self:center;border-radius:8px;box-shadow:0 1px 8px 0 #646363;display:flex;flex-direction:row;height:auto;margin:20px auto;max-width:1000px;min-height:450px;overflow:hidden;transition:all .3s ease;width:100%;width:90%}@media(max-width:992px){.login-wrapper{height:auto;max-width:95%}}@media(max-width:768px){.login-wrapper{flex-direction:column;height:auto;margin:10px auto;max-width:500px;width:90%}}@media(max-width:480px){.login-wrapper{margin:5px auto;width:95%}}.login-wrapper .logo-panel{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:350px;padding:40px 30px;text-align:center;transition:all .3s ease}@media(max-width:992px){.login-wrapper .logo-panel{min-height:350px;padding:20px 15px}}@media(max-width:768px){.login-wrapper .logo-panel{min-height:250px;order:-1;padding:20px 10px}}.login-wrapper .logo-panel .grandstream-logo{height:auto;max-height:350px;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}@media(max-width:992px){.login-wrapper .logo-panel .grandstream-logo{max-height:300px;padding:15px}}@media(max-width:768px){.login-wrapper .logo-panel .grandstream-logo{max-height:250px;padding:15px}}@media(max-width:480px){.login-wrapper .logo-panel .grandstream-logo{display:block;margin:0 auto;max-height:200px;padding:15px;width:90%}}@media(max-width:360px){.login-wrapper .logo-panel .grandstream-logo{max-height:180px}}.login-wrapper .form-panel{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:350px;padding:50px 40px}@media(max-width:1200px){.login-wrapper .form-panel{padding:30px}}@media(max-width:992px){.login-wrapper .form-panel{padding:25px 20px}}@media(max-width:768px){.login-wrapper .form-panel{padding:20px 15px}}.login-wrapper .form-panel .login-title{color:#182a54;font-size:32px;font-weight:600;margin-bottom:25px;text-align:center}@media(max-width:768px){.login-wrapper .form-panel .login-title{font-size:20px;margin-bottom:20px}}.login-wrapper .form-panel .login-form{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:400px;width:100%}.login-wrapper .form-panel .login-form .dx-texteditor .dx-texteditor-container .dx-texteditor-input{font-size:14px!important;height:36px!important;padding:8px 12px!important}.login-wrapper .form-panel .login-form .form-text{color:var(--base-text-color-alpha)}.login-wrapper .form-panel .login-form .form-group{margin-bottom:16px;width:100%}.login-wrapper .form-panel .login-form .form-group label{color:#4a5568;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.login-wrapper .form-panel .login-form .form-group input{border:1px solid #e2e8f0;border-radius:6px;font-size:15px;height:40px;padding:12px 16px;transition:all .3s ease;width:100%}.login-wrapper .form-panel .login-form .form-group input:focus{border-color:#000;box-shadow:0 0 0 2px rgba(74,144,226,.2);outline:none}@media(max-width:768px){.login-wrapper .form-panel .login-form .form-group input{font-size:14px;height:44px;padding:10px 14px}}.login-wrapper .form-panel .login-form .dx-button{background-color:#182a54!important;border:none;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff!important;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;margin-top:8px;padding:12px 22px;text-transform:uppercase;transition:all .3s ease;width:100%}.login-wrapper .form-panel .login-form .dx-button:hover{background-color:#182a54!important;box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-1px)}@media(max-width:768px){.login-wrapper .form-panel .login-form .dx-button{font-size:15px;height:40px;padding:12px 20px}}.login-wrapper .form-panel .login-form .dx-checkbox,.login-wrapper .form-panel .login-form .dx-label,.login-wrapper .form-panel .login-form .dx-texteditor{color:#4a5568;font-size:15px}.login-wrapper .form-panel .login-form .dx-checkbox .dx-texteditor-input,.login-wrapper .form-panel .login-form .dx-label .dx-texteditor-input,.login-wrapper .form-panel .login-form .dx-texteditor .dx-texteditor-input{border:1px solid #b5c3d6;border-radius:6px;padding:12px 16px;transition:all .3s ease}@media(max-width:768px){.login-wrapper .form-panel .login-form .dx-checkbox,.login-wrapper .form-panel .login-form .dx-label,.login-wrapper .form-panel .login-form .dx-texteditor{font-size:14px}}.login-wrapper .form-panel .login-form .dx-loadingindicator{align-items:center;display:flex;justify-content:center;min-height:40px}.reset-password-form .submit-button{margin-top:18px}.reset-password-form .login-link{color:var(--accent-color);font-size:12px;margin-top:6px;text-align:center}.create-account-form .policy-info{font-size:12px;font-style:normal}.create-account-form .policy-info,.create-account-form .policy-info a{color:var(--base-text-color-alpha)}.create-account-form .login-link{border-bottom:1px solid var(--border-color);color:var(--accent-color);font-size:12px;padding:6px 0 32px;text-align:center}.side-navigation-menu{display:flex;flex-direction:column;height:100%;min-height:100%;width:250px!important}.side-navigation-menu .menu-container{background-color:var(--side-panel-background);display:flex;flex:1 1;min-height:100%;padding-bottom:var(--footer-height);padding-top:var(--toolbar-vertical-padding)}.side-navigation-menu .menu-container .dx-treeview{white-space:nowrap}.side-navigation-menu .menu-container .dx-treeview .dx-treeview-item{border-radius:0;flex-direction:row-reverse;padding-left:0}.side-navigation-menu .menu-container .dx-treeview .dx-treeview-item .dx-icon{margin:0!important;width:var(--side-panel-min-width)!important}.side-navigation-menu .menu-container .dx-treeview .dx-treeview-toggle-item-visibility{left:auto;right:10px}.side-navigation-menu .menu-container .dx-treeview .dx-rtl .dx-treeview-toggle-item-visibility{left:10px;right:auto}.side-navigation-menu .menu-container .dx-treeview .dx-treeview-node{padding:0!important}.side-navigation-menu .menu-container .dx-treeview .dx-treeview-node[aria-level="1"]{border-bottom:1px solid var(--border-color);font-weight:700}.side-navigation-menu .menu-container .dx-treeview .dx-treeview-node[aria-level="2"] .dx-treeview-item-content{font-weight:400}#tasks-grid{min-height:300px}.dx-datagrid-header-panel{padding-top:0}.dx-datagrid-header-panel .dx-datagrid-toolbar-button .dx-button-text,.dx-datagrid-header-panel .dx-datagrid-toolbar-button .dx-icon.dx-icon-plus{color:#fff}.edit-cell{position:relative}.edit-cell .priority-task,.edit-cell .status-task{margin-left:11px;margin-top:10px;position:absolute}.dx-dropdownbutton-content .dx-list-item{display:block}.circle{background:var(--accent-color);border-radius:50%;color:var(--base-bg);display:inline-block;height:24px;line-height:24px;text-align:center;width:24px}:root{--low-priorety-color:#dfb32f;--normal-priorety-color:#6fbaca;--high-priorety-color:#d9534f}.kanban-card{box-sizing:border-box;cursor:pointer;display:block;position:relative}.card-priority{bottom:10px;left:10px;position:absolute;top:10px;width:4px}.card-wrapper{padding:10px}.card-wrapper .edit-button{font-size:18px;opacity:.87;position:absolute;right:10px}.card-wrapper.priority-low .card-priority{background:#dfb32f;background:var(--low-priorety-color)}.card-wrapper.priority-low span.priority{color:#dfb32f;color:var(--low-priorety-color)}.card-wrapper.priority-normal .card-priority{background:#6fbaca;background:var(--normal-priorety-color)}.card-wrapper.priority-normal span.priority{color:#6fbaca;color:var(--normal-priorety-color)}.card-wrapper.priority-high .card-priority{background:#d9534f;background:var(--high-priorety-color)}.card-wrapper.priority-high span.priority{color:#d9534f;color:var(--high-priorety-color)}.card-content{padding-left:14px}.card-content span.priority{font-size:12px;font-weight:500;line-height:14px}.card-content span.date{font-size:12px;line-height:14px;opacity:.87;padding-left:8px}.card-subject{font-size:14px;font-weight:500;line-height:16px;padding-right:40px}.card-assignee{align-items:center;font-size:12px;line-height:14px;padding-top:14px}.card-assignee,.list-title{display:flex;justify-content:space-between}.list-title{cursor:pointer;font-size:16px;font-weight:500;margin-bottom:-10px;padding:10px}#kanban{white-space:nowrap}.list{background-color:var(--background-gray-color);border-radius:4px;display:inline-block;margin:10px;vertical-align:top;white-space:normal}.list .add-task{padding:10px}.list .add-task .dx-button-text,.list .add-task .dx-icon{color:var(--accent-color)}.sortable-cards{display:flex;flex-direction:column;gap:10px;min-height:100px;padding:10px}.scrollable-list{width:260px}.dx-texteditor.form-editor [role=button].dx-button.form-editor-icon:first-child{background-color:transparent;border-color:transparent;margin-left:0;pointer-events:none}.task-form-details{min-height:250px}.toolbar-form{margin-bottom:var(--toolbar-margin-bottom)}.form-title{font-size:18px}.task-form{min-height:250px}.card-activities{display:block;min-height:auto;padding:10px;position:relative}.card-activities .activities-list .dx-list-item{background:transparent;margin:10px 0;overflow:visible}.card-activities.load{min-height:300px}.activities-list .dx-list-item-content{overflow:visible;padding:0}.activities-list .activity{align-items:center;border-left:2px solid var(--accent-color);box-shadow:0 1px 4px 0 rgba(0,0,0,.149);display:grid;grid-template-columns:3fr 1fr 0fr;margin-right:1px;padding:8px 2px 8px 16px}.activities-list .activity .name{overflow:hidden;text-overflow:ellipsis}.activities-list .activity .date{color:var(--texteditor-label-color);display:flex;flex-wrap:wrap;font-size:12px;gap:5px;justify-content:flex-start;padding:0 10px}.activities-list .activity .date.by{width:170px}@media only screen and (max-width:400px){.card-activities .activities-list .activity .date{grid-row-start:2;padding:0}.card-activities .activities-list .activity .overflow-menu{position:absolute;right:15px}}.notes .input-notes{display:flex;flex-direction:column;gap:20px;padding:20px}.notes .note{background-color:var(--base-bg);border:.5px solid var(--border-color);box-shadow:0 4px 20px 0 rgba(0,0,0,.04);margin-bottom:10px;padding:10px}.notes .note .note-title{color:var(--texteditor-label-color);display:flex;flex-direction:row;font-size:12px;justify-content:space-between}.notes .note .note-text{line-height:21px;padding-top:5px}.messages .input-messages{display:flex;flex-direction:column;gap:20px;padding:20px}.messages .file-uploader .dx-fileuploader-wrapper,.messages .file-uploader .dx-fileuploader-wrapper .dx-fileuploader-input-wrapper{padding:0}.messages .message-container{display:flex}.messages .message-container:nth-child(odd){flex-direction:row-reverse}.messages .message-container .circle{align-items:center;border-radius:16px;display:flex;flex-shrink:0;font-size:12px;font-weight:500;height:32px;justify-content:center;margin:2px 5px;width:32px}.messages .message-container .message{background-color:var(--base-bg);border:.5px solid var(--border-color);box-shadow:0 4px 20px 0 rgba(0,0,0,.04);margin-bottom:10px;padding:10px}.messages .message-container .message .message-title{color:var(--texteditor-label-color);display:flex;flex-direction:row;font-size:12px;justify-content:space-between}.messages .message-container .message .message-title .subject{color:var(--base-text-color);font-weight:700}.messages .message-container .message .message-text{line-height:21px;padding-top:5px}.card-tasks{min-height:300px;padding:20px 0 0}.tasks-grid{border-top:1px solid var(--border-color)}.opportunities{background:var(--side-panel-background);border-radius:4px;flex:1 1 300px;max-width:300px;padding:16px}.opportunities .opportunity{cursor:pointer}.opportunities .name{font-size:16px;font-weight:700;padding-bottom:8px}.opportunities .product-info{font-size:12px;padding-bottom:16px}.opportunities .product-info .total{font-size:16px}.opportunities .owner{color:var(--texteditor-label-color);font-size:14px}.opportunities .owner .owner-name{color:var(--base-text-color)}.card-opportunies{min-height:300px;padding:20px}.opportunities-block{padding:10px 0}.opportunities-container{grid-gap:20px;display:flex;flex-wrap:wrap;gap:20px}.view-wrapper.view-wrapper-dashboard{display:flex;flex-direction:column;flex-grow:1;padding-bottom:var(--content-padding);padding-top:var(--content-padding);position:relative}@media only screen and (max-width:900px){.view-wrapper.view-wrapper-dashboard .card .card-contents{height:auto}}.view-wrapper.view-wrapper-dashboard .dx-toolbar .toolbar-header{font-size:22px;font-weight:400;padding-right:25px}@media only screen and (max-width:400px){.view-wrapper.view-wrapper-dashboard .dx-toolbar .dx-tab{min-width:70px}}.status-contact span{font-size:13px}.status-contact span:before{--diameter:10px;border-radius:calc(var(--diameter)/2);content:" ";display:inline-block;height:var(--diameter);margin-right:calc(var(--diameter)/2);width:var(--diameter)}.status-contact span.input{display:block;padding:15px 16px 14px}.card{border:1px solid var(--border-color);border-radius:4px;box-shadow:none;overflow:hidden;position:relative}.card .header{padding:var(--content-padding) var(--content-padding) 0}.card .overflow-menu{left:auto;position:absolute;right:8px;top:10px}.card .title{color:var(--base-text-color);display:inline-block;font-size:16px;font-weight:500;line-height:19px;margin-bottom:20px;padding-right:25px}.card .card-contents{box-sizing:content-box;font-size:14px;height:270px;line-height:17px;padding:0 var(--content-padding) var(--content-padding)}.form-popup .dx-toolbar-center{width:100%}.form-popup-buttons-container{align-items:center;display:flex;gap:var(--popup-toolbar-item-spacing);justify-content:flex-end}.form-popup-buttons-container.flex-buttons .dx-button{flex:1 1}.form-photo-view{display:flex;position:relative}.form-photo-view .form-photo{background-repeat:no-repeat;background-size:cover;border:1px solid var(--border-color);border-radius:8px}.form-photo-view:hover .editable .edit-icon,.form-photo-view:hover .editable:before{border-radius:50%;opacity:1;transition:opacity .4s}.editable{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.editable:before{background-color:rgba(0,0,0,.5);content:"";height:100%;opacity:0;width:100%}.editable .edit-icon{color:#fff;display:block;font-size:28px;opacity:0;position:absolute}#uploader{align-items:center;background-color:var(--typography-bg);border-radius:8px;border-style:dashed;border-width:1.5px;display:flex;flex-direction:column;height:124px;justify-content:center;line-height:inherit;margin-bottom:10px;padding:10px;-webkit-user-select:none;user-select:none}#uploader>span{font-weight:100;text-align:center}.card.grid .card-contents{border-top:1px solid var(--border-color);padding:0 0 var(--content-padding)}.ticker{--gap-padding:12px;align-items:center;background-color:#fff;background-color:var(--base-bg,#fff);border:none;border-radius:8px;box-shadow:var(--card-shadow);display:flex;gap:var(--gap-padding);height:auto;padding:16px}.ticker .positive{background-color:color-mix(in sRGB,var(--success-color) 12%,transparent);color:var(--success-color)}.ticker .warning{background-color:color-mix(in sRGB,var(--warning-color) 12%,transparent);color:var(--icon-dark-warning-color)}.ticker .info{background-color:color-mix(in sRGB,var(--info-color) 12%,transparent);color:var(--info-color)}.ticker .negative{background-color:color-mix(in sRGB,var(--error-color) 12%,transparent);color:var(--error-color)}.ticker .icon-wrapper{border-radius:50%;display:flex;flex:0 0 48px;height:48px}.ticker .icon-wrapper .dx-icon{font-size:24px;margin:auto}.ticker .middle{flex:1 1}.ticker .title{font-size:14px;line-height:20px;margin-bottom:8px}.ticker .total{color:var(--base-text-color);display:inline-block;font-size:20px;font-weight:600;line-height:20px}.ticker .percentage{align-items:center;align-self:flex-start;border-radius:999px;display:flex;font-size:12px;font-weight:600;line-height:20px;padding:4px 8px 4px 2px}.ticker .percentage .value{line-height:20px}.ticker .percentage .dx-icon-spindown,.ticker .percentage .dx-icon-spinup{font-size:20px}.view-wrapper-task-list{bottom:0;display:flex;flex-direction:column;left:0;position:absolute;right:0;top:0}.view-wrapper-task-list .dx-toolbar.toolbar-common{padding:var(--content-padding)}.view-wrapper-task-list .dx-toolbar.toolbar-common .toolbar-header{font-size:22px;font-weight:400;padding-right:25px}.view-wrapper-task-list .gantt,.view-wrapper-task-list .kanban,.view-wrapper-task-list .planning-grid{display:flex;flex-direction:column;flex-grow:1;max-height:calc(100% - var(--toolbar-height) - var(--content-padding)*2)}.view-wrapper-task-list .planning-grid>.dx-datagrid{min-height:100%}.view-wrapper-task-list .gantt{padding:0 var(--content-padding) var(--content-padding)}.view-wrapper-task-list .kanban{padding:0 0 var(--content-padding) calc(var(--content-padding)/2)}.view-wrapper-calendar{display:flex;flex-direction:column;height:inherit;padding:0 var(--page-padding);position:relative}.view-wrapper-calendar .calendar-content{display:flex;gap:16px;height:inherit;padding-bottom:var(--theme-padding);padding-top:var(--content-padding)}.view-wrapper-calendar .calendar-content .left-content{align-items:flex-start;display:flex;flex-direction:column;gap:var(--theme-padding)}.view-wrapper-calendar .calendar-content .left-content .buttons{display:flex;gap:16px;margin-top:var(--theme-padding);padding:0 var(--theme-padding);width:100%}.view-wrapper-calendar .calendar-content .left-content .buttons .dx-button{border-radius:4px;font-size:13px;width:calc((100% - var(--theme-padding))/2)}.view-wrapper-calendar .calendar-content .left-content .calendar{align-self:center;padding:var(--theme-padding) 0}.view-wrapper-calendar .calendar-content .left-content .dx-calendar{width:var(--calendar-width)}.view-wrapper-calendar .calendar-content .main-content{border:1px gray;border-radius:8px;flex:1 1;height:inherit}.view-wrapper-calendar .dx-scheduler-agenda .dx-scheduler-appointment-recurrence-icon,.view-wrapper-calendar .dx-scheduler-appointment-content{color:#333}.view-wrapper-calendar .dx-scheduler-header{border-radius:8px 8px 0 0;height:var(--scheduler-toolbar-height)}.view-wrapper-calendar .dx-scheduler-work-space{border-radius:0 0 8px 8px}.dx-tooltip-wrapper>.dx-popup-normal{background-color:var(--base-bg)!important;border-radius:8px!important;color:var(--base-text-color)!important;filter:drop-shadow(0 4px 24px rgba(0,0,0,.24));max-width:360px}.calendar-list{width:100%}.calendar-list .dx-list-group-header .dx-inkripple{border-radius:4px}.calendar-list .list-header{align-items:center;color:var(--base-text-color);display:flex;font-family:Roboto,sans-serif;font-size:16px;font-style:normal;font-weight:500;gap:8px;line-height:18px;vertical-align:middle}.calendar-list .dx-list .dx-list-group-body .dx-list-item.dx-list-item-selected{background-color:var(--base-bg)}.calendar-list .dx-list .dx-list-group:not(.dx-list-group-collapsed):not(:last-child){border-style:none}.calendar-list .list-item{align-items:center;border-radius:4px;display:flex;vertical-align:middle}.calendar-list .list-item-text{font-family:Roboto,sans-serif;font-size:13px;font-style:normal;font-weight:400;line-height:16px;padding:0 8px}#left-side-panel{--left-side-panel-width:320px;--transition:400ms}.left-side-panel{border:1px solid transparent;position:relative}.left-side-panel .side-panel-container{display:flex;height:100%}.left-side-panel .side-panel-container .side-panel-content-wrapper{height:100%}.left-side-panel .side-panel-container .side-panel-content-wrapper .side-panel-content{align-items:center;display:flex;flex-direction:column}.left-side-panel .side-panel-content-wrapper{height:calc(100vh - 60px - var(--theme-padding));overflow:hidden;transition:width var(--transition);width:0}.left-side-panel .side-panel-content-wrapper .dx-scrollview{min-width:var(--left-side-panel-width)}.left-side-panel.open .side-panel-content-wrapper{padding-left:0;width:var(--left-side-panel-width)}.left-side-panel.overlapping .button-container{align-items:center;display:flex;flex-direction:row;height:calc(var(--button-height) + var(--theme-padding)*2)}.left-side-panel.overlapping .side-panel-content-wrapper{background-color:var(--base-bg);box-shadow:8px 0 16px -8px var(--border-color);height:calc(100vh - 60px);left:var(--button-height);padding-top:var(--theme-padding);position:absolute;top:calc(var(--theme-padding)*-1);z-index:3}.left-side-panel.overlapping .side-panel-content-wrapper.open{padding-right:var(--content-padding)}#right-side-panel{--side-panel-width:calc(var(--calendar-width) + var(--content-padding))}.screen-x-small #side-panel{--side-panel-width:100vw}.right-side-panel{display:none}.right-side-panel.open{border:1px solid var(--border-color);border-radius:8px;display:block;flex:0 1 var(--side-panel-width)}.right-side-panel.overlap{background:var(--base-bg);bottom:0;padding-top:var(--content-padding);position:absolute;top:0;z-index:5}.right-side-panel.overlap.x-small{padding-top:0}.right-side-panel.overlap.side-right{right:calc(var(--side-panel-width)*-1);transition:right .4s}.right-side-panel.overlap.open{border:2px var(--border-color);border-radius:0;box-shadow:0 0 8px var(--border-color);right:0;transition:right .4s ease;width:var(--side-panel-width);z-index:7}.right-panel-open-button.dx-button{height:var(--button-height);margin-top:var(--theme-padding);z-index:6}.right-panel-open-button.dx-button .dx-icon{color:var(--accent-color)}.right-panel-open-button.dx-button.hidden{display:none}.agenda .agenda-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-direction:row;justify-content:space-between;padding:var(--theme-padding)}.agenda .agenda-header,.agenda .agenda-header .dx-button .dx-icon{color:var(--accent-color)}.agenda .agenda-header .date{font-family:Roboto,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:16px}.agenda .dx-list-item{border-bottom:1px solid var(--border-color)}.agenda-list-item{align-items:flex-start;display:flex;flex-direction:row;gap:32px}.agenda-list-item .time{align-items:flex-start;display:flex;flex-direction:column;opacity:1;width:36px}.agenda-list-item .time,.agenda-list-item .time .duration{font-family:Roboto,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.agenda-list-item .time .duration{opacity:.7}.agenda-list-item .description{overflow:hidden}.agenda-list-item .description .description-title{font-family:Roboto,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:16px;overflow:hidden;text-overflow:ellipsis}.agenda-list-item .description .description-resource{font-family:Roboto,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:18px;opacity:.7}.appointment-tooltip{text-align:left;white-space:normal;width:100%}.appointment-tooltip .title{font-family:Roboto,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:18px;padding:8px 8px 8px 16px}.appointment-tooltip .content{padding:0 10px}.appointment-tooltip .date{align-items:center;height:50px;width:100%}.appointment-tooltip .date,.appointment-tooltip .description{display:flex;flex-direction:row;font-family:Roboto,sans-serif;font-size:14px;font-style:normal;font-weight:400;gap:16px;line-height:18px;opacity:.7;padding:8px 0}.appointment-tooltip .description{align-items:flex-start}.appointment-tooltip .buttons{display:flex;gap:16px;padding:var(--theme-padding);width:100%}.appointment-tooltip .buttons .dx-button{border-radius:4px;width:calc((100% - var(--theme-padding))/2)}.appointment-tooltip .buttons .button-danger{background-color:var(--tooltip-danger-button-color)}.appointment-tooltip .buttons .button-success{background-color:var(--tooltip-success-button-color)}.view-wrapper-dashboard td.dx-command-adaptive.dx-command-adaptive,.view-wrapper-dashboard td.sales-bullet.sales-bullet{border-left:none;border-right:none}.cards.compact{grid-template-columns:repeat(4,calc(25% - 15px))}.cards.compact .card{border:none;height:120px}.cards.compact .card,.cards.compact .card .dx-button{background-color:var(--side-panel-background)}.cards.compact .dx-loadpanel-indicator{height:24px;width:24px}.dx-tab.dx-tab-selected{color:#007bff;font-weight:700}@media only screen and (max-width:1400px){.cards.compact{grid-template-columns:repeat(2,calc(50% - 10px))}}@media only screen and (max-width:900px){.cards{grid-template-columns:repeat(1,100%)}}@media only screen and (max-width:700px){.cards.compact{grid-template-columns:repeat(1,100%)}}.cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,calc(50% - 10px));margin-top:20px;width:100%}.cards.wide{grid-template-columns:repeat(1,100%);margin-right:0}.sales-bars,.sales-pie{display:inline-block;height:100%}.sales-bars{width:calc(100% - 600px)}:root{--form-padding:20px;--section-shadow:0 2px 8px rgba(0,0,0,.08)}.user-profile{padding-top:20px}.user-profile,.user-profile .view-wrapper{display:flex;flex-direction:column;height:100%}.user-profile .view-wrapper{overflow:hidden}.user-profile .dx-toolbar{background:transparent;border:none;padding:0 20px;position:relative;transition:all .3s ease;z-index:100}.user-profile .dx-toolbar.scrolled{box-shadow:0 2px 8px rgba(0,0,0,.1)}.user-profile .dx-toolbar .header-text{color:var(--base-text-color);font-size:20px;font-weight:500}.user-profile .dx-toolbar .dx-button.cancel-button{margin-right:8px}.user-profile .form-scroll-container{flex:1 1;height:100%;padding:20px}.user-profile .form-scroll-container,.user-profile .form-scroll-container .dx-scrollable-container{scrollbar-color:#4a4a4a transparent;scrollbar-width:thin}.user-profile .form-scroll-container .dx-scrollable-container::-webkit-scrollbar{height:6px;width:6px}.user-profile .form-scroll-container .dx-scrollable-container::-webkit-scrollbar-track{background:transparent}.user-profile .form-scroll-container .dx-scrollable-container::-webkit-scrollbar-thumb{background-color:#4a4a4a;border-radius:3px}.user-profile .form-scroll-container .dx-scrollable-container::-webkit-scrollbar-thumb:hover{background-color:#5a5a5a}.user-profile .form-scroll-container .dx-scrollbar-vertical .dx-scrollable-scroll{background-color:#4a4a4a;border-radius:3px;opacity:.7;transition:opacity .2s,background-color .2s}.user-profile .form-scroll-container .dx-scrollbar-vertical .dx-scrollable-scroll.dx-state-hover,.user-profile .form-scroll-container .dx-scrollbar-vertical .dx-scrollable-scroll:hover{background-color:#5a5a5a;opacity:1}.user-profile .form-scroll-container .dx-scrollbar-vertical .dx-scrollable-scrollbar.dx-state-active .dx-scrollable-scroll{background-color:#6a6a6a}.user-profile .cards-container{display:flex;flex-direction:column;gap:20px;margin:0;max-width:100%;width:100%}.user-profile .cards-container .basic-info-card{margin:0 0 20px;width:100%}.user-profile .cards-container .bottom-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.profile-photo{align-items:center;border:2px solid #d9d9d9;border-radius:50%;cursor:pointer;display:flex;height:120px;justify-content:center;margin:0 auto 16px;overflow:hidden;position:relative;transition:all .3s ease;width:120px}.profile-photo:hover{border-color:#1890ff}.profile-photo:hover .change-photo-hint{opacity:1;transform:translateY(0)}.profile-photo:hover .default-avatar{transform:scale(.95)}.profile-photo .default-avatar{align-items:center;background:transparent;border-radius:50%;display:flex;height:100%;justify-content:center;transition:all .3s ease;width:100%}.profile-photo .default-avatar .dx-icon-user{color:#8c8c8c;font-size:56px;transition:all .3s ease}.profile-photo .change-photo-hint{align-items:center;background:rgba(0,0,0,.7);bottom:0;color:#fff;display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:4px;left:0;opacity:0;padding:8px 4px;position:absolute;right:0;text-align:center;transform:translateY(10px);transition:all .3s ease}.profile-photo .change-photo-hint .dx-icon{font-size:16px;margin-bottom:2px}.profile-photo .change-photo-hint span{display:block;line-height:1.2}.profile-card{background:var(--section-bg);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--section-shadow);padding:20px;padding:var(--form-padding);transition:transform .2s ease,box-shadow .2s ease}.profile-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12);transform:translateY(-2px)}.profile-card .section-title{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);color:var(--base-text-color);display:flex;font-size:16px;gap:8px;margin:0 0 20px;padding-bottom:12px}.profile-card .section-title .dx-icon{color:#3f51b5;color:var(--accent-color)}.profile-card .profile-header{align-items:center;display:flex;gap:20px;margin-bottom:20px}.profile-card .profile-header .profile-photo{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;height:80px;overflow:hidden;position:relative;width:80px}.profile-card .profile-header .profile-photo .profile-image{height:100%;object-fit:cover;width:100%}.profile-card .profile-header .profile-photo .change-photo-btn{background:rgba(0,0,0,.7);border:none;bottom:0;color:#fff;cursor:pointer;font-size:16px;left:0;opacity:0;padding:4px;position:absolute;right:0;text-align:center;transition:opacity .2s ease}.profile-card .profile-header .profile-photo .change-photo-btn .dx-icon{color:#fff}.profile-card .profile-header .profile-photo:hover .change-photo-btn{opacity:1}.profile-card .profile-header .profile-info{flex:1 1;min-width:0}.profile-card .profile-header .profile-info .profile-name{color:var(--base-text-color);font-size:18px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card .profile-header .profile-info .profile-id{align-items:center;color:#666;color:var(--texteditor-label-color);display:flex;font-size:13px;gap:6px}.profile-card .profile-header .profile-info .profile-id .copy-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;color:var(--texteditor-label-color);cursor:pointer;display:inline-flex;justify-content:center;opacity:.6;padding:2px;transition:opacity .2s ease}.profile-card .profile-header .profile-info .profile-id .copy-btn:hover{background-color:rgba(0,0,0,.04);opacity:1}.profile-card .contact-info{align-items:center;border-radius:6px;display:flex;gap:16px;margin-bottom:20px;padding:12px}.profile-card .contact-info .icon-wrapper{align-items:center;background:rgba(63,81,181,.1);background:rgba(var(--accent-color-rgb),.1);border-radius:50%;color:#3f51b5;color:var(--accent-color);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.profile-card .contact-info .icon-wrapper .dx-icon{font-size:20px}.profile-card .contact-info .icon-wrapper.email{background:rgba(33,150,243,.1);color:#2196f3}.profile-card .contact-info .contact-details{flex:1 1;min-width:0}.profile-card .contact-info .contact-details .phone-number{font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card .contact-info .contact-details .email-address{align-items:center;color:#666;color:var(--texteditor-label-color);display:flex;font-size:13px;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card .contact-info .contact-details .email-address .copy-btn{align-items:center;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;opacity:.6;padding:2px;transition:opacity .2s ease}.profile-card .contact-info .contact-details .email-address .copy-btn:hover{background-color:rgba(0,0,0,.04);opacity:1}.profile-card .form-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.profile-card .form-row:last-child{margin-bottom:0}.profile-card .form-group{flex:1 1;min-width:0}.profile-card .form-group label{color:#666;color:var(--texteditor-label-color);display:block;font-size:13px;margin-bottom:6px}.profile-card .form-group.full-width{flex:0 0 100%}.profile-card .form-group .dx-texteditor{border-radius:4px}.profile-card .form-group .dx-texteditor.dx-state-focused{border-color:#3f51b5;border-color:var(--accent-color)}.profile-card .change-password-btn{background-color:#3f51b5;background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;display:inline-block;font-weight:500;height:40px;margin:16px 0 0;min-width:180px;padding:8px;transition:background-color .2s ease;width:auto}.profile-card .change-password-btn:hover{background-color:#32408f}.loading{align-items:center;color:#666;color:var(--texteditor-label-color);display:flex;font-size:14px;height:100%;justify-content:center}@media(max-width:768px){.cards-container{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}.profile-header .profile-photo{margin:0 auto 16px}.profile-header .profile-info{text-align:center;width:100%}.contact-info{flex-direction:column;text-align:center}.contact-info .icon-wrapper{margin:0 auto 12px}.form-row{flex-direction:column;gap:12px}.form-row .form-group{width:100%}}.h-separator{background:var(--border-color);height:1px;width:auto}.change-profile-password-popup.form-popup .dx-form{height:auto;height:var(--change-password-popup-height,auto)}.change-profile-password-popup.form-popup .dx-popup-normal{border-radius:8px;padding:8px 0}.change-profile-password-popup.form-popup .dx-popup-normal .dx-toolbar{padding:0 24px 8px}.demo-container{border-radius:4px;display:flex;flex-direction:column;height:calc(100vh - 20px);margin:10px}.demo-header{border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.1);color:#333;flex-shrink:0;margin:0 20px 10px;padding:5px}.demo-header .demo-heading{margin-bottom:1rem}.demo-header .demo-heading h2{color:var(--base-text-color);font-size:25px;font-weight:500;margin:0}.demo-header .filter-container .filter-group{display:flex;flex-wrap:wrap;gap:1.5rem}.demo-header .filter-container .filter-group .select-wrapper{max-width:200px;min-width:180px}.demo-header .filter-container .filter-group .select-wrapper label{color:var(--base-text-color);font-weight:500;margin-right:10px}.demo-header .filter-container .filter-group .filter-status-group{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;margin-left:.5rem}.demo-header .filter-container .filter-group .filter-status-group .radio-group{display:flex;flex-direction:column;gap:8px}.demo-header .filter-container .filter-group .filter-status-group .radio-group label{color:var(--base-text-color);font-weight:500;margin-right:10px}.demo-header .filter-container .filter-group .filter-status-group .radio-group div{display:flex;gap:15px}.demo-header .filter-container .filter-group .filter-status-group .checkbox-group{display:flex;flex-direction:column;gap:10px}.demo-header .filter-container .filter-group .filter-status-group .checkbox-group label{align-items:center;color:var(--base-text-color);display:flex;gap:5px}.demo-header .filter-container .filter-group .filter-buttons{align-items:flex-end;display:flex}.demo-header .filter-container .filter-group .filter-buttons .apply-button{background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.5rem}.demo-header .filter-container .filter-group .filter-buttons .apply-button:hover{background-color:#1976d2}.demo-grid-container{border-radius:8px;flex:1 1;margin-left:15px;margin-right:20px;min-height:0;padding:5px}.demo-grid-container :global(.dx-widget){border:1px solid #ddd;border-radius:8px}.demo-grid-container :global(.dx-datagrid){background:#fff}.demo-grid-container :global(.dx-datagrid-pager){background:#fff;border-top:1px solid #ddd;padding:8px}.main-content{display:flex;flex-direction:column;flex-grow:1;height:100%;padding:0}.hidden-grid{height:0;overflow:hidden;position:absolute;visibility:hidden;width:100%}.report-container{background:#f9f9f9;max-height:90vh;overflow-y:auto;padding:20px}.toolbar{align-items:center;background:none;border-radius:8px;gap:10px;margin-bottom:20px;padding:10px 16px;-webkit-user-select:none;user-select:none}.canvas-wrapper,.toolbar{display:flex;justify-content:center}.canvas-wrapper{box-shadow:0 4px 12px rgba(0,0,0,.3);margin:0 auto;width:794px}.toolbar-icon{align-items:center;background:none;border:none;border-radius:6px;color:#646464;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:6px 8px;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.toolbar-icon:hover{background:#fff;box-shadow:0 3px 10px hsla(0,0%,66%,.7);color:#a8a8a8}.toolbar-icon:active{box-shadow:0 1px 5px hsla(0,0%,66%,.5);transform:scale(.95)}.toolbar-icon:focus{box-shadow:0 0 0 3px hsla(0,0%,66%,.8);outline:none}.page-select,.zoom-select{background:#fff;border:none;border-radius:6px;box-shadow:0 2px 6px hsla(0,0%,44%,.4);color:#707070;cursor:pointer;font-size:14px;font-weight:600;padding:5px 10px;transition:box-shadow .3s ease}.page-select:hover,.zoom-select:hover{box-shadow:0 4px 15px hsla(0,0%,44%,.7)}.page-select:focus,.zoom-select:focus{box-shadow:0 0 0 3px hsla(0,0%,44%,.9);outline:none}.report-button{background:linear-gradient(135deg,#c41ae6,#7b1fa2);border:none;border-radius:25px;box-shadow:0 4px 15px rgba(196,26,230,.6);color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 28px;transition:background .4s ease,transform .2s ease,box-shadow .4s ease}.report-button:hover{background:linear-gradient(135deg,#7b1fa2,#c41ae6);box-shadow:0 6px 20px rgba(196,26,230,.9);transform:scale(1.05)}.report-button:active{box-shadow:0 3px 10px rgba(196,26,230,.7);transform:scale(.95)}.report-button:focus{box-shadow:0 0 0 3px rgba(196,26,230,.7);outline:none}.report-title{margin-bottom:20px;margin-top:10px}.report-pages{align-items:center;display:flex;flex-direction:column;gap:20px}.report-page-image{background:#fff;border:1px solid #ccc;box-shadow:0 2px 6px rgba(0,0,0,.2)}.print-preview-modal{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;overflow:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.print-preview-content{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 0 20px rgba(196,26,230,.7);display:flex;flex-direction:column;height:90vh;overflow-y:auto;padding:20px;width:85vw}.close-btn,.print-btn{border:none;border-radius:25px;box-shadow:0 4px 15px rgba(196,26,230,.6);color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:12px;padding:12px 28px;transition:background .4s ease,transform .2s ease,box-shadow .4s ease}.print-btn{background:linear-gradient(135deg,#c41ae6,#7b1fa2);margin-right:10px}.print-btn:hover{background:linear-gradient(135deg,#7b1fa2,#c41ae6);box-shadow:0 6px 20px rgba(196,26,230,.9);transform:scale(1.05)}.print-btn:active{box-shadow:0 3px 10px rgba(196,26,230,.7);transform:scale(.95)}.print-btn:focus{box-shadow:0 0 0 3px rgba(196,26,230,.7);outline:none}.close-btn{background:#ccc;box-shadow:none;color:#333;margin-bottom:20px}.close-btn:hover{background:#bbb}.close-btn:active{background:#aaa}.print-preview-pages{flex-grow:1;overflow-y:auto;width:100%}.print-preview-pages img{border:1px solid #ccc;box-shadow:0 2px 6px rgba(0,0,0,.2);display:block;height:auto;margin-bottom:20px;max-width:100%;page-break-after:always}:root{--form-padding:16px;--border-radius:8px;--border-color:#e0e0e0;--section-bg:#fff;--section-shadow:0 2px 8px rgba(0,0,0,.15);--section-shadow-hover:0 4px 12px rgba(0,0,0,.2);--accent-color:#3f51b5;--accent-color-rgb:63,81,181;--texteditor-label-color:#666;--base-text-color:#333}.pro-enquiry-container{background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh;margin:0;overflow:auto;padding:0 0 20px}.pro-enquiry-container .two-column-layout{display:flex;flex:1 1;gap:16px;min-height:min-content;overflow:visible;padding:16px}.pro-enquiry-container .two-column-layout::-webkit-scrollbar{height:6px;width:6px}.pro-enquiry-container .two-column-layout::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.pro-enquiry-container .two-column-layout::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.pro-enquiry-container .two-column-layout::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.pro-enquiry-container .two-column-layout h6{border-bottom:1px solid #f0f0f0;color:#444;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;margin-top:0;padding-bottom:6px;text-transform:uppercase}.pro-enquiry-container .two-column-layout .left-column{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:5px;margin-bottom:20px;margin-right:8px;max-height:calc(100vh - 64px);min-width:0;overflow-y:auto;padding:0 8px 20px 0;scrollbar-color:#d1d1d1 transparent;scrollbar-width:none;scrollbar-width:thin}.pro-enquiry-container .two-column-layout .left-column::-webkit-scrollbar{height:0;width:0;width:6px}.pro-enquiry-container .two-column-layout .left-column::-webkit-scrollbar-thumb{background-color:#d1d1d1;border-radius:3px}.pro-enquiry-container .two-column-layout .left-column::-webkit-scrollbar-thumb:hover{background-color:#b0b0b0}.pro-enquiry-container .two-column-layout .right-column{border-left:1px solid #e0e0e0;border-left:1px solid var(--border-color);display:flex;flex:1 1;flex-direction:column;gap:5px;margin-bottom:20px;max-height:none;min-width:0;overflow:visible;padding:0 0 20px 16px}.tabs-container{border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:var(--section-shadow);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;width:100%}.tabs-container .dx-tabs{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;margin:0;min-height:18px;padding:0 0 1px}.tabs-container .dx-tabs .dx-tab{border:1px solid transparent;border-bottom:none;border-radius:2px 2px 0 0;color:#666;color:var(--texteditor-label-color);cursor:pointer;font-size:12px;font-size:11px;font-weight:500;height:15px;line-height:1.1;margin:0;padding:2px 8px;text-align:center;transition:all .2s ease;white-space:nowrap}.tabs-container .dx-tabs .dx-tab.dx-tab-selected{border-bottom:2px solid #3f51b5;border-bottom:2px solid var(--accent-color);color:#3f51b5;color:var(--accent-color);margin-bottom:-1px;position:relative}.tabs-container .dx-tabs .dx-tab.dx-tab-selected:after{background:#3f51b5;background:var(--accent-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.tabs-container .dx-tabs .dx-tab.dx-tab-selected .dx-tab-text{font-weight:600}.tabs-container .dx-tabs .dx-tab:hover:not(.dx-tab-selected){background-color:rgba(0,0,0,.02)}.tabs-container .tab-content{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:visible;padding:8px}.tabs-container .tab-content .dx-datagrid{border:none;display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0}.tabs-container .tab-content .dx-datagrid .dx-datagrid-rowsview{border:none;flex:1 1;min-height:0;overflow-y:auto}.info-box{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:var(--section-shadow);padding:16px;transition:box-shadow .2s ease}.info-box:not(:last-child){margin-bottom:16px}.info-box:hover{box-shadow:0 4px 12px rgba(0,0,0,.2);box-shadow:var(--section-shadow-hover)}.form-row{display:flex;gap:16px;margin-bottom:6px}.form-row .form-group{flex:1 1;margin-bottom:0;min-width:0}.form-row .form-group.customer-select{flex:2 1}.form-row .form-group.mobile-select{flex:1.5 1}.form-row .form-group.create-customer-btn{align-items:flex-end;display:flex;flex:0 0 auto;padding-bottom:5px}.form-row .form-group.create-customer-btn .dx-button{font-size:13px;height:30px;min-width:120px}.form-row .form-group.address-1,.form-row .form-group.address-2,.form-row .form-group.address-3,.form-row .form-group.contact-no,.form-row .form-group.contact-person,.form-row .form-group.email,.form-row .form-group.full-name,.form-row .form-group.landline{flex:1 1}.customer-details .customer-row{margin-bottom:12px}.customer-details .address-row{margin-bottom:8px}.work-info .form-row:nth-of-type(2) .work-nature{flex:1.5 1}.work-info .form-row:nth-of-type(2) .sub-category{flex:2 1}.work-info .form-row:nth-of-type(3){align-items:flex-end}.work-info .form-row:nth-of-type(3) .due-date{flex:1.5 1}.work-info .form-row:nth-of-type(3) .quotation-rate{flex:1 1}.work-info .form-row:nth-of-type(3) .quotation-rate .dx-texteditor-input{padding-right:8px;text-align:right}.work-info .form-row:nth-of-type(3) .create-quote-btn{align-items:flex-end;display:flex;flex:1 1}.work-info .form-row:nth-of-type(3) .create-quote-btn .dx-button{height:36px;width:100%}.work-info .form-row:nth-of-type(3) .create-quote-btn .dx-button .dx-button-content{font-size:13px;padding:6px 12px}.form-group{margin-bottom:12px}.form-group label{color:#666;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.button-group{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;margin-top:auto;padding:16px 0 0}h6{border-bottom:1px solid #f0f0f0;color:#444;font-size:8px;font-weight:600;letter-spacing:.5px;line-height:1.2;margin:0 0 12px;padding:0 0 6px;text-transform:uppercase}@media(max-width:768px){.pro-enquiry-container .two-column-layout{flex-direction:column;height:auto}.pro-enquiry-container .two-column-layout .left-column,.pro-enquiry-container .two-column-layout .right-column{flex:1 1 100%;width:100%}.pro-enquiry-container .form-row{flex-direction:column;gap:12px}}.side-nav-outer-toolbar{display:flex;flex-direction:column;height:100%;width:100%}.layout-header{z-index:1501}.layout-body{background-color:var(--background-color)}.drawer{flex:1 1;min-height:0}.content{flex-grow:1}.single-card,.single-card .dx-scrollview-content{height:100%}:root .dx-theme-generic{--change-password-popup-height:190px}.view-wrapper-scroll>.dx-scrollable-wrapper>.dx-scrollable-container>.dx-scrollable-content{height:100%}.view-wrapper-scroll>.dx-scrollable-wrapper>.dx-scrollable-container>.dx-scrollable-content>.dx-scrollview-content{display:flex;flex-direction:column;min-height:100%}body,html{height:100%;margin:0;min-height:100%}body *,html *{box-sizing:border-box}.theme-text-color{color:var(--dx-color-text)}.theme-bg-color{background-color:var(--dx-component-color-bg)}.header-text{font-size:22px;font-weight:400;padding-right:25px}.title-text{font-size:16px;font-weight:500}.subtitle-text{color:var(--subtitle-text-color);font-size:14px;font-weight:400}#root{height:100%}.app{background-color:var(--side-panel-background);display:flex}.app,.app .content{height:100%;width:100%}.app .content{flex-grow:1;line-height:1.5;position:relative}.app h2{font-size:30px;margin-bottom:20px;margin-top:20px}.separator{background:var(--border-color);height:24px;width:1px}.dx-toolbar-menu-section .separator{height:1px;width:auto}.view-wrapper{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;padding:0 var(--page-padding)}.responsive-paddings{padding:20px}.screen-large .responsive-paddings{padding:40px}.cards .card .card-contents{box-sizing:content-box}.dx-card.wide-card{border-left:0;border-radius:0;border-right:0;margin-left:0;margin-right:0}.dx-texteditor-label{height:auto}.dx-label{line-height:1}.embedded .dx-drawer-shader,.embedded .dx-swatch-additional,.embedded .layout-header{display:none!important}.embedded .dx-drawer-content{padding:initial!important}.embedded .dx-drawer-panel-content,.embedded .dx-drawer-panel-content .dx-overlay-content{width:auto!important}.dx-form.plain-styled-form .dx-layout-manager .dx-field-item,.dx-form.plain-styled-form.dx-form>.dx-layout-manager.dx-layout-manager-one-col .dx-field-item.dx-last-row:not(.dx-last-col){padding-bottom:0}.dx-form.plain-styled-form .dx-layout-manager .dx-field-item:not(.dx-first-col){padding-left:0}.dx-form.plain-styled-form .dx-layout-manager .dx-field-item.contact-fields-group{padding:15px 0}.dx-form.plain-styled-form .dx-layout-manager .dx-field-item .task-priority{font-size:13px;line-height:18px}.dx-form.plain-styled-form.view-mode .accent .dx-texteditor.form-editor .form-editor-input,.dx-form.plain-styled-form.view-mode .accent .dx-texteditor.form-editor.dx-editor-filled .form-editor-input{color:var(--accent-color)}.dx-form.plain-styled-form.view-mode .dx-texteditor,.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor,.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor.dx-editor-filled{pointer-events:none}.dx-form.plain-styled-form.view-mode .dx-texteditor .form-editor-input,.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor .form-editor-input,.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor.dx-editor-filled .form-editor-input{color:var(--texteditor-edit-color)}.dx-form.plain-styled-form.view-mode .dx-texteditor,.dx-form.plain-styled-form.view-mode .dx-texteditor.dx-state-readonly,.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor,.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor.dx-editor-filled,.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor.dx-editor-filled.dx-state-readonly,.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor.dx-editor-filled>*,.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor.dx-state-readonly,.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor>*,.dx-form.plain-styled-form.view-mode .dx-texteditor>*{background-color:transparent}.dx-form.plain-styled-form.view-mode .dx-texteditor,.dx-form.plain-styled-form.view-mode .dx-texteditor *,.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor,.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor *,.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor.dx-editor-filled,.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor.dx-editor-filled *,.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor.dx-editor-filled:after,.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor:after,.dx-form.plain-styled-form.view-mode .dx-texteditor:after{border-color:transparent;opacity:1}.dx-card.details-card{border:none}.status-commission{color:#03a9f4}.status-commission.dx-texteditor input[statuseditorinput][readonly],.status-commission.dx-texteditor.dx-editor-filled input[statuseditorinput][readonly]{color:#03a9f4;padding-left:0}.status-commission span:before{background-color:#03a9f4}.status-salaried{color:#2eb52c}.status-salaried.dx-texteditor input[statuseditorinput][readonly],.status-salaried.dx-texteditor.dx-editor-filled input[statuseditorinput][readonly]{color:#2eb52c;padding-left:0}.status-salaried span:before{background-color:#2eb52c}.status-terminated{color:#de8e8c}.status-terminated.dx-texteditor input[statuseditorinput][readonly],.status-terminated.dx-texteditor.dx-editor-filled input[statuseditorinput][readonly]{color:#de8e8c;padding-left:0}.status-terminated span:before{background-color:#de8e8c}.item-editor-field .item-field.item-open,.item-field.item-open{color:#505ed9}.item-editor-field .item-field.item-open.dx-texteditor .item-editor-input,.item-field.item-open.dx-texteditor .item-editor-input{color:#505ed9;padding-left:0}.item-editor-field .item-field.item-in-progress,.item-field.item-in-progress{color:#34aa95}.item-editor-field .item-field.item-in-progress.dx-texteditor .item-editor-input,.item-field.item-in-progress.dx-texteditor .item-editor-input{color:#34aa95;padding-left:0}.item-editor-field .item-field.item-deferred,.item-field.item-deferred{color:#969696}.item-editor-field .item-field.item-deferred.dx-texteditor .item-editor-input,.item-field.item-deferred.dx-texteditor .item-editor-input{color:#969696;padding-left:0}.item-editor-field .item-field.item-completed,.item-field.item-completed{color:#2b9029}.item-editor-field .item-field.item-completed.dx-texteditor .item-editor-input,.item-field.item-completed.dx-texteditor .item-editor-input{color:#2b9029;padding-left:0}.item-editor-field .item-field.item-low,.item-field.item-low{color:#d3a268}.item-editor-field .item-field.item-low.dx-texteditor .item-editor-input,.item-field.item-low.dx-texteditor .item-editor-input{color:#d3a268;padding-left:0}.item-editor-field .item-field.item-normal,.item-field.item-normal{color:#6fbaca}.item-editor-field .item-field.item-normal.dx-texteditor .item-editor-input,.item-field.item-normal.dx-texteditor .item-editor-input{color:#6fbaca;padding-left:0}.item-editor-field .item-field.item-high,.item-field.item-high{color:#ff5722}.item-editor-field .item-field.item-high.dx-texteditor .item-editor-input,.item-field.item-high.dx-texteditor .item-editor-input{color:#ff5722;padding-left:0}.item-editor-field .item-field span,.item-field span{font-size:13px}.item-editor-field{display:flex;padding-left:var(--list-padding-left)}.item-editor-field .item-field{align-self:flex-end}.messages-content{background-color:var(--base-bg);border-top:1px solid var(--border-color);padding:20px}.dx-theme-fluent .dx-widget,.dx-theme-fluent-typography{font-family:Inter,sans-serif}.dx-theme-fluent .dx-drawer-panel-content{box-shadow:0 4px 4px 0 rgba(0,0,0,.12)}.dx-theme-fluent .footer,.dx-theme-fluent .layout-body .menu-container.theme-dependent{background-color:var(--base-bg)}.dx-theme-fluent .layout-body .menu-container.theme-dependent{padding-top:0}.dx-theme-fluent .view-wrapper .dx-toolbar.dx-widget.theme-dependent,.dx-theme-fluent .view-wrapper .grid.theme-dependent .dx-toolbar{background-color:var(--base-bg);border-radius:8px;box-shadow:0 4px 20px 0 rgba(0,0,0,.04);padding:5px var(--content-padding)}.dx-theme-fluent .view-wrapper .grid.theme-dependent .dx-datagrid-header-panel{padding:0}.dx-theme-fluent .view-wrapper .panels .left{background-color:var(--base-bg);border-radius:8px;box-shadow:0 4px 20px 0 rgba(0,0,0,.04);padding:16px 24px}.dx-theme-fluent .view-wrapper .panels .right{flex:1 calc(100% - var(--left-panel-width) - 110px)!important}.dx-theme-fluent .view-wrapper.view-wrapper-contact-list{margin-bottom:var(--content-padding)}.dx-theme-fluent .view-wrapper.list-page{margin-top:var(--content-padding)}.dx-theme-fluent .view-wrapper.list-page .dx-toolbar.dx-widget.theme-dependent,.dx-theme-fluent .view-wrapper.list-page .grid.theme-dependent .dx-toolbar{margin-bottom:var(--content-padding)}.dx-theme-fluent .dx-card{box-shadow:0 4px 20px 0 rgba(0,0,0,.04)}.dx-theme-fluent .plain-styled-form .form-photo{border-radius:50%}.dx-theme-fluent .contact-form .dx-state-readonly .status-editor-field,.dx-theme-fluent .dx-form.plain-styled-form.view-mode .dx-texteditor.dx-editor-filled .form-editor-input,.dx-theme-fluent .dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor .form-editor-input{padding-left:0}.dx-theme-fluent .contact-form .status-editor-field .status-contact{align-items:center}.dx-theme-fluent .contact-form .form-editor-input{padding-left:0}.dx-theme-fluent .cards:not(.compact) .card{background:var(--base-bg);border:0;border-radius:8px;box-shadow:0 4px 20px 0 rgba(0,0,0,.04)}.dx-theme-fluent .dx-state-readonly .form-editor-input,.dx-theme-fluent .dx-state-readonly .item-editor-field,.dx-theme-fluent .dx-state-readonly .status-input.status-editor-input{padding-left:0}.dx-theme-fluent .dx-form.plain-styled-form .dx-button.form-item-button{margin-left:0;margin-top:5px}.dx-theme-fluent div.gantt{padding:0}.dx-theme-fluent .dx-datagrid-headers.dx-datagrid-nowrap.dx-bordered-top-view{border-radius:8px 8px 0 0}.dx-theme-fluent .theme-dependent .dx-gridbase-container>.dx-bordered-bottom-view{border-radius:0 0 8px 8px}.dx-theme-fluent .profile-card-panel{background-color:var(--base-bg);box-shadow:0 4px 20px 0 rgba(0,0,0,.04)}.dx-theme-fluent .right-side-panel.open{background-color:var(--base-bg)}.budget-heading{margin:.5rem 0}
/*# sourceMappingURL=main.37aabd3a.css.map*/