:root{--background:#ffffff;--foreground:#171717}@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--font-sans:var(--font-geist-sans);--font-mono:var(--font-geist-mono)}@media(prefers-color-scheme:dark){:root{--background:#ffffff;--foreground:#000000}}body{margin:0!important;overflow:hidden!important;background:var(--background);color:var(--foreground);font-family:Figtree,Arial,Helvetica,sans-serif}.input-label{font-size:16px}.required-asterisk{color:#f44336}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;text-indent:.01px;text-overflow:"";background:rgba(0,0,0,0)}::-webkit-scrollbar{width:3px!important}::-webkit-scrollbar-thumb{border-radius:6px;background-color:#4d6cb7!important;box-shadow:0 0 1px hsla(0,0%,100%,.5)!important}*{scrollbar-width:thin!important;scrollbar-color:#4d6cb7 rgba(0,0,0,0)!important}.spinner{border:2px solid rgba(0,0,0,0);border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite}.w-100{width:100%}.h1{font-size:28px}.h2{font-size:24px}.h3{font-size:20px}.h4{font-size:16px}.h5{font-size:14px}.h6{font-size:12px}.h7{font-size:10px}@media(max-width:768px){.h1{font-size:20px}.h2{font-size:16px}.h3{font-size:14px}.h4{font-size:12px}.h5{font-size:10px}.h6{font-size:8px}.w-100{width:50%}}.login-page-content{height:100dvh;display:flex}.login-page-content .login-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.login-page-content .login-container .login-content{display:flex;padding:15rem 25rem;width:100%;justify-content:center;flex-direction:column}.login-page-content .login-container .login-content .image-box{width:100%;height:10%;display:flex;align-items:flex-end}.login-page-content .login-container .login-content .title-box{height:40%;display:flex;flex-direction:column;padding-bottom:1rem;gap:10px}.login-page-content .login-container .login-content .title-box .title{color:#000;font-size:28px;font-weight:600}.login-page-content .login-container .login-content .title-box .description{color:#868686;font-size:14px}.login-page-content .login-container .login-content .login-box{width:100%;height:50%;display:flex;flex-direction:column;gap:1rem}.login-page-content .login-container .login-content .login-box .login-btn{width:100%;display:flex;background-color:#4d6cb7;border:none;padding:10px;color:#e2effa;align-items:center;justify-content:center;font-size:16px;cursor:pointer;border-radius:6px;margin-top:.5rem}.login-page-content .login-container .login-content .login-box .reset-password{display:flex;width:100%;justify-content:flex-end}.login-page-content .login-container .login-content .login-box .reset-password span{text-decoration:underline;color:blue;cursor:pointer}@media(max-width:1200px){.login-container{width:100%!important}.login-container .image-box{padding-bottom:1rem!important}.login-container .title-box .title{font-size:24px!important}.login-container .title-box .description{font-size:12px!important}.visual-container{display:none!important;width:0!important}.login-content{padding:15rem!important}}@media(max-width:600px){.login-content{padding:3rem!important}}.sidebar-container{height:100vh;width:15%;background:#fff;color:#000;transition:all .3s ease;z-index:1001;display:flex;flex-direction:column;box-shadow:2px 0 10px rgba(0,0,0,.1);position:relative}.sidebar-container .sidebar-header{display:flex;width:100%;align-items:center;justify-content:space-between;padding:.5rem 0}.sidebar-container .sidebar-header span{font-size:20px;font-weight:600}.sidebar-container .sidebar-header .logo{max-height:40px;width:auto;object-fit:contain}.sidebar-container .company-selector{position:relative;width:100%}.sidebar-container .company-selector .company-current{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(0,0,0,0)}.sidebar-container .company-selector .company-current:hover{background:#e9ecef;border-color:#dee2e6}.sidebar-container .company-selector .company-current .company-icon{color:#4d6cb7;flex-shrink:0}.sidebar-container .company-selector .company-current .company-name{flex:1 1;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4d6cb7}.sidebar-container .company-selector .company-current .dropdown-arrow{color:#6c757d;transition:transform .2s ease;flex-shrink:0}.sidebar-container .company-selector .company-current .dropdown-arrow.rotated{transform:rotate(180deg)}.sidebar-container .company-selector .company-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:1004;margin-top:.5rem;overflow:hidden}.sidebar-container .company-selector .company-dropdown .dropdown-header{padding:1rem;border-bottom:1px solid #e9ecef;background:#f8f9fa}.sidebar-container .company-selector .company-dropdown .dropdown-header span{font-size:14px;font-weight:600;color:#495057}.sidebar-container .company-selector .company-dropdown .dropdown-list{max-height:200px;overflow-y:auto}.sidebar-container .company-selector .company-dropdown .dropdown-list .dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;position:relative;border-left:3px solid rgba(0,0,0,0)}.sidebar-container .company-selector .company-dropdown .dropdown-list .dropdown-item:hover{background:#e3f2fd}.sidebar-container .company-selector .company-dropdown .dropdown-list .dropdown-item.active{background:#e2effa;border-left-color:#4d6cb7}.sidebar-container .company-selector .company-dropdown .dropdown-list .dropdown-item.active .item-name{color:#4d6cb7;font-weight:600}.sidebar-container .company-selector .company-dropdown .dropdown-list .dropdown-item .item-icon{color:#6c757d;flex-shrink:0}.sidebar-container .company-selector .company-dropdown .dropdown-list .dropdown-item .item-name{flex:1 1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#495057}.sidebar-container .company-selector .company-dropdown .dropdown-list .dropdown-item .active-indicator{width:6px;height:6px;border-radius:50%;background:#4d6cb7;flex-shrink:0}.sidebar-container .company-selector .company-dropdown .dropdown-footer{padding:.75rem;border-top:1px solid #e9ecef;background:#f8f9fa}.sidebar-container .company-selector .company-dropdown .dropdown-footer .manage-companies-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem;background:rgba(0,0,0,0);border:1px dashed #6c757d;border-radius:6px;color:#6c757d;cursor:pointer;transition:all .2s ease;font-size:14px}.sidebar-container .company-selector .company-dropdown .dropdown-footer .manage-companies-btn:hover{background:#fff;border-color:#4d6cb7;color:#4d6cb7}.sidebar-container .company-selector .company-dropdown .dropdown-footer .manage-companies-btn .btn-icon{font-size:.75rem}.sidebar-container.collapsed{width:5%}.sidebar-container.collapsed .logo{transform:scale(.8)}.sidebar-container.collapsed .menu-label,.sidebar-container.collapsed .submenu-label{opacity:0;visibility:hidden}.sidebar-container.collapsed .company-selector{display:none}.sidebar-container .sidebar-top-section{padding:1.5rem 1rem;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;position:relative;min-height:80px}.sidebar-container .sidebar-top-section.top-section-justify-end{justify-content:flex-end}.sidebar-container .sidebar-top-section .logo{transition:all .3s ease;object-fit:contain}.sidebar-container .sidebar-top-section .toggle-button{color:#fff;position:absolute;right:-12px;top:60%;transform:translateY(-50%);background:#4d6cb7;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:1003}.sidebar-container .sidebar-top-section .toggle-button:hover{background:#e2effa;transform:translateY(-50%) scale(1.1)}.sidebar-container .sidebar-bottom-section{flex:1 1;display:flex;flex-direction:column;padding:1rem 0;overflow-y:auto;overflow-x:hidden}.sidebar-container .sidebar-bottom-section .mid-section{flex:1 1;width:100%}.sidebar-container .sidebar-bottom-section .bottom-section{margin-top:auto;border-top:1px solid #e0e0e0;padding-top:.5rem;width:100%}.sidebar-container .menu-group{margin-bottom:.25rem;width:100%}.sidebar-container .sidebar-section{padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;border:none;background:rgba(0,0,0,0);color:inherit;width:100%;text-align:left;box-sizing:border-box}.sidebar-container .sidebar-section:hover{background:#e2effa}.sidebar-container .sidebar-section.selected-sidebar-section{background:#e2effa;border-right:3px solid #4d6cb7;color:#4d6cb7}.sidebar-container .sidebar-section.active-menu{background:#e2effa;border-right:3px solid #4d6cb7}.sidebar-container .sidebar-section.menu-item .menu-item-content{display:flex;align-items:center;gap:.75rem;position:relative;width:100%;box-sizing:border-box}.sidebar-container .sidebar-section.menu-item .menu-item-content .icon{display:flex;align-items:center;justify-content:center;min-width:24px;flex-shrink:0;transition:transform .2s ease}.sidebar-container .sidebar-section.menu-item .menu-item-content .menu-label{flex:1 1;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;min-width:0}.sidebar-container .sidebar-section.menu-item .menu-item-content .submenu-arrow{display:flex;align-items:center;justify-content:center;transition:transform .3s ease;opacity:.7;margin-left:auto;flex-shrink:0;min-width:16px;color:#4d6cb7}.active-menu .sidebar-container .sidebar-section.menu-item .menu-item-content .submenu-arrow{transform:rotate(90deg);opacity:1}.sidebar-container .sidebar-section.menu-item:hover .icon{transform:scale(1.1)}.submenu-backdrop{position:fixed;top:0;left:15%;right:0;bottom:0;background:rgba(0,0,0,.1);z-index:999}.sidebar-container.collapsed~.submenu-backdrop{left:5%}.submenu-sidebar{position:fixed;left:15%;top:0;height:100vh;width:15%;background:#fff;color:#4d6cb7;z-index:1000;animation:slideInRight .2s ease;box-shadow:2px 0 10px rgba(0,0,0,.1);border-left:1px solid #e0e0e0;display:flex;flex-direction:column}.submenu-sidebar .submenu-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1rem;border-bottom:1px solid #e0e0e0;background:#fff;min-height:80px}.submenu-sidebar .submenu-header span{margin:0;font-size:20px;font-weight:700;color:#4d6cb7}.submenu-sidebar .close-submenu-btn{background:none;border:none;color:#4d6cb7;cursor:pointer;padding:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.submenu-sidebar .close-submenu-btn:hover{background:#e2effa}.submenu-sidebar .submenu-content{flex:1 1;padding:1rem 0;overflow-y:auto}.submenu-sidebar .submenu-item{padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;border-left:3px solid rgba(0,0,0,0);margin-bottom:.25rem;width:100%;box-sizing:border-box}.submenu-sidebar .submenu-item:hover{background:#e2effa}.submenu-sidebar .submenu-item.selected-submenu-item{background:#e2effa;color:#4d6cb7}.submenu-sidebar .submenu-item .submenu-item-content{display:flex;align-items:center;gap:.75rem;width:100%}.submenu-sidebar .submenu-item .submenu-item-content .submenu-icon{display:flex;align-items:center;justify-content:center;min-width:20px}.submenu-sidebar .submenu-item .submenu-item-content .submenu-icon .submenu-dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.7}.submenu-sidebar .submenu-item .submenu-item-content .submenu-label{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1}.sidebar-container.collapsed~.submenu-sidebar{left:5%;width:15%}@keyframes slideInRight{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.sidebar-container::-webkit-scrollbar,.submenu-sidebar::-webkit-scrollbar{width:4px}.sidebar-container::-webkit-scrollbar-track,.submenu-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.sidebar-container::-webkit-scrollbar-thumb,.submenu-sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.sidebar-container::-webkit-scrollbar-thumb:hover,.submenu-sidebar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.layout{display:flex;flex-direction:row}.collapse-sidebar-main-container{width:97%!important}.main-container{display:flex;flex-direction:column;width:85%;background-color:#f6f6f6;transition:all .3s ease}@media(max-width:768px){.main-container{width:92%!important}}.table-cell,.table-header{font-size:12px}.table-cell .cell-multiline,.table-header .cell-multiline{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-cell input[type=checkbox],.table-header input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #ccc;border-radius:3px;background:#fff;position:relative}.table-cell input[type=checkbox]:checked,.table-header input[type=checkbox]:checked{background:#4d6cb7;border-color:#4d6cb7}.table-cell input[type=checkbox]:checked:before,.table-header input[type=checkbox]:checked:before{content:"✓";position:absolute;color:#fff;font-size:10px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.table-cell input[type=checkbox]:indeterminate,.table-header input[type=checkbox]:indeterminate{background:#4d6cb7;border-color:#4d6cb7}.table-cell input[type=checkbox]:indeterminate:before,.table-header input[type=checkbox]:indeterminate:before{content:"";position:absolute;width:8px;height:2px;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}.table-cell input[type=checkbox]:hover,.table-header input[type=checkbox]:hover{border-color:#4d6cb7}.reusable-table-container{display:flex;flex-direction:column;height:77vh;border-radius:8px;overflow:hidden;position:relative;padding-left:1rem;padding-right:2rem}.table-selection-summary{color:#6c757d;font-size:12px;padding-bottom:.5rem}.table-scroll-container{flex:1 1;overflow:hidden;display:flex;flex-direction:column}.table-header-wrapper{flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:100;background:#e2effa;border-bottom:2px solid #e9ecef;overflow:hidden}.table-header-wrapper .reusable-table{width:max-content;min-width:100%;border-collapse:collapse;margin-bottom:0}.table-header-wrapper .reusable-table .table-header{position:relative;background:#e2effa;padding:12px 16px;text-align:left;font-weight:600;border-bottom:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.table-header-wrapper .reusable-table .table-header.sortable{cursor:pointer}.table-header-wrapper .reusable-table .table-header.sortable:hover{background:#e9ecef}.table-header-wrapper .reusable-table .table-header .header-content{display:flex;align-items:center;justify-content:center;gap:8px}.table-header-wrapper .reusable-table .table-header .header-content .header-label{flex:1 1}.table-header-wrapper .reusable-table .table-header .column-resizer{position:absolute;right:0;top:50%;transform:translateY(-50%);width:5px;height:25px;background:#4d6cb7;border-radius:10px;cursor:col-resize;opacity:0;transition:all .2s ease;z-index:10}.table-header:hover .table-header-wrapper .reusable-table .table-header .column-resizer{opacity:.3}.table-header:hover .table-header-wrapper .reusable-table .table-header .column-resizer:hover{opacity:1}.table-header-wrapper .reusable-table .table-header .column-resizer.resizing{opacity:1;background:#4d6cb7;width:14px;height:24px}.table-header-wrapper .reusable-table .table-header .column-resizer:hover{background:#4d6cb7;width:8px;height:24px}.table-header-wrapper .reusable-table .table-header.fixed-column{position:-webkit-sticky;position:sticky;z-index:50;background-color:#e2effa}.table-header-wrapper .reusable-table .table-header.fixed-column[data-fixed=left]{left:0;box-shadow:2px 0 4px rgba(0,0,0,.1)}.table-header-wrapper .reusable-table .table-header.fixed-column[data-fixed=right]{right:0;box-shadow:-2px 0 4px rgba(0,0,0,.1)}.table-header-wrapper .reusable-table .table-header.fixed-column[data-fixed=right] .column-resizer{display:none}.table-body-wrapper{flex:1 1;overflow:auto}.table-body-wrapper .reusable-table{width:max-content;min-width:100%;border-collapse:collapse;background:#fff}.table-body-wrapper .reusable-table .table-cell{padding:5px;border-bottom:1px solid #e0e0e0;text-align:left}.table-body-wrapper .reusable-table .table-cell.fixed-column{align-items:center;position:-webkit-sticky;position:sticky;z-index:40;background-color:#fff;text-align:center!important}.table-body-wrapper .reusable-table .table-cell.fixed-column[data-fixed=left]{left:0;box-shadow:2px 0 4px rgba(0,0,0,.1)}.table-body-wrapper .reusable-table .table-cell.fixed-column[data-fixed=right]{right:0;box-shadow:-2px 0 4px rgba(0,0,0,.1)}.table-body-wrapper .reusable-table .selectable-row{cursor:pointer}.table-body-wrapper .reusable-table .selectable-row:hover,.table-body-wrapper .reusable-table .selectable-row:hover .table-cell.fixed-column{background:#f5f5f5}.table-body-wrapper .reusable-table .selectable-row.selected-row,.table-body-wrapper .reusable-table .selectable-row.selected-row .table-cell.fixed-column{background:#e2effa}.table-body-wrapper .reusable-table .empty-message{text-align:center;padding:40px;color:#6c757d;font-style:italic}.table-body-wrapper .reusable-table .action-icons{display:flex;gap:8px;align-items:center}.table-body-wrapper .reusable-table .action-icons .action-icon{cursor:pointer;padding:6px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.table-body-wrapper .reusable-table .action-icons .action-icon.edit{color:#ffc107}.table-body-wrapper .reusable-table .action-icons .action-icon.edit:hover{background:#fff3cd;transform:scale(1.1)}.table-body-wrapper .reusable-table .action-icons .action-icon.delete{color:#dc3545}.table-body-wrapper .reusable-table .action-icons .action-icon.delete:hover{background:#f8d7da;transform:scale(1.1)}.table-body-wrapper .reusable-table .action-icons .action-icon.duplicate{color:#4a55f1}.table-body-wrapper .reusable-table .action-icons .action-icon.duplicate:hover{background:#fff3cd;transform:scale(1.1)}.table-body-wrapper .reusable-table,.table-header-wrapper .reusable-table{table-layout:fixed}.table-body-wrapper .reusable-table td,.table-body-wrapper .reusable-table th,.table-header-wrapper .reusable-table td,.table-header-wrapper .reusable-table th{box-sizing:border-box}.table-scroll-container:hover .table-header .column-resizer{opacity:.3}.table-scroll-container:hover .table-header:hover .column-resizer{opacity:1}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px;border-top:1px solid #e0e0e0;background:#f8f9fa;flex-shrink:0}.table-pagination .pagination-info{color:#6c757d;font-size:12px}.table-pagination .pagination-btn,.table-pagination .pagination-controls{display:flex;align-items:center;gap:4px}.table-pagination .pagination-btn{padding:8px 12px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:4px;min-width:40px;justify-content:center}.table-pagination .pagination-btn:hover:not(:disabled){background:#f5f5f5}.table-pagination .pagination-btn.active{background:#007bff;color:#fff;border-color:#007bff}.table-pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.table-pagination .pagination-btn.ellipsis{background:none;border:none;cursor:default}.table-pagination .pagination-btn.ellipsis:hover{background:none}.table-loading{text-align:center;padding:40px;color:#6c757d}.alert-field-container{margin-bottom:20px}.alert-field-content{display:flex;flex-direction:column;grid-template-columns:1fr auto;gap:16px;align-items:start}.alert-field-content .alert-checkbox-container .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem;color:#333;margin-bottom:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.alert-field-content .alert-checkbox-container .alert-checkbox{position:absolute;opacity:0;width:0;height:0}.alert-field-content .alert-checkbox-container .checkmark{width:16px;height:16px;border:2px solid #ccc;border-radius:3px;display:inline-block;transition:all .2s ease;position:relative;flex-shrink:0}.alert-field-content .alert-checkbox-container .alert-checkbox:checked+.checkmark{background-color:#007bff;border-color:#007bff}.alert-field-content .alert-checkbox-container .alert-checkbox:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#fff}.alert-field-content .alert-checkbox-container .checkbox-label:hover .checkmark{border-color:#007bff}.dropdown-chip-group{display:flex;gap:5px;overflow:hidden;width:150px;overflow:scroll;padding-block:10px}.dropdown-chip{display:inline-block;padding:4px 12px;border-radius:16px;font-weight:500;font-size:.75rem;text-align:center;white-space:nowrap;min-width:60px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.table-cell{text-align:center;vertical-align:middle}.dropdown-chip:hover{opacity:.9;transform:translateY(-1px);transition:all .2s ease;cursor:default}@media(max-width:768px){.reusable-table-container{height:300px}.table-body-wrapper .table-cell,.table-body-wrapper .table-header,.table-header-wrapper .table-cell,.table-header-wrapper .table-header{padding:8px 12px;font-size:10px}.table-pagination{flex-direction:column;gap:1rem;padding:12px}.table-pagination .pagination-controls{flex-wrap:wrap;justify-content:center}}@keyframes pop{50%{transform:scale(1.2)}}@keyframes pulse{25%{transform:scale(.9)}75%{transform:scale(1)}}.loadingContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loadingContainer img{width:30%;height:auto;object-fit:cover}.home{align-items:center;justify-content:center;height:90vh;overflow:hidden}.home,.home .container{display:flex;width:100%}.home .container{height:100%;border-radius:15px;padding-left:0!important;padding-right:0!important;justify-content:space-evenly}@media screen and (max-width:768px){.home .container{width:90%}}.home .container .Sidebar{padding-inline:15px;padding-block:10px;width:28%;box-shadow:0 4px 12px rgba(0,0,0,.05);border-radius:15px;background-color:#fff;position:relative}.home .container .Sidebar .SidebarToolsContainer{display:flex;padding-inline:10px;padding-block:5px;align-items:center;justify-content:space-between}.home .container .Sidebar .SidebarToolsContainer .SidebarProfile{display:flex;align-items:center;gap:10px;width:80%}.home .container .Sidebar .SidebarToolsContainer .SidebarProfile img{width:35px;height:35px;border-radius:50%;object-fit:cover}.home .container .Sidebar .SidebarToolsContainer .SidebarProfile .userDetails{display:flex;flex-direction:column;width:75%}.home .container .Sidebar .SidebarToolsContainer .SidebarProfile .userDetails .name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home .container .Sidebar .SidebarToolsContainer .SidebarProfile .userDetails .caption{font-size:10px;font-weight:lighter;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home .container .Sidebar .SidebarToolsContainer .SidebarAddGroupBtn{display:flex}.home .container .Sidebar .SidebarToolsContainer .SidebarAddGroupBtn .AddGroupBtn:hover{cursor:pointer}.home .container .Sidebar .search .searchForm{padding:10px}.home .container .Sidebar .search .searchForm input{background-color:rgba(0,0,0,0);border:none;outline:none}.home .container .Sidebar .search .searchForm input::placeholder{color:#d3d3d3}.home .container .Sidebar .selectedChat{background-color:#e5e5e5}.home .container .Sidebar .userChat{padding-block:12px;padding-inline:15px;display:flex;border-radius:10px;align-items:center;gap:15px;width:100%;cursor:pointer}.home .container .Sidebar .userChat:hover{background-color:#e5e5e5}.home .container .Sidebar .userChat img{width:50px;height:50px;border-radius:7px;object-fit:cover}.home .container .Sidebar .userChat .chatsImage{display:flex;align-items:center;justify-content:center;width:22%}.home .container .Sidebar .userChat .chatsImage img{width:50px;height:50px;border-radius:7px;object-fit:cover}.home .container .Sidebar .userChat .userChatInfo{position:relative;display:flex;flex-direction:row;width:190px;justify-content:space-between}@media screen and (max-width:480px){.home .container .Sidebar .userChat .userChatInfo{width:50px}}@media screen and (max-width:768px){.home .container .Sidebar .userChat .userChatInfo{width:130px}}@media screen and (max-width:1200px){.home .container .Sidebar .userChat .userChatInfo{width:150px}}.home .container .Sidebar .userChat .userChatInfo .firstLine{display:flex;flex-direction:column;width:77%;white-space:nowrap;overflow:hidden}.home .container .Sidebar .userChat .userChatInfo .firstLine .name{width:100%;font-size:14px;color:#687590;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home .container .Sidebar .userChat .userChatInfo .firstLine .message{font-size:10px;color:#687590;font-weight:lighter;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home .container .Sidebar .userChat .userChatInfo .secondLine{display:flex;align-items:center;padding-right:5px;gap:5px;flex-direction:column}.home .container .Sidebar .userChat .userChatInfo .secondLine .date{font-size:10px;color:#9ea7ba;font-weight:400}.home .container .Sidebar .userChat .userChatInfo .secondLine .unreadMessage-active{opacity:1!important;animation:pop .3s linear 2}.home .container .Sidebar .userChat .userChatInfo .secondLine .unreadMessage{display:flex;transition:all .5s;align-items:center;justify-content:center;color:#fff;border-radius:50%;opacity:0;width:20px;height:20px;background-color:#654ff8}.home .container .Sidebar .userChat .userChatInfo .secondLine .unreadMessage span{font-size:10px}.home .container .SidebarAddGroup{padding-inline:15px;padding-block:10px;width:28%;box-shadow:0 4px 12px rgba(0,0,0,.05);border-radius:15px;background-color:#fff;position:relative;overflow-y:scroll;overflow-x:hidden}.home .container .SidebarAddGroup .backChatContainer{display:flex;flex-direction:row;align-items:center;gap:15px;padding-block:15px;padding-inline:10px}.home .container .SidebarAddGroup .backChatContainer .backBtn{cursor:pointer}.home .container .SidebarAddGroup .backChatContainer .searchContainer{width:70%}.home .container .SidebarAddGroup .selectedUserContainer{display:flex;flex-direction:row;gap:5px;overflow:scroll}.home .container .SidebarAddGroup .selectedUserContainer .selectedUserToGroup{display:flex;margin-block:10px;flex-direction:row;align-items:center;gap:10px;padding:10px;background-color:#202353;border-radius:15px;width:120px}.home .container .SidebarAddGroup .selectedUserContainer .selectedUserToGroup span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100px;font-size:14px;font-weight:500;color:#e5e5e5}.home .container .SidebarAddGroup .selectedUserContainer .removeSelectedUserBtn:hover{cursor:pointer}.home .container .SidebarAddGroup .SidebarListUser{display:flex;padding-block:10px;padding-inline:15px;align-items:center;cursor:pointer}.home .container .SidebarAddGroup .SidebarListUser .ListUserDetails{display:flex;align-items:center;gap:15px}.home .container .SidebarAddGroup .SidebarListUser .ListUserDetails img{width:45px;height:45px;border-radius:50%;object-fit:cover}.home .container .SidebarAddGroup .SidebarListUser .ListUserDetails span{font-size:14px;color:#687590;font-weight:400}.home .container .SidebarAddGroup .SidebarListUser:hover{border-radius:15px;background-color:#373e9c}.home .container .SidebarAddGroup .SidebarListUser:hover span{font-size:14px;color:#f7f7f7;font-weight:400}.home .container .SidebarAddGroup .NextContainer{position:absolute;bottom:0;right:0;padding:10px;margin:15px;background-color:#202353;border-radius:50%;cursor:pointer}.home .container .SidebarAddGroup .NextContainer:hover{position:absolute;bottom:0;right:0;padding:10px;margin:15px;background-color:#373e9c;border-radius:50%}.home .container .showLoading{display:flex;justify-content:center;align-items:center}.home .container .SidebarAddTitle{padding-inline:15px;padding-block:10px;width:28%;box-shadow:0 4px 12px rgba(0,0,0,.05);border-radius:15px;background-color:#fff;position:relative;overflow:scroll}.home .container .SidebarAddTitle .hideWrapper{display:none!important}.home .container .SidebarAddTitle .SidebarAddTitleWrapper{display:flex;flex-direction:column}.home .container .SidebarAddTitle .SidebarAddTitleWrapper .backGroupContainer{display:flex;flex-direction:row;align-items:center;padding-block:15px;padding-inline:10px}.home .container .SidebarAddTitle .SidebarAddTitleWrapper .backGroupContainer .backGroupBtn{cursor:pointer}.home .container .SidebarAddTitle .SidebarAddTitleWrapper .GroupInfoContainer{display:flex;flex-direction:column;align-items:center;gap:30px}.home .container .SidebarAddTitle .SidebarAddTitleWrapper .GroupInfoContainer .displayImageContainer img{width:150px;height:150px;cursor:pointer;border-radius:50%;object-fit:cover}.home .container .SidebarAddTitle .SidebarAddTitleWrapper .GroupInfoContainer .addImageContainer{display:flex;flex-direction:column;gap:5px;background-color:#474746;justify-content:center;align-items:center;width:150px;height:150px;cursor:pointer;border-radius:50%}.home .container .SidebarAddTitle .SidebarAddTitleWrapper .GroupInfoContainer .addImageContainer span{font-size:10px;color:#d9d9d9;font-weight:500}.home .container .SidebarAddTitle .SidebarAddTitleWrapper .GroupInfoContainer .addGroupTitleContainer{display:flex;width:100%;justify-content:center;margin-block:10px}.home .container .SidebarAddTitle .SidebarAddTitleWrapper .GroupInfoContainer .addGroupTitleContainer input{background-color:#ededed;border:none;height:40px;padding-left:10px;border-radius:7px;width:80%;font-size:14px;font-weight:500}.home .container .SidebarAddTitle .SidebarAddTitleWrapper .GroupInfoContainer .addGroupTitleContainer input::placeholder{color:#a7a7a7}.home .container .SidebarAddTitle .SidebarAddTitleWrapper .selectedUserToGroup{display:flex;margin-block:2rem;margin-inline:15px;justify-content:center;flex-wrap:wrap;gap:15px;align-items:center}.home .container .SidebarAddTitle .SidebarAddTitleWrapper .selectedUserToGroup img{width:60px;height:60px;border-radius:50%;object-fit:cover}.home .container .SidebarAddTitle .SidebarAddTitleWrapper .CompleteContainer{position:absolute;bottom:0;right:0;padding:10px;margin:15px;background-color:#202353;border-radius:50%;cursor:pointer}.home .container .chat{width:68%;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:15px;overflow:hidden;background-color:#fff;position:relative}.home .container .chat .toolsContainer{height:calc(100% - 55px);margin-right:-800px;transition:all .5s;width:40%;position:absolute;z-index:1000;display:flex;justify-content:center;padding-block:20px;right:0;bottom:0;background-color:#fdfdfd;box-shadow:0 3px 12px rgba(0,0,0,.09);overflow:scroll}.home .container .chat .toolsContainer .GroupInfoContainer{position:relative;display:flex;width:100%;flex-direction:column;align-items:center}.home .container .chat .toolsContainer .GroupInfoContainer .backButton{position:absolute;right:0;top:0;padding-inline:10px}.home .container .chat .toolsContainer .GroupInfoContainer .addImageContainer{display:flex;flex-direction:column;gap:5px;background-color:#474746;justify-content:center;align-items:center;width:150px;height:150px;cursor:pointer;position:relative;border-radius:50%}.home .container .chat .toolsContainer .GroupInfoContainer .addImageContainer img{position:absolute;width:150px;height:150px;object-fit:cover;border-radius:50%;opacity:1;border:none!important}.home .container .chat .toolsContainer .GroupInfoContainer .addImageContainer .changeImage{display:none}.home .container .chat .toolsContainer .GroupInfoContainer .addImageContainer .changeImage span{font-size:10px;color:#d9d9d9;font-weight:500}.home .container .chat .toolsContainer .GroupInfoContainer .addImageContainer:hover img{opacity:.2}.home .container .chat .toolsContainer .GroupInfoContainer .addImageContainer:hover .changeImage{display:flex;align-items:center;flex-direction:column;gap:5px}.home .container .chat .toolsContainer .GroupInfoContainer .addImageContainer:hover .changeImage span{font-size:10px;color:#d9d9d9;font-weight:500}.home .container .chat .toolsContainer .GroupInfoContainer .groupDetails{margin-block:20px}.home .container .chat .toolsContainer .GroupInfoContainer .groupDetails span{font-size:14px;color:#a7a7a7}.home .container .chat .toolsContainer .GroupInfoContainer .addGroupTitleContainer{display:flex;width:80%;justify-content:center;gap:10px;align-items:center}.home .container .chat .toolsContainer .GroupInfoContainer .addGroupTitleContainer input{background-color:#ededed;border:none;height:40px;padding-left:10px;border-radius:7px;width:100%;font-size:14px;font-weight:500}.home .container .chat .toolsContainer .GroupInfoContainer .addGroupTitleContainer input::placeholder{color:#3c3b3b}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings{display:flex;padding-top:25px;padding-bottom:10px;flex-direction:column;align-items:center;width:100%;gap:20px}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .muteSetting{width:70%;display:flex;justify-content:space-between;align-items:center}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .muteSetting .title{display:flex;align-items:center;gap:10px}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .muteSetting .title span{font-size:14px}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .fileSettings{width:85%;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;gap:15px}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .fileSettings .mediaButton{box-shadow:0 1px 0 rgba(17,17,26,.1);cursor:pointer;display:flex;width:100%;justify-content:space-between;border-radius:8px;padding-block:20px;padding-inline:15px}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .fileSettings .mediaButton .title{display:flex;gap:8px;align-items:center}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .fileSettings .mediaButton .title span{font-size:10px}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .fileSettings .mediaButton:hover{background-color:#e8e3e3}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .fileSettings .fileButton{box-shadow:0 1px 0 rgba(17,17,26,.1);cursor:pointer;display:flex;width:100%;justify-content:space-between;border-radius:8px;padding-block:20px;padding-inline:15px}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .fileSettings .fileButton .title{display:flex;gap:8px;align-items:center}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .fileSettings .fileButton .title span{font-size:10px}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .fileSettings .fileButton:hover{background-color:#e8e3e3}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .fileSettings .historyButton{cursor:pointer;box-shadow:0 1px 0 rgba(17,17,26,.1);display:flex;width:100%;justify-content:space-between;border-radius:8px;padding-block:20px;padding-inline:15px}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .fileSettings .historyButton .title{display:flex;gap:8px;align-items:center}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .fileSettings .historyButton .title span{font-size:10px}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .fileSettings .historyButton:hover{background-color:#e8e3e3}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .addMemberContainer{width:80%;display:flex;align-items:center;gap:15px;margin-right:0;opacity:1;padding:10px;cursor:pointer;border-radius:15px;transition:all .5s}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .addMemberContainer .addMemberIcon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#11b62a}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .addMemberContainer .addMemberText span{font-size:14px}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .addMemberContainer-hide{margin-right:-1000px;height:0;gap:0;padding:0;opacity:0}.home .container .chat .toolsContainer .GroupInfoContainer .groupSettings .addMemberContainer:hover{background-color:#dedcdc}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member{position:relative;cursor:pointer;padding:10px;width:80%;border-radius:10px;display:flex;align-items:center;justify-content:space-between}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberContainer{display:flex;align-items:center;justify-content:space-between;width:100%;transition:all .5s;margin-right:0;opacity:1}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberContainer .memberInfo{display:flex;align-items:center;gap:15px}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberContainer .memberInfo img{width:45px;height:45px;border-radius:50%;object-fit:cover}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberContainer .memberInfo .textContainer{display:flex;flex-direction:column}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberContainer .memberInfo .textContainer .nameContainer{display:flex;align-items:center;gap:10px}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberContainer .memberInfo .textContainer .nameContainer .name{font-weight:500;font-size:14px}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberContainer .memberInfo .textContainer .desc{font-weight:500;font-size:10px;color:#939393}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberContainer-deactive{margin-right:-500px;opacity:0}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberToolsContainer{opacity:0;width:100%;position:absolute;transition:all .5s;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);right:0;height:100%;margin-right:-500px;display:flex;align-items:center;border-radius:10px;overflow:hidden}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberToolsContainer .options{display:flex;flex-direction:column;align-items:center;width:90%;height:100%;justify-content:center;border-right:.5px solid #dedcdc}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberToolsContainer .options .giveAdmin{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-bottom:.5px solid #dedcdc}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberToolsContainer .options .giveAdmin span{color:#121086;font-weight:700}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberToolsContainer .options .giveAdmin:hover{background-color:#c6c1c1}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberToolsContainer .options .removeMember{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberToolsContainer .options .removeMember span{color:#e80d0d;font-weight:700}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberToolsContainer .options .removeMember:hover{background-color:#c6c1c1}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberToolsContainer .close{height:100%;width:10%;display:flex;align-items:center;justify-content:center}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberToolsContainer .close:hover{background-color:#c6c1c1}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberToolsContainer-active{margin-right:0;opacity:1}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .memberToolsContainer-deactive{margin-right:-500px!important;opacity:0!important}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .removeConfirmation{opacity:0;width:100%;position:absolute;transition:all .5s;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);right:0;height:100%;margin-right:-500px;display:flex;align-items:center;border-radius:10px;overflow:hidden}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .removeConfirmation .confirm{width:50%;align-items:center;height:100%;display:flex;justify-content:center;border-right:.5px solid #dedcdc}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .removeConfirmation .confirm span{font-weight:500;font-size:14px;color:#000}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .removeConfirmation .confirm:hover{background-color:#0e1469}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .removeConfirmation .confirm:hover span{color:#fff}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .removeConfirmation .cancel{width:50%;display:flex;height:100%;align-items:center;justify-content:center}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .removeConfirmation .cancel span{font-weight:500;font-size:14px;color:#000}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .removeConfirmation .cancel:hover{background-color:#ca3434}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .removeConfirmation .cancel:hover span{color:#fff}.home .container .chat .toolsContainer .GroupInfoContainer .groupMemberList .member .removeConfirmation-active{margin-right:0;opacity:1}.home .container .chat .toolsContainer .GroupInfoContainer .deleteGroup{width:90%;display:flex;justify-content:center;align-items:center;padding-block:30px}.home .container .chat .toolsContainer .GroupInfoContainer .deleteGroup .active-delete{width:100%;transition:all .5s;margin-left:0!important;opacity:1!important}.home .container .chat .toolsContainer .GroupInfoContainer .deleteGroup .deactive-delete{margin-left:-1000px;opacity:0;position:absolute}.home .container .chat .toolsContainer .GroupInfoContainer .deleteGroup .confirm{margin-right:-1000px;position:absolute;opacity:0;transition:all .5s;display:flex;flex-direction:row;justify-content:space-between;gap:10px}.home .container .chat .toolsContainer .GroupInfoContainer .deleteGroup .activeConfirm{position:static;margin-right:0!important;opacity:1!important;width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:10px}.home .container .chat .toolsContainer .userSettings{display:flex;padding-top:15px;padding-bottom:10px;flex-direction:column;align-items:center;width:100%;gap:30px}.home .container .chat .toolsContainer .userSettings .muteSetting{width:70%;display:flex;justify-content:space-between;align-items:center}.home .container .chat .toolsContainer .userSettings .muteSetting .title{display:flex;align-items:center;gap:10px}.home .container .chat .toolsContainer .userSettings .muteSetting .title span{font-size:14px}.home .container .chat .toolsContainer .userSettings .fileSettings{width:85%;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;gap:15px}.home .container .chat .toolsContainer .userSettings .fileSettings .mediaButton{box-shadow:0 1px 0 rgba(17,17,26,.1);cursor:pointer;display:flex;width:100%;justify-content:space-between;border-radius:8px;padding-block:20px;padding-inline:15px}.home .container .chat .toolsContainer .userSettings .fileSettings .mediaButton .title{display:flex;gap:8px;align-items:center}.home .container .chat .toolsContainer .userSettings .fileSettings .mediaButton .title span{font-size:10px}.home .container .chat .toolsContainer .userSettings .fileSettings .mediaButton:hover{background-color:#e8e3e3}.home .container .chat .toolsContainer .userSettings .fileSettings .fileButton{box-shadow:0 1px 0 rgba(17,17,26,.1);cursor:pointer;display:flex;width:100%;justify-content:space-between;border-radius:8px;padding-block:20px;padding-inline:15px}.home .container .chat .toolsContainer .userSettings .fileSettings .fileButton .title{display:flex;gap:8px;align-items:center}.home .container .chat .toolsContainer .userSettings .fileSettings .fileButton .title span{font-size:10px}.home .container .chat .toolsContainer .userSettings .fileSettings .fileButton:hover{background-color:#e8e3e3}.home .container .chat .toolsContainer .userSettings .fileSettings .historyButton{cursor:pointer;box-shadow:0 1px 0 rgba(17,17,26,.1);display:flex;width:100%;justify-content:space-between;border-radius:8px;padding-block:20px;padding-inline:15px}.home .container .chat .toolsContainer .userSettings .fileSettings .historyButton .title{display:flex;gap:8px;align-items:center}.home .container .chat .toolsContainer .userSettings .fileSettings .historyButton .title span{font-size:10px}.home .container .chat .toolsContainer .userSettings .fileSettings .historyButton:hover{background-color:#e8e3e3}.home .container .chat .toolsContainer-active{margin-right:0!important}.home .container .chat .chatImageContainer{height:calc(100% - 55px);margin-right:-800px;transition:all .5s;width:40%;position:absolute;z-index:1000;display:flex;justify-content:center;padding-block:20px;right:0;bottom:0;background-color:#fdfdfd;box-shadow:0 3px 12px rgba(0,0,0,.09);overflow:scroll}.home .container .chat .chatImageContainer .ImageContainer{display:flex;flex-direction:column;width:100%;align-items:center}.home .container .chat .chatImageContainer .ImageContainer .backContainer{display:flex;width:100%;justify-content:flex-start;padding-inline:20px;align-items:center;gap:25px}.home .container .chat .chatImageContainer .ImageContainer .backContainer span{font-size:14px}.home .container .chat .chatImageContainer .ImageContainer .AllImage{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;margin-top:10px}.home .container .chat .chatImageContainer .ImageContainer .AllImage .groupDateContainer{display:flex;gap:7px;width:100%;padding-inline:20px;align-items:center;margin-top:15px}.home .container .chat .chatImageContainer .ImageContainer .AllImage .groupDateContainer .groupDate{font-size:14px}.home .container .chat .chatImageContainer .ImageContainer .AllImage .ImageContainer{display:flex;flex-direction:row;padding-inline:15px;gap:10px}.home .container .chat .chatImageContainer .ImageContainer .AllImage .ImageContainer .Image{display:flex;cursor:pointer;margin-top:10px;width:85px;height:85px;align-items:center;justify-content:center}.home .container .chat .chatImageContainer .ImageContainer .AllImage .ImageContainer .Image img{width:85px;height:85px;object-fit:cover;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.home .container .chat .chatImageContainer-active{margin-right:0!important}.home .container .chat .chatFileContainer{height:calc(100% - 55px);margin-right:-800px;transition:all .5s;width:40%;position:absolute;z-index:1000;display:flex;justify-content:center;padding-block:20px;right:0;bottom:0;background-color:#fdfdfd;box-shadow:0 3px 12px rgba(0,0,0,.09);overflow:scroll}.home .container .chat .chatFileContainer .FileContainer{display:flex;flex-direction:column;width:100%;align-items:center}.home .container .chat .chatFileContainer .FileContainer .backContainer{display:flex;width:100%;justify-content:flex-start;padding-inline:20px;align-items:center;gap:25px}.home .container .chat .chatFileContainer .FileContainer .backContainer span{font-size:14px}.home .container .chat .chatFileContainer .FileContainer .AllFile{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:10px}.home .container .chat .chatFileContainer .FileContainer .AllFile .fileElement{cursor:pointer;text-decoration:none!important;display:flex;flex-direction:column;gap:7px;padding-inline:15px;width:80%;background-color:#fbfbcd;margin-block:5px;padding-top:10px;padding-bottom:5px;border-radius:5px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.home .container .chat .chatFileContainer .FileContainer .AllFile .fileElement .fileNameContainer{display:flex;align-items:center;width:100%;gap:10px}.home .container .chat .chatFileContainer .FileContainer .AllFile .fileElement .fileNameContainer span{width:80%;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.home .container .chat .chatFileContainer .FileContainer .AllFile .fileElement .fileDetails{display:flex;align-items:center;justify-content:space-between}.home .container .chat .chatFileContainer .FileContainer .AllFile .fileElement .fileDetails span{font-size:10px;color:#6e6e6e}.home .container .chat .chatFileContainer-active{margin-right:0!important}.home .container .chat .chatHistoryContainer{height:calc(100% - 55px);margin-right:-800px;transition:all .5s;width:40%;position:absolute;z-index:1000;display:flex;justify-content:center;padding-block:20px;right:0;bottom:0;background-color:#fdfdfd;box-shadow:0 3px 12px rgba(0,0,0,.09);overflow:scroll}.home .container .chat .chatHistoryContainer .historyContainer{display:flex;flex-direction:column;width:100%;align-items:center}.home .container .chat .chatHistoryContainer .historyContainer .searchContainer{width:100%;display:flex;flex-direction:row;align-items:center;gap:10px;justify-content:center}.home .container .chat .chatHistoryContainer .historyContainer .searchContainer .icon{cursor:pointer}.home .container .chat .chatHistoryContainer .historyContainer .searchContainer .input-container{box-shadow:none!important;padding-inline:0!important}.home .container .chat .chatHistoryContainer .historyContainer .searchResult{display:flex;padding-block:2rem;justify-content:center;align-items:center;width:100%}.home .container .chat .chatHistoryContainer .historyContainer .searchResult .instruction{display:flex;gap:3px;align-items:center}.home .container .chat .chatHistoryContainer .historyContainer .searchResult .instruction .normal{font-size:10px}.home .container .chat .chatHistoryContainer .historyContainer .searchResult .instruction .groupName{font-size:10px;font-weight:600}.home .container .chat .chatHistoryContainer .historyContainer .searchResult .result{display:flex;flex-direction:column;gap:5px;width:100%}.home .container .chat .chatHistoryContainer .historyContainer .searchResult .result .resultSub{padding-inline:15px;width:100%;display:flex;flex-direction:column;cursor:pointer;border-bottom:.5px solid #e2e1e1;padding-block:12px;gap:3px}.home .container .chat .chatHistoryContainer .historyContainer .searchResult .result .resultSub .details{display:flex;align-items:center;justify-content:space-between}.home .container .chat .chatHistoryContainer .historyContainer .searchResult .result .resultSub .details span{font-size:10px;font-weight:600}.home .container .chat .chatHistoryContainer .historyContainer .searchResult .result .resultSub span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home .container .chat .chatHistoryContainer .historyContainer .searchResult .result .resultSub:hover{background-color:#e8e8e8}.home .container .chat .chatHistoryContainer .historyContainer .searchResult .noResult span{font-size:10px;color:#000}.home .container .chat .chatHistoryContainer-active{margin-right:0!important}.home .container .chat .addMemberMain{height:calc(100% - 55px);overflow-y:scroll;margin-right:-800px;transition:all .5s;width:40%;position:absolute;z-index:1000;display:flex;justify-content:center;padding-block:20px;right:0;bottom:0;border-radius:15px 0 0 15px;background-color:#fdfdfd;box-shadow:0 3px 12px rgba(0,0,0,.09)}.home .container .chat .addMemberMain .newMemberList{height:100%;position:relative;display:flex;padding-inline:15px;gap:5px;flex-direction:column;align-items:center;width:100%;transition:all .5s}.home .container .chat .addMemberMain .newMemberList .title{display:flex;flex-direction:row;padding-block:15px;width:100%;justify-content:space-between;align-items:center}.home .container .chat .addMemberMain .newMemberList .title span{font-weight:500;font-size:14px}.home .container .chat .addMemberMain .newMemberList .newMemberMainListContainer{display:flex;flex-direction:column;height:80%;overflow:scroll}.home .container .chat .addMemberMain .newMemberList .newMemberMainListContainer .newMemberContainer{display:flex;align-items:center;justify-content:space-between;padding-inline:15px;padding-block:10px;border-radius:10px;cursor:pointer;width:90%}.home .container .chat .addMemberMain .newMemberList .newMemberMainListContainer .newMemberContainer .details{display:flex;align-items:center;gap:15px}.home .container .chat .addMemberMain .newMemberList .newMemberMainListContainer .newMemberContainer .details img{width:45px;height:45px;border-radius:50%;object-fit:cover}.home .container .chat .addMemberMain .newMemberList .newMemberMainListContainer .newMemberContainer .details span{font-weight:500;font-size:14px}.home .container .chat .addMemberMain .newMemberList .confirmInvite{position:absolute;bottom:0;opacity:0;margin-bottom:-100px;transition:all .5s;justify-content:center;align-items:center;width:100%;display:flex}.home .container .chat .addMemberMain .newMemberList .confirmInvite-active{margin-bottom:0;opacity:1}.home .container .chat .addMemberMain-active{margin-right:40%!important}.home .container .chat .EmptyChatInfo{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.home .container .chat .EmptyChatInfo img{width:150px;height:150px;object-fit:cover;opacity:.6}.home .container .chat .EmptyChatInfo .textContainer{display:flex;align-items:center;gap:10px;color:#000;opacity:.6}.home .container .chat .EmptyChatInfo .textContainer span{font-size:24px;font-weight:800}.home .container .chat .chatInfo{height:55px;display:flex;align-items:center;justify-content:space-between;padding-block:10px;padding-inline:15px;border-bottom:.7px solid #f2f2f2;position:relative}.home .container .chat .chatInfo .info{display:flex;align-items:center;gap:10px}.home .container .chat .chatInfo .info img{width:35px;height:35px;border-radius:50%;object-fit:cover}.home .container .chat .chatInfo .info span{font-weight:500;font-size:16px}.home .container .chat .chatInfo .tools{position:relative;margin-right:10px}.home .container .chat .chatIcons img{height:24px;cursor:pointer}.home .container .chat .height-x-extend{height:calc(100% - 125px)}.home .container .chat .height-extend{height:calc(100% - 225px)!important}.home .container .chat .extend-container{display:flex;position:relative;height:0;gap:10px;align-items:center;opacity:0;transition:opacity .5s;border-radius:20px 20px 0 0;box-shadow:inset 3px 3px 6px 0 #ccdbe8,inset -3px -3px 6px 1px hsla(0,0%,100%,.5)}.home .container .chat .extend-container .limit{position:absolute;right:0;bottom:0;padding:10px;font-size:10px;font-weight:400}.home .container .chat .extend-container .element{transition:all .5s;height:100%;width:auto;max-width:15%;position:relative}.home .container .chat .extend-container .element img{height:100%;width:100%;border-radius:10px;object-fit:cover}.home .container .chat .extend-container .element .icon{cursor:pointer;position:absolute;right:0;top:0;margin-right:-5px;margin-top:-5px}.home .container .chat .extend-container .fileElement{height:50%;display:flex;padding-inline:10px;position:relative;width:140px;background-color:#ddd;transition:all .5s;border-radius:5px;gap:10px;align-items:center}.home .container .chat .extend-container .fileElement span{width:60px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.home .container .chat .extend-container .fileElement .icon{cursor:pointer}.home .container .chat .extend-container-active{opacity:1;height:100px;padding-block:15px;padding-inline:15px}.home .container .chat .height-extend-quote{height:calc(100% - 225px)!important}.home .container .chat .extend-container-quote{display:flex;height:0;align-items:center;opacity:0;gap:10px;padding-inline:30px;transition:opacity .5s;box-shadow:inset 1px 1px 3px 0 #ccdbe8,inset -1px -1px 6px 1px hsla(0,0%,100%,.3)}.home .container .chat .extend-container-quote .quoteContainer{width:100%;height:100%;display:flex;align-items:center;background-color:#e8e8e8;border-radius:10px;padding-inline:12px;border-left:5px solid #cdcdcd}.home .container .chat .extend-container-quote .quoteContainer .detail{display:flex;flex-direction:column;gap:3px;width:100%}.home .container .chat .extend-container-quote .quoteContainer .detail .name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home .container .chat .extend-container-quote .quoteContainer .detail .text{max-width:300px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home .container .chat .extend-container-quote .quoteContainerImg{width:100%;height:100%;display:flex;align-items:center;background-color:#e8e8e8;border-radius:10px;padding-inline:12px;border-left:5px solid #cdcdcd;overflow:hidden}.home .container .chat .extend-container-quote .quoteContainerImg .detail{display:flex;flex-direction:column;gap:3px;width:100%}.home .container .chat .extend-container-quote .quoteContainerImg .detail .image{display:flex;gap:5px;align-items:center}.home .container .chat .extend-container-quote .quoteContainerImg img{border-radius:5px;height:80%;opacity:.5;object-fit:cover}.home .container .chat .extend-container-quote .quoteContainerFile{width:100%;height:100%;display:flex;align-items:center;background-color:#e8e8e8;border-radius:10px;padding-inline:12px;border-left:5px solid #cdcdcd;overflow:hidden}.home .container .chat .extend-container-quote .quoteContainerFile .detail{display:flex;flex-direction:column;gap:3px;width:100%}.home .container .chat .extend-container-quote .quoteContainerFile .detail .file{display:flex;gap:5px;align-items:center}.home .container .chat .extend-container-quote .quoteContainerFile .fileDesign{background-color:#fbfbcd;border-radius:5px;cursor:pointer;text-decoration:none!important;gap:15px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:10px 15px;opacity:.7;transition:all .5s}.home .container .chat .extend-container-quote .quoteContainerFile .fileDesign .fileDetails{width:90%;display:flex;flex-direction:column}.home .container .chat .extend-container-quote .quoteContainerFile .fileDesign .fileDetails .fileName{color:#555;font-weight:800;overflow:hidden;text-overflow:ellipsis;font-size:10px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.home .container .chat .extend-container-quote .quoteContainerFile .fileDesign .fileDetails .fileSize{color:#555;font-size:8px}.home .container .chat .extend-container-quote .remove{display:flex}.home .container .chat .extend-container-quote-active{opacity:1;height:100px;padding-block:15px}.home .container .chat .messages{position:relative;padding:20px;overflow:scroll}.home .container .chat .messages .groupDateContainer{display:flex;justify-content:center;align-items:center;padding-bottom:30px}.home .container .chat .messages .groupDateContainer .groupDate{font-size:10px;opacity:.7;padding-inline:10px;padding-block:1px;background-color:#939393;color:#fff;border-radius:5px}.home .container .chat .messages .message{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px}.home .container .chat .messages .message .messageInfo{display:flex;flex-direction:column;color:gray;font-weight:300}.home .container .chat .messages .message .messageInfo img{width:40px;height:40px;border-radius:50%;object-fit:cover}.home .container .chat .messages .message .fileMessageContent{max-width:60%;display:flex;flex-direction:column}.home .container .chat .messages .message .fileMessageContent .MessageText_RECALLED{box-shadow:0 4px 12px rgba(0,0,0,.1);color:#e8e8e8;background-color:#8c8b8b;padding:10px 20px;border-radius:30px}.home .container .chat .messages .message .fileMessageContent .fileContainer{display:flex;align-items:center;gap:10px}.home .container .chat .messages .message .fileMessageContent .fileContainer .MessageToolBox{display:none;opacity:0;transition:all .5s;gap:10px;align-items:center;justify-content:center}.home .container .chat .messages .message .fileMessageContent .fileContainer .MessageToolBox .emojiContainer,.home .container .chat .messages .message .fileMessageContent .fileContainer .MessageToolBox .quoteContainer,.home .container .chat .messages .message .fileMessageContent .fileContainer .MessageToolBox .recallContainer{cursor:pointer;display:flex;align-items:center;justify-content:center}.home .container .chat .messages .message .fileMessageContent .fileContainer .MessageToolBox-active{display:flex;opacity:1}.home .container .chat .messages .message .fileMessageContent .fileContainer .fileDesign{background-color:#fbfbcd;border-radius:5px;cursor:pointer;text-decoration:none!important;gap:15px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:10px 20px;transition:all .5s}.home .container .chat .messages .message .fileMessageContent .fileContainer .fileDesign .fileDetails{width:90%;display:flex;flex-direction:column}.home .container .chat .messages .message .fileMessageContent .fileContainer .fileDesign .fileDetails .fileName{color:#555;font-weight:800;overflow:hidden;text-overflow:ellipsis;font-size:10px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.home .container .chat .messages .message .fileMessageContent .fileContainer .fileDesign .fileDetails .fileSize{color:#555;font-size:10px}.home .container .chat .messages .message .fileMessageContent .MessageDetails{display:flex;align-items:center}.home .container .chat .messages .message .fileMessageContent .MessageDetails .MessageTime{padding:5px;font-size:10px}.home .container .chat .messages .message .fileMessageContent .MessageDetails .unreadMessage{color:#cdcdcd;transition:all .5s ease}.home .container .chat .messages .message .fileMessageContent .MessageDetails .messageRead{color:#2c72ff!important}.home .container .chat .messages .message .messageContent{max-width:60%;display:flex;flex-direction:column}.home .container .chat .messages .message .messageContent .MessageContainer{display:flex;align-items:center;gap:10px}.home .container .chat .messages .message .messageContent .MessageContainer .messageArea{display:flex;flex-direction:column;gap:5px;margin-top:10px;position:relative}.home .container .chat .messages .message .messageContent .MessageContainer .messageArea .GroupUserName{opacity:.5;position:absolute;font-size:9px;width:max-content;top:0;left:0;margin-top:-20px;transition:all .5s}.home .container .chat .messages .message .messageContent .MessageContainer .messageArea .AppointmentNotification{background-color:#454545!important;border:2px dashed #cecece!important;color:#e3e3e3!important;font-weight:400;border-radius:10px 10px 10px 10px!important}.home .container .chat .messages .message .messageContent .MessageContainer .messageArea .MessageInfoContainer{max-width:max-content;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:0 10px 10px 10px;word-break:break-all;transition:all .5s}.home .container .chat .messages .message .messageContent .MessageContainer .messageArea .MessageInfoContainer .quoteReplyContainer{background-color:#efeeee;border-radius:5px;border-left:2px;overflow:hidden;margin-inline:4px}.home .container .chat .messages .message .messageContent .MessageContainer .messageArea .MessageInfoContainer .quoteReplyContainer .quoteText{padding-block:9px;border-left:5px solid #cdcdcd;display:flex;flex-direction:column;padding-inline:7px}.home .container .chat .messages .message .messageContent .MessageContainer .messageArea .MessageInfoContainer .quoteReplyContainer .quoteText .name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home .container .chat .messages .message .messageContent .MessageContainer .messageArea .MessageInfoContainer .quoteReplyContainer .quoteText .text{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home .container .chat .messages .message .messageContent .MessageContainer .messageArea .MessageInfoContainer .appointmentIcon{position:absolute}.home .container .chat .messages .message .messageContent .MessageContainer .messageArea .MessageInfoContainer .messageData{padding-inline:20px;display:flex}.home .container .chat .messages .message .messageContent .MessageContainer .messageArea .MessageInfoContainer .alignText{justify-content:flex-start;text-align:center}.home .container .chat .messages .message .messageContent .MessageContainer .messageArea .spotlight{padding:12px 22px;background-color:#f9f3d3!important;color:#263680!important;border-radius:10px!important;font-size:16px}.home .container .chat .messages .message .messageContent .MessageContainer .messageArea .MessageText_RECALLED{box-shadow:0 4px 12px rgba(0,0,0,.1);color:#e8e8e8;background-color:#8c8b8b;padding:10px 20px;border-radius:30px}.home .container .chat .messages .message .messageContent .MessageContainer .MessageToolBox{display:none;opacity:0;transition:all .5s;gap:10px;align-items:center;justify-content:center}.home .container .chat .messages .message .messageContent .MessageContainer .MessageToolBox .emojiContainer,.home .container .chat .messages .message .messageContent .MessageContainer .MessageToolBox .quoteContainer,.home .container .chat .messages .message .messageContent .MessageContainer .MessageToolBox .recallContainer{cursor:pointer;display:flex;align-items:center;justify-content:center}.home .container .chat .messages .message .messageContent .MessageContainer .MessageToolBox-active{display:flex;opacity:1}.home .container .chat .messages .message .messageContent .MessageContainer .AppointmentNotification{background-color:#454545!important;border:2px dashed #cecece!important;color:#e3e3e3!important;font-weight:400;border-radius:10px 10px 10px 10px!important}.home .container .chat .messages .message .messageContent .MessageContainer .MessageInfoContainer{position:relative;max-width:max-content;box-shadow:0 4px 12px rgba(0,0,0,.1);padding-block:10px;border-radius:0 10px 10px 10px;word-break:break-all;transition:all .5s}.home .container .chat .messages .message .messageContent .MessageContainer .MessageInfoContainer .quoteReplyContainer{background-color:#efeeee;border-radius:5px;border-left:2px;overflow:hidden;margin-inline:4px}.home .container .chat .messages .message .messageContent .MessageContainer .MessageInfoContainer .quoteReplyContainer .quoteText{padding-block:9px;border-left:5px solid #cdcdcd;display:flex;flex-direction:column;padding-inline:7px}.home .container .chat .messages .message .messageContent .MessageContainer .MessageInfoContainer .quoteReplyContainer .quoteText .name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home .container .chat .messages .message .messageContent .MessageContainer .MessageInfoContainer .quoteReplyContainer .quoteText .text{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home .container .chat .messages .message .messageContent .MessageContainer .MessageInfoContainer .quoteReplyContainer .quoteImage{padding-block:9px;border-left:5px solid #cdcdcd;display:flex;flex-direction:row;gap:30px;padding-inline:7px}.home .container .chat .messages .message .messageContent .MessageContainer .MessageInfoContainer .quoteReplyContainer .quoteImage .containerForText{display:flex;flex-direction:column;justify-content:center}.home .container .chat .messages .message .messageContent .MessageContainer .MessageInfoContainer .quoteReplyContainer .quoteImage .containerForText .name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home .container .chat .messages .message .messageContent .MessageContainer .MessageInfoContainer .quoteReplyContainer .quoteImage .containerForText .infoContainer{display:flex;align-items:center;gap:3px}.home .container .chat .messages .message .messageContent .MessageContainer .MessageInfoContainer .quoteReplyContainer .quoteImage .containerForText .infoContainer .text{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home .container .chat .messages .message .messageContent .MessageContainer .MessageInfoContainer .quoteReplyContainer .quoteImage .containerForImg{display:flex;justify-content:center;align-items:center}.home .container .chat .messages .message .messageContent .MessageContainer .MessageInfoContainer .quoteReplyContainer .quoteImage .containerForImg img{border-radius:5px;width:60px;opacity:.8;object-fit:cover}.home .container .chat .messages .message .messageContent .MessageContainer .MessageInfoContainer .quoteReplyContainer .quoteFile{padding-block:9px;border-left:5px solid #cdcdcd;display:flex;flex-direction:column;padding-inline:7px;min-width:100px}.home .container .chat .messages .message .messageContent .MessageContainer .MessageInfoContainer .quoteReplyContainer .quoteFile .quoteFileContainer{gap:3px;display:flex;align-items:center}.home .container .chat .messages .message .messageContent .MessageContainer .MessageInfoContainer .messageData{padding-inline:20px;display:flex}.home .container .chat .messages .message .messageContent .MessageContainer .MessageInfoContainer .alignText{justify-content:flex-start;text-align:center}.home .container .chat .messages .message .messageContent .MessageContainer .quoted{display:flex;flex-direction:column;gap:5px;padding-block:5px}.home .container .chat .messages .message .messageContent .MessageContainer .spotlight{padding:12px 22px;background-color:#f9f3d3!important;color:#263680!important;border-radius:10px!important;font-size:16px}.home .container .chat .messages .message .messageContent .MessageContainer .MessageText_RECALLED{box-shadow:0 4px 12px rgba(0,0,0,.1);color:#e8e8e8;background-color:#8c8b8b;padding:10px 20px;border-radius:30px}.home .container .chat .messages .message .messageContent .MessageDetails{display:flex;align-items:center}.home .container .chat .messages .message .messageContent .MessageDetails .MessageTime{padding:5px;font-size:10px}.home .container .chat .messages .message .messageContent .MessageDetails .unreadMessage{color:#cdcdcd;transition:all .5s ease}.home .container .chat .messages .message .messageContent .MessageDetails .messageRead{color:#2c72ff!important}.home .container .chat .messages .message .messageContent .MessageContainerImg{display:flex;justify-content:flex-start;gap:10px}.home .container .chat .messages .message .messageContent .MessageContainerImg .MessageToolBox{display:none;opacity:0;transition:all .5s;gap:10px;align-items:center;justify-content:center}.home .container .chat .messages .message .messageContent .MessageContainerImg .MessageToolBox .emojiContainer,.home .container .chat .messages .message .messageContent .MessageContainerImg .MessageToolBox .quoteContainer,.home .container .chat .messages .message .messageContent .MessageContainerImg .MessageToolBox .recallContainer{cursor:pointer;display:flex;align-items:center;justify-content:center}.home .container .chat .messages .message .messageContent .MessageContainerImg .MessageToolBox-active{display:flex;opacity:1}.home .container .chat .messages .message .messageContent .MessageContainerImg a{max-width:30%}.home .container .chat .messages .message .messageContent .MessageContainerImg a img{width:100%}.home .container .chat .messages .message .messageContent .MessageText_RECALLED{box-shadow:0 4px 12px rgba(0,0,0,.1);color:#e8e8e8;background-color:#8c8b8b;padding:10px 20px;border-radius:30px}.home .container .chat .messages .message.owner{flex-direction:row-reverse}.home .container .chat .messages .message.owner .fileMessageContent,.home .container .chat .messages .message.owner .messageContent{align-items:flex-end}.home .container .chat .messages .message.owner .messageContent .messageArea .AppointmentNotification{background-color:#454545!important;border:2px dashed #cecece!important;color:#e3e3e3!important;font-weight:400;border-radius:10px 10px 10px 10px!important}.home .container .chat .messages .message.owner .messageContent .messageArea .MessageInfoContainer{background-color:#55345d;color:#fff;border-radius:10px 0 10px 10px}.home .container .chat .messages .message.owner .messageContent .messageArea .MessageInfoContainer .quoteReplyContainer{background-color:FFF59E}.home .container .chat .messages .message.owner .messageContent .messageArea .MessageInfoContainer .quoteReplyContainer .quoteImage,.home .container .chat .messages .message.owner .messageContent .messageArea .MessageInfoContainer .quoteReplyContainer .quoteText{border-left:5px solid #f2c85b;color:#363636}.home .container .chat .messages .message.owner .messageContent .AppointmentNotification{background-color:#454545!important;border:2px dashed #cecece!important;color:#e3e3e3!important;font-weight:400;border-radius:10px 10px 10px 10px!important}.home .container .chat .messages .message.owner .messageContent .MessageInfoContainer{background-color:#55345d;color:#fff;border-radius:10px 0 10px 10px}.home .container .chat .messages .message.owner .messageContent .MessageInfoContainer .quoteReplyContainer{background-color:FFF59E}.home .container .chat .messages .message.owner .messageContent .MessageInfoContainer .quoteReplyContainer .quoteFile,.home .container .chat .messages .message.owner .messageContent .MessageInfoContainer .quoteReplyContainer .quoteImage,.home .container .chat .messages .message.owner .messageContent .MessageInfoContainer .quoteReplyContainer .quoteText{border-left:5px solid #f2c85b;color:#363636}.home .container .chat .messages .message.owner .messageContent .quoted{display:flex;flex-direction:column;gap:5px;padding-block:5px}.home .container .chat .messages .message.owner .messageContent .MessageContainerImg{justify-content:flex-end}.home .container .chat .messages .message.owner .messageContent .MessageContainerImg a{width:30%}.home .container .chat .messages .message.owner .messageContent .MessageContainerImg a img{width:100%}.home .container .chat .messages .message.owner .messageContent .fileDesign{box-shadow:0 4px 12px rgba(0,0,0,.1);background-color:#9155fd;color:#fff;border-radius:10px 0 10px 10px}.home .container .chat .messages .message.owner .messageContent .fileDesign a{color:#fff}.home .container .chat .input-container{position:relative;height:70px;width:100%;padding-inline:2rem;padding-top:1rem;padding-bottom:1rem;align-items:center;display:flex;justify-content:center;box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05)}.home .container .chat .input-container .input-subContainer{position:relative;display:flex;width:100%;align-items:center;justify-content:space-between}.home .container .chat .input-container .input-subContainer .inputField{display:flex;width:75%;white-space:nowrap}.home .container .chat .input-container .input-subContainer .inputField .mentions__highlighter{width:0!important}.home .container .chat .input-container .input-subContainer .send{transition:all .5s;display:flex;align-items:center;gap:20px;width:25%}.home .container .chat .input-container .input-subContainer .send label .fileContainer{transition:all .5s;margin-bottom:0;opacity:1;cursor:pointer}.home .container .chat .input-container .input-subContainer .send label .fileContainer-deactive{margin-bottom:-100px;opacity:0}.home .container .chat .input-container .input-subContainer .send label .imgContainer{transition:all .5s;opacity:1;margin-right:5px;cursor:pointer}.home .container .chat .input-container .input-subContainer .send label .imgContainer-deactive{margin-bottom:-100px;opacity:0}.reusable-button{white-space:nowrap;padding:.5rem 1.25rem;border:none;border-radius:5px;font-size:14px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.reusable-button.primary{border:1px solid #4d6cb7;background-color:#4d6cb7;color:#fff}.reusable-button.primary:hover{background-color:#4d6cb7}.reusable-button.primary:active{background-color:#4d6cb7,12%}.reusable-button.outlined{background-color:rgba(0,0,0,0);border:1px solid #4d6cb7;color:#4d6cb7}.reusable-button.outlined:hover{background-color:rgba(77,108,183,.1)}.reusable-button.outlined:active{background-color:rgba(77,108,183,.2)}.reusable-button.danger{color:#fff;border:1px solid #f44336}.reusable-button.danger,.reusable-button.danger:hover{background-color:#f44336}.reusable-button.danger:active{background-color:#4d6cb7,12%}.reusable-button.pending{background-color:#f4c542;color:#000}.reusable-button.pending.active{border:2px solid #f4c542;background-color:rgba(244,197,66,.6);transform:scale(1.03)}.reusable-button.resubmission{background-color:#4c89af;color:#fff}.reusable-button.resubmission.active{border:2px solid #4c89af;background-color:rgba(76,137,175,.6);transform:scale(1.03)}.reusable-button.approved{background-color:#4caf50;color:#fff}.reusable-button.approved.active{border:2px solid #4caf50;background-color:rgba(76,175,80,.6);transform:scale(1.03)}.reusable-button.rejected{background-color:#f44336;color:#fff}.reusable-button.rejected.active{border:2px solid #f44336;background-color:rgba(244,67,54,.6);transform:scale(1.03)}.toast-container{position:fixed;transform:translateX(-50%);top:20px;left:50%;padding:10px 20px;border-radius:8px;z-index:10000;color:#fff;opacity:.9;animation:slideIn .3s ease-out;gap:10px;display:flex;align-items:center;cursor:pointer}.toast-container.success{background-color:#4caf50}.toast-container.refresh{background-color:#4c89af}.toast-container.error{background-color:#f44336}@keyframes slideIn{0%{transform:translateX(-50%) translateY(-20px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:.9}}.confirm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:5000}.confirm-modal-overlay .modal-content{background:#fff;padding:2rem;border-radius:8px;text-align:center;max-width:370px;width:90%}.confirm-modal-overlay .modal-description{font-size:16px;margin-bottom:24px}.confirm-modal-overlay .modal-actions{display:flex;justify-content:center;gap:16px}.simple-import-table{width:100%;margin-top:1rem}.simple-import-table .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 .5rem}.simple-import-table .table-header h3{margin:0;font-size:20px;font-weight:600;color:#000}.simple-import-table .table-header .record-count{font-size:16px;color:#4d6cb7;background:#e2effa;padding:.25rem .75rem;border-radius:12px}.simple-import-table .table-container{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);height:250px;overflow:scroll}.simple-import-table .data-table{width:100%;border-collapse:collapse;background:#fff}.simple-import-table .data-table td,.simple-import-table .data-table th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #f0f0f0}.simple-import-table .data-table thead{background:#f8f9fa}.simple-import-table .data-table thead th{font-weight:600;color:#000;font-size:16px;border-bottom:2px solid #e0e0e0}.simple-import-table .data-table thead th.row-number{width:60px;text-align:center}.simple-import-table .data-table thead th.column-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simple-import-table .data-table tbody tr:last-child td{border-bottom:none}.simple-import-table .data-table tbody tr:hover{background:#f8f9fa}.simple-import-table .data-table tbody tr .row-number{text-align:center;color:#4d6cb7;font-size:16px;font-weight:500;background:#f8f9fa}.simple-import-table .data-table tbody tr .data-cell{color:#000;font-size:16px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-import-table .data-table tbody tr .data-cell:empty:before{content:"-";color:#4d6cb7}.simple-import-table .table-loading{text-align:center;padding:2rem;color:#4d6cb7;font-style:italic}.simple-import-table .table-empty{text-align:center;padding:2rem;color:#4d6cb7;border:1px dashed #e0e0e0;border-radius:8px;background:#f8f9fa}@media(max-width:768px){.simple-import-table .table-header{flex-direction:column;align-items:flex-start;gap:.5rem}.simple-import-table .table-container{overflow-x:auto}.simple-import-table .data-table{min-width:600px}.simple-import-table .data-table td,.simple-import-table .data-table th{padding:.5rem .75rem}}.filter-drawer{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:#fff;box-shadow:-2px 0 10px rgba(0,0,0,.1);transition:right .3s ease;z-index:1001;display:flex;flex-direction:column}.filter-drawer.open{right:0}.filter-drawer .drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.filter-drawer .drawer-header h3{margin:0;font-size:1.25rem;font-weight:600}.filter-drawer .drawer-header .close-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#6c757d;padding:.25rem;border-radius:4px}.filter-drawer .drawer-header .close-btn:hover{background:#e9ecef;color:#495057}.filter-drawer .drawer-content{flex:1 1;padding:1.5rem;overflow-y:auto}.filter-drawer .drawer-footer{padding:1.5rem;border-top:1px solid #e0e0e0;display:flex;gap:1rem}.filter-drawer .drawer-footer .btn-clear{flex:1 1;padding:.75rem;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease}.filter-drawer .drawer-footer .btn-clear:hover{background:#5a6268}.filter-drawer .drawer-footer .btn-apply{flex:1 1;padding:.75rem;background:#1976d2;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease}.filter-drawer .drawer-footer .btn-apply:hover{background:#1565c0}.add-filter-section{margin-bottom:1rem}.add-filter-section .add-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:6px;color:#6c757d;cursor:pointer;transition:all .2s ease;width:100%}.add-filter-section .add-filter-btn:hover{background:#e9ecef;border-color:#1976d2;color:#1976d2}.filter-block{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;margin-bottom:.5rem}.filter-block .filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.filter-block .filter-header span{font-weight:500;color:#495057}.filter-block .filter-header .remove-filter{background:none;border:none;color:#dc3545;cursor:pointer;padding:.25rem;border-radius:4px}.filter-block .filter-header .remove-filter:hover{background:#f8d7da}.filter-block .filter-field{margin-bottom:.7rem}.filter-block .filter-field label{display:block;margin-bottom:.5rem;font-weight:500;color:#495057;font-size:.875rem}.filter-block .filter-field input,.filter-block .filter-field select{width:100%;padding:.5rem .75rem;border:1px solid #e0e0e0;border-radius:4px;font-size:.875rem;transition:border-color .2s ease}.filter-block .filter-field input:focus,.filter-block .filter-field select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.1)}.filter-block .date-input-wrapper,.filter-block .search-input-wrapper{position:relative}.filter-block .date-input-wrapper .date-icon,.filter-block .date-input-wrapper .search-icon,.filter-block .search-input-wrapper .date-icon,.filter-block .search-input-wrapper .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6c757d;font-size:.875rem}.filter-block .date-input-wrapper input,.filter-block .search-input-wrapper input{width:auto;padding-left:2rem}.filter-block .date-range-fields{grid-template-columns:1fr 1fr;gap:1rem}.dropdown-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:8px;gap:8px;max-height:200px;overflow-y:auto;padding:8px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}.dropdown-option-btn{padding:8px 12px;border:2px solid #e0e0e0;border-radius:6px;background:#fff;color:#495057;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-option-btn:hover{border-color:#007bff;background:#f8f9fa;transform:translateY(-1px)}.dropdown-option-btn.selected{background:#007bff;color:#fff;border-color:#007bff;box-shadow:0 2px 4px rgba(0,123,255,.2)}.dropdown-option-btn.selected:hover{background:#0056b3;border-color:#0056b3}.selected-options-info{margin-top:12px;padding:8px 12px;background:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;font-size:.8rem;color:#06c;line-height:1.4}.selected-options-info strong{font-weight:600}.dropdown-options-grid::-webkit-scrollbar{width:6px}.dropdown-options-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dropdown-options-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-options-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:480px){.dropdown-options-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}.dropdown-option-btn{padding:6px 8px;font-size:.8rem}}@media(max-width:768px){.filter-drawer{width:100%;right:-100%}.filter-block .date-range-fields{grid-template-columns:1fr}}.column-order-drawer{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:#fff;box-shadow:-2px 0 10px rgba(0,0,0,.1);transition:right .3s ease;z-index:1001;display:flex;flex-direction:column}.column-order-drawer.open{right:0}.column-order-drawer .drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.column-order-drawer .drawer-header .header-content{display:flex;align-items:center;gap:1rem;flex:1 1}.column-order-drawer .drawer-header .header-content h3{margin:0;font-size:1.25rem;font-weight:600;flex:1 1}.column-order-drawer .drawer-header .header-content .back-btn,.column-order-drawer .drawer-header .header-content .edit-btn,.column-order-drawer .drawer-header .header-content .save-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;color:#1976d2;padding:.5rem;border-radius:4px;display:flex;align-items:center;justify-content:center}.column-order-drawer .drawer-header .header-content .back-btn:hover,.column-order-drawer .drawer-header .header-content .edit-btn:hover,.column-order-drawer .drawer-header .header-content .save-btn:hover{background:#e3f2fd;transform:scale(1.1)}.column-order-drawer .drawer-header .close-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#6c757d;padding:.25rem;border-radius:4px;transition:all .2s ease}.column-order-drawer .drawer-header .close-btn:hover{background:#e9ecef;color:#495057;transform:scale(1.1)}.column-order-drawer .drawer-content{flex:1 1;padding:1.5rem;overflow-y:auto}.column-order-drawer .drawer-footer{padding:1.5rem;border-top:1px solid #e0e0e0;display:flex;gap:1rem}.column-order-drawer .drawer-footer .btn-cancel{flex:1 1;padding:.75rem;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.column-order-drawer .drawer-footer .btn-cancel:hover{background:#5a6268;transform:translateY(-1px)}.column-order-drawer .drawer-footer .btn-apply{flex:1 1;padding:.75rem;background:#1976d2;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.column-order-drawer .drawer-footer .btn-apply:hover{background:#1565c0;transform:translateY(-1px)}.edit-mode-container .edit-instruction{color:#6c757d;font-size:.875rem;margin-bottom:1rem;text-align:center;font-style:italic}.columns-list{display:flex;flex-direction:column;gap:.5rem}.column-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;transition:all .3s ease;cursor:pointer}.column-item:hover{border-color:#1976d2;background:#f8f9fa;transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.column-item.disabled{background:#f8f9fa;border-color:#dee2e6}.column-item.disabled .column-label{color:#6c757d}.column-item.disabled .toggle-dot{background:#6c757d}.column-item.disabled:hover{border-color:#dee2e6;transform:none;box-shadow:none}.column-item.draggable{cursor:-webkit-grab;cursor:grab}.column-item.draggable:hover .drag-handle{color:#1976d2;transform:scale(1.2)}.column-item.draggable:active{cursor:-webkit-grabbing;cursor:grabbing}.column-item.dragging{opacity:.5;border:2px dashed #1976d2;background:#e3f2fd}.column-item.drag-over{border:2px dashed #1976d2;background:#e3f2fd;transform:scale(1.02)}.column-item.drag-over:before{content:"Drop here";position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#1976d2;color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.column-item .drag-handle{color:#6c757d;cursor:-webkit-grab;cursor:grab;transition:all .2s ease}.column-item .drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.column-item .column-info{flex:1 1;display:flex;align-items:center;gap:.5rem}.column-item .column-label{font-weight:500;color:#212529;transition:color .2s ease}.column-item .visibility-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.column-item .toggle-dot{width:12px;height:12px;border-radius:50%;transition:all .3s ease}.column-item .toggle-dot.visible{background:#28a745;box-shadow:0 0 0 2px rgba(40,167,69,.2)}.column-item .toggle-dot.hidden{background:#ccc}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.drawer-overlay.active{opacity:1;visibility:visible}@media(max-width:768px){.column-order-drawer{width:100%;right:-100%}}.export-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.export-backdrop .modal{width:820px;max-width:96%;background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.2);overflow:hidden;display:flex;flex-direction:column}.export-backdrop .header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee}.export-backdrop .header h3{margin:0;font-size:18px}.export-backdrop .closeBtn{background:rgba(0,0,0,0);border:none;font-size:18px;cursor:pointer}.export-backdrop .body{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.export-backdrop .help{margin:0;color:#666;font-size:13px}.export-backdrop .columnsList{display:flex;gap:12px;width:100%}.export-backdrop .scrollArea{width:100%;max-height:360px;overflow-y:auto;border:1px solid #f0f0f0;padding:10px;border-radius:6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:8px;gap:8px}.export-backdrop .colItem{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.export-backdrop .colItem input[type=checkbox]{width:16px;height:16px}.export-backdrop .colLabel{font-size:14px;color:#222;flex:1 1}.export-backdrop .badge{font-size:12px;background:#f5f5f5;color:#999;padding:2px 6px;border-radius:12px}.export-backdrop .disabled{opacity:.45;cursor:not-allowed}.export-backdrop .empty{color:#666;padding:12px}.export-backdrop .footer{padding:12px 20px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.export-backdrop .secondary{background:rgba(0,0,0,0);border:1px solid #ddd;padding:8px 12px;border-radius:6px;cursor:pointer}.export-backdrop .actions{display:flex;gap:8px}.export-backdrop .outline{background:rgba(0,0,0,0);border:1px solid #ddd;padding:8px 12px;border-radius:6px;cursor:pointer}.export-backdrop .primary{background:#0b74de}.export-backdrop .primary,.export-backdrop .primaryAlt{color:#fff;padding:8px 12px;border-radius:6px;border:none;cursor:pointer}.export-backdrop .primaryAlt{background:#2b8a3e}.export-backdrop .export-all-span{display:flex;align-items:center;font-size:12px;text-decoration:underline;cursor:pointer}.client-logs-drawer{position:fixed;top:0;right:-720px;width:720px;height:100vh;background:#fff;box-shadow:-12px 0 40px rgba(0,0,0,.12);transition:right .28s ease;z-index:1500;display:flex;flex-direction:column;overflow:hidden}.client-logs-drawer.open{right:0}.client-logs-drawer .drawerHeader{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:2px solid #e5e5e5;background:#fafafa}.client-logs-drawer .drawerHeader h3{margin:0;font-size:16px;font-weight:600}.client-logs-drawer .drawerHeader button{border:none;background:rgba(0,0,0,0);font-size:20px;color:#444;cursor:pointer;line-height:1}.client-logs-drawer .drawerContent{flex:1 1;overflow-y:auto;padding:14px 18px}.drawerLogRow{padding:10px 0;border-bottom:1px solid #efefef}.drawerLogHeader{display:flex;justify-content:space-between;align-items:center}.drawerLogTitle{font-size:14px;font-weight:600;margin-bottom:4px;color:#3b82f6}.drawerLogDate{font-size:12px;color:#777}.drawerLogBody{font-size:13px;color:#444;margin-top:4px}.drawerFields{margin-top:6px;padding-left:8px;border-left:2px solid #e0e0e0}.drawerFields strong{font-size:13px}.drawerFields ul{margin:6px 0 0;padding-left:16px}.drawerFields li{font-size:13px;margin-bottom:4px}.drawerAffected{margin-top:8px;font-size:13px}.drawerAffected strong{display:block;margin-bottom:4px}.drawerAffected div>div{background:#f3f3f3;padding:4px 6px;border-radius:4px;margin-bottom:4px;font-size:12px}@media(max-width:640px){.client-logs-drawer{width:100%;right:-100%}.client-logs-drawer.open{right:0}}.drawerLogRow.clickable{cursor:pointer}.drawerChanges{margin-top:12px;background:#fafafa;border-radius:8px;padding:12px}.drawerChangeRow{display:flex;padding:8px 0;border-bottom:1px solid #eee}.drawerChangeRow:last-child{border-bottom:none}.drawerChangeLabel{width:120px;font-weight:600}.drawerChangeValues{display:flex;flex-direction:column;gap:4px}.tag.old{color:#d32f2f}.tag.new{color:#2e7d32}.drawerBulkFields{margin-top:12px}.drawerBulkFieldRow{display:flex;justify-content:space-between;padding:12px 16px;background:#f7fbff;border-radius:10px;margin-bottom:10px;font-weight:500}.drawerAffected{margin-top:16px}.drawerAffectedList{display:flex;gap:10px;flex-wrap:wrap}.affectedItem{background:#f2f2f2;padding:10px 14px;border-radius:10px;min-width:180px;text-align:center}.reset-password-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:999}.reset-password-modal-backdrop .modal-container{width:350px;background:#fff;padding:25px;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.15);animation:fadeIn .2s ease-out;text-align:center;display:flex;flex-direction:column;gap:.5rem}.reset-password-modal-backdrop .modal-title-input{display:flex;flex-direction:column;gap:.2rem}.reset-password-modal-backdrop .modal-buttons{display:flex;gap:1rem}.reset-password-modal-backdrop .modal-input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid #ddd;font-size:14px;margin:10px 0 18px;outline:none;transition:border .2s}.reset-password-modal-backdrop .modal-input:focus{border-color:#6366f1}.reset-password-modal-backdrop .modal-message{font-size:14px;color:#10b981;margin-bottom:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.appointment-drawer .drawer-backdrop{position:fixed;inset:0;background:rgba(10,10,10,.35);z-index:50}.appointment-drawer .drawer{position:fixed;right:0;top:0;height:100vh;width:520px;max-width:92%;background:#fff;z-index:60;display:flex;flex-direction:column;box-shadow:-8px 0 30px rgba(11,15,30,.12)}.appointment-drawer .drawerHeader{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eef2ff}.appointment-drawer .drawerHeader h3{margin:0;font-size:1.05rem}.appointment-drawer .drawerHeader .drawerClose{background:rgba(0,0,0,0);border:none;font-size:18px;cursor:pointer}.appointment-drawer .drawerContent{padding:16px;overflow:auto;flex:1 1}.appointment-drawer .drawerForm{display:flex;flex-direction:column;gap:12px}.appointment-drawer .drawerForm label{display:flex;flex-direction:column;gap:6px;font-size:.95rem}.appointment-drawer .drawerForm .drawerRow{display:flex;flex-direction:column;gap:12px;width:100%}.appointment-drawer .drawerForm .drawerRow>label{flex:1 1}.appointment-drawer .drawerForm .drawerRow .attendee-block{width:100%}.appointment-drawer .drawerForm .drawerActions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.appointment-drawer .drawerForm .drawerActions .btn.primary{background:#2563eb;color:#fff;border:none;padding:8px 12px;border-radius:6px}.appointment-drawer .drawerForm .drawerActions .btn{padding:8px 12px;border-radius:6px;border:1px solid #d1d5db;background:#fff}@media(max-width:900px){.appointment-page .container{grid-template-columns:1fr}.appointment-drawer .drawer{width:100%}}.rte-preview-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:5000}.rte-preview-modal-overlay .modal-content{background:#fff;padding:2rem;border-radius:8px;text-align:center;max-width:670px;min-height:500px;width:90%;display:flex;flex-direction:column;gap:1.5rem}.rte-preview-modal-overlay .modal-description{font-size:16px}.rte-preview-modal-overlay .modal-actions{display:flex;justify-content:flex-end;gap:16px}.form-filter-actions{display:flex;gap:5px}.form-template-container{width:80%;margin:2rem auto;min-height:80vh;display:flex;flex-direction:column;gap:1rem}.form-template-container .checkbox-group,.form-template-container .radio-group{display:flex;flex-direction:column;gap:.5rem;margin-top:6px}.form-template-container .checkbox-group label,.form-template-container .radio-group label{display:flex;align-items:center;gap:.6rem;font-size:14px;color:#4d6cb7}.form-template-container .checkbox-group input[type=checkbox],.form-template-container .checkbox-group input[type=radio],.form-template-container .radio-group input[type=checkbox],.form-template-container .radio-group input[type=radio]{width:16px;height:16px}.form-template-container .checkbox-group .preview-checkbox-text,.form-template-container .checkbox-group .preview-radio-text,.form-template-container .radio-group .preview-checkbox-text,.form-template-container .radio-group .preview-radio-text{display:inline-block}.form-template-container .top-card{gap:10px;background:#fff;border-radius:12px;padding:0 2rem;box-shadow:0 2px 8px rgba(0,0,0,.1);height:10vh;display:flex;justify-content:space-between;align-items:center}.form-template-container .top-card .group-name-input{flex:1 1;display:flex;width:400px}.form-template-container .top-card .group-name-input .publish-toggle{display:flex;align-items:center;gap:.5rem;margin-left:1rem}.form-template-container .top-card .group-name-input .publish-toggle label{font-size:.95rem;color:#4d6cb7;-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-template-container .top-card .group-name-input .reusable-input{font-size:1.5rem;font-weight:600}.form-template-container .top-card .group-name-input .reusable-input::placeholder{color:#666;font-weight:500}.form-template-container .top-card .top-actions{display:flex;gap:1rem;align-items:center}.form-template-container .bottom-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px rgba(0,0,0,.1);height:70vh;min-height:400px;display:flex;flex-direction:column;overflow:scroll}.form-template-container .bottom-card .fields-container{margin-bottom:1rem;position:relative;display:flex;flex-wrap:wrap;flex-direction:row;gap:1rem}.form-template-container .bottom-card .fields-container .field-item{display:flex;align-items:flex-start;border-radius:8px;padding:1rem;transition:all .18s ease;cursor:pointer;width:100%}.form-template-container .bottom-card .fields-container .field-item.dragging{opacity:.6;transform:rotate(2deg);box-shadow:0 6px 18px rgba(0,0,0,.12)}.form-template-container .bottom-card .fields-container .field-item.drag-over{border:2px dashed #1976d2;background:#eaf4ff;transform:scale(1.01)}.form-template-container .bottom-card .fields-container .field-item:hover{transform:translateY(-2px)}.form-template-container .bottom-card .fields-container .field-item:active{cursor:-webkit-grabbing;cursor:grabbing}.form-template-container .bottom-card .fields-container .field-item .drag-handle{cursor:-webkit-grab;cursor:grab;margin-right:.75rem;color:#666;display:flex;align-items:center;padding-top:6px}.form-template-container .bottom-card .fields-container .field-item .drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.form-template-container .bottom-card .fields-container .field-item .field-input-container{flex:1 1;position:relative;display:flex;flex-direction:column;gap:.5rem}.form-template-container .bottom-card .fields-container .field-item .field-input-container .text-box{font-weight:600;color:#000}.form-template-container .bottom-card .fields-container .field-item .field-input-container .preview-control{margin-top:6px;display:block}.form-template-container .bottom-card .fields-container .field-item .field-input-container .preview-control .reusable-input,.form-template-container .bottom-card .fields-container .field-item .field-input-container .preview-control input.reusable-input,.form-template-container .bottom-card .fields-container .field-item .field-input-container .preview-control select.reusable-input,.form-template-container .bottom-card .fields-container .field-item .field-input-container .preview-control textarea.reusable-input{display:block;width:100%;min-height:36px;padding:8px 10px;border-radius:8px;border:1px solid #e0e0e0;background:#fbfbfb;font-size:14px;outline:none;box-sizing:border-box}.form-template-container .bottom-card .fields-container .field-item .field-input-container .preview-control textarea.reusable-input{min-height:80px;resize:vertical;padding:10px}.form-template-container .bottom-card .fields-container .field-item .field-input-container .preview-control input[type=date].reusable-input{padding:6px 10px}.form-template-container .bottom-card .fields-container .field-item .field-input-container .preview-control select.reusable-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#999 0),linear-gradient(135deg,#999 50%,transparent 0),linear-gradient(90deg,#fff,#fff);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 13px) calc(1em + 2px),100% 0;background-size:6px 6px,6px 6px,2.5em 2.5em;background-repeat:no-repeat;padding-right:40px}.form-template-container .bottom-card .fields-container .field-item .field-input-container .preview-control .alert-sample{display:flex;gap:8px;flex-wrap:wrap}.form-template-container .bottom-card .fields-container .field-item .field-input-container .preview-control .alert-sample .alert-pill{padding:6px 10px;border-radius:999px;font-size:13px;color:#111;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 2px rgba(0,0,0,.03);display:inline-flex;align-items:center;justify-content:center;min-height:28px}.form-template-container .bottom-card .fields-container .field-item .field-input-container .delete-overlay{position:absolute;right:-2%;top:10%;z-index:300;transform:translateY(-50%);background:#fff;border:2px solid #f03e3e;border-radius:100%;padding:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f03e3e}.form-template-container .bottom-card .fields-container .field-item .field-input-container .delete-overlay:hover{background:#ffebee}.form-template-container .add-field-button{align-self:flex-start;border:2px dashed #1976d2;background:rgba(0,0,0,0);color:#1976d2;padding:1rem 2rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500}.form-template-container .add-field-button:hover{background:#e3f2fd}.form-template-container .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000}.form-template-container .drawer{position:fixed;top:0;right:0;bottom:0;width:500px;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,.15);z-index:1001;display:flex;flex-direction:column}.form-template-container .drawer .drawer-header{padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.form-template-container .drawer .drawer-header h2{margin:0;font-size:1.5rem;font-weight:600}.form-template-container .drawer .drawer-header .close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.form-template-container .drawer .drawer-header .close-button:hover{color:#333}.form-template-container .drawer .drawer-content{flex:1 1;padding:2rem;overflow-y:auto}.form-template-container .drawer .drawer-content .form-section{margin-bottom:2rem}.form-template-container .drawer .drawer-content .form-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#333}.form-template-container .drawer .drawer-content .form-section .row-layout{display:flex;justify-content:space-between}.form-template-container .drawer .drawer-content .form-section .input-group{margin-bottom:1rem}.form-template-container .drawer .drawer-content .form-section .input-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.form-template-container .drawer .drawer-content .divider{height:1px;background:#e0e0e0;margin:2rem 0}.form-template-container .drawer .drawer-content .options-container{position:relative}.form-template-container .drawer .drawer-content .options-container .option-item{display:flex;align-items:center;gap:1rem;border-radius:8px;margin-bottom:.75rem}.form-template-container .drawer .drawer-content .options-container .option-item .drag-handle{cursor:-webkit-grab;cursor:grab;color:#666}.form-template-container .drawer .drawer-content .options-container .option-item .drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.form-template-container .drawer .drawer-content .options-container .option-item .color-pickers{display:flex;gap:.5rem}.form-template-container .drawer .drawer-content .options-container .option-item .option-input-container{flex:1 1;position:relative}.form-template-container .drawer .drawer-content .options-container .option-item .option-input-container.alert{display:flex;gap:5px}.form-template-container .drawer .drawer-content .options-container .option-item .delete-overlay{position:absolute;right:-3%;top:50%;transform:translateY(-50%);background:#fff;border:2px solid #f03e3e;border-radius:100%;padding:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f03e3e}.form-template-container .drawer .drawer-content .options-container .option-item .delete-overlay:hover{background:#ffebee}.form-template-container .drawer .drawer-content .options-container .add-option-button{border:2px dashed #666;background:rgba(0,0,0,0);color:#666;padding:.75rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500}.form-template-container .drawer .drawer-content .options-container .add-option-button:hover{background:#f5f5f5}.form-template-container .drawer .drawer-footer{padding:1.5rem 2rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:1rem}@media(max-width:1024px){.form-template-container{width:95%}.form-template-container .drawer{width:420px}}.form-submission-container{padding:24px;display:flex;justify-content:center}.form-submission-container .previous-answer-inline{margin-top:4px;font-size:12px;color:#666;background:#fff7e6;padding:4px 6px;border-left:3px solid #ffce85;border-radius:4px}.form-submission-container .reject-banner{background:#ffeaea;border:1px solid #ffb7b7;padding:14px 18px;border-radius:8px;margin-bottom:20px}.form-submission-container .reject-banner h3{margin:0 0 8px;font-size:16px;color:#c70000}.form-submission-container .reject-banner p{margin:3px 0;color:#a00000;font-size:14px}.form-submission-container .reject-banner p strong{color:#7d0000}.form-submission-container .reject-box{width:95%;background:#fff4f4;border:1px solid #e5baba;border-radius:8px;padding:16px;margin-top:20px}.form-submission-container .reject-box label{display:block;font-weight:600;color:#b40000;margin-bottom:8px}.form-submission-container .reject-box textarea{width:80%;padding:10px 12px;border:1px solid #d88b8b;border-radius:6px;background:#fff;resize:vertical;min-height:90px;font-size:14px;line-height:1.4;margin-bottom:5px;color:#333}.form-submission-container .reject-box textarea:focus{outline:none;border-color:#c55353;box-shadow:0 0 0 2px rgba(197,83,83,.2)}.form-submission-container .reject-box textarea::placeholder{color:#c77a7a}.form-submission-container .reject-box .form-actions,.form-submission-container .reject-box .reject-actions{display:flex;gap:12px;margin-top:14px}.form-submission-container .form-card{width:100%;max-width:900px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.06)}.form-submission-container .form-header{margin-bottom:20px}.form-submission-container .form-header h1{margin:0;font-size:20px;font-weight:600}.form-submission-container .form-errors{background:#ffe6e6;padding:10px 16px;border-radius:6px;margin-bottom:16px;color:#b70000}.form-submission-container .form-grid{display:flex;flex-wrap:wrap;gap:12px}.form-submission-container .form-field{display:flex;flex-direction:column}.form-submission-container .form-field label{font-size:14px;font-weight:500;margin-bottom:6px}.form-submission-container .form-field label .required{color:red;margin-left:4px}.form-submission-container .form-field .input-multiline,.form-submission-container .form-field .input-text{border:1px solid #ddd;border-radius:6px;padding:8px;font-size:14px;width:100%}.form-submission-container .form-field .input-multiline{height:90px;resize:vertical}.form-submission-container .form-field .checkbox-group,.form-submission-container .form-field .choice-group{display:flex;flex-direction:column;gap:4px}.form-submission-container .form-field .checkbox-option,.form-submission-container .form-field .choice-option{display:flex;align-items:center;gap:6px;font-size:14px}.form-submission-container .form-field .field-error{color:red;font-size:12px;margin-top:4px}.form-submission-container .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.appointment-page{background:#f7fafc;min-height:100vh;padding:24px}.appointment-page .container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:340px 1fr;grid-gap:24px;gap:24px}.appointment-page .sidebar{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(16,24,40,.05);height:90vh;overflow:scroll}.appointment-page .sidebar h2{font-size:1.125rem;margin-bottom:12px}.appointment-page .sidebar .form{display:flex;flex-direction:column;gap:12px}.appointment-page .sidebar .form label{display:flex;flex-direction:column;gap:6px;font-size:.875rem}.appointment-page .sidebar .form label input,.appointment-page .sidebar .form label input[type=datetime-local],.appointment-page .sidebar .form label input[type=text]{padding:8px 10px;border:1px solid #e6e9ee;border-radius:6px;font-size:.95rem}.appointment-page .sidebar .form .attendees-grid{display:flex;flex-direction:column;gap:12px}.appointment-page .sidebar .form .attendee-block{width:50%;background:#fbfdff;padding:8px;border-radius:8px;border:1px solid #eef2ff}.appointment-page .sidebar .form .attendee-block .attendee-head{font-weight:600;font-size:.9rem;margin-bottom:8px}.appointment-page .sidebar .form .attendee-block .attendee-list{max-height:160px;overflow:auto;display:flex;flex-direction:column;gap:6px}.appointment-page .sidebar .form .attendee-block .attendee-list .checkbox-row{display:flex;align-items:center;gap:8px;font-size:.9rem}.appointment-page .sidebar .form .attendee-block .attendee-list .checkbox-row input[type=checkbox]{width:16px;height:16px}.appointment-page .sidebar .form .attendee-block .attendee-list .checkbox-row .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-page .sidebar .form .form-actions{display:flex;gap:8px;margin-top:6px}.appointment-page .sidebar .form .form-actions .btn{padding:8px 12px;border-radius:6px;border:1px solid #d1d5db;background:#fff;cursor:pointer}.appointment-page .sidebar .form .form-actions .primary{background:#2563eb;color:#fff;border:none}.appointment-page .sidebar .upcoming{margin-top:16px}.appointment-page .sidebar .upcoming ul{list-style:none;margin:0;padding:0}.appointment-page .sidebar .upcoming .upcoming-item{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px dashed #f1f5f9}.appointment-page .sidebar .upcoming .upcoming-item .upcoming-left .title{font-weight:600}.appointment-page .sidebar .upcoming .upcoming-item .upcoming-left .meta{font-size:.8rem;color:#6b7280}.appointment-page .sidebar .upcoming .upcoming-item .upcoming-left .mini-attendees{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}.appointment-page .sidebar .upcoming .upcoming-item .upcoming-left .mini-attendees .chip{font-size:.75rem;padding:4px 6px;border-radius:999px;background:#eef2ff;color:#1e3a8a}.appointment-page .sidebar .upcoming .upcoming-item .upcoming-left .mini-attendees .chip.client{background:#ffeedb;color:#92400e}.appointment-page .sidebar .upcoming .upcoming-item .upcoming-actions{display:flex;flex-direction:column;gap:6px}.appointment-page .sidebar .upcoming .upcoming-item .upcoming-actions .link{background:rgba(0,0,0,0);border:none;color:#2563eb;cursor:pointer;font-size:.85rem;padding:0}.appointment-page .sidebar .upcoming .upcoming-item .upcoming-actions .danger{color:#dc2626}.appointment-page .sidebar .upcoming .selected{margin-top:12px;background:#fff;padding:10px;border-radius:8px;border:1px solid #eef2ff}.appointment-page .sidebar .upcoming .selected .s-title{font-weight:700}.appointment-page .sidebar .upcoming .selected .s-meta{font-size:.85rem;color:#374151;margin-top:6px}.appointment-page .sidebar .upcoming .selected .selected-attendees{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.appointment-page .sidebar .upcoming .selected .selected-attendees .attendee-section-title{font-size:.8rem;color:#374151;margin-bottom:6px;font-weight:600}.appointment-page .sidebar .upcoming .selected .selected-attendees .attendee-names{display:flex;gap:6px;flex-wrap:wrap}.appointment-page .sidebar .upcoming .selected .selected-attendees .attendee-names .chip{font-size:.78rem;padding:6px 8px;border-radius:999px;background:#eef2ff;color:#1e3a8a}.appointment-page .sidebar .upcoming .selected .selected-attendees .attendee-names .chip.client{background:#fff0e6;color:#92400e}.appointment-page .sidebar .upcoming .selected .selected-actions{margin-top:8px;display:flex;gap:10px}.appointment-page .sidebar .upcoming .selected .selected-actions .link{background:rgba(0,0,0,0);border:none;color:#2563eb;cursor:pointer;padding:0}.appointment-page .sidebar .upcoming .selected .selected-actions .danger{color:#dc2626}.appointment-page .calendar-area{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(16,24,40,.04);height:90vh}@media(max-width:900px){.appointment-page .attendees-grid,.appointment-page .container{grid-template-columns:1fr}}.invitation-page{display:flex;min-height:100vh;background:#fff;justify-content:center}.invitation-page .invitation-left{width:100%;display:flex;align-items:center;justify-content:center;padding:40px}.invitation-page .invitation-panel{width:80%;max-width:560px}.invitation-page .invitation-right{padding:20px;display:flex;align-items:center;justify-content:center}.invitation-page .invitation-right .promo-card{width:100%;height:100%;border-radius:40px;background:linear-gradient(135deg,#53459d,#6b4fc0);box-shadow:0 10px 30px rgba(0,0,0,.15)}.invitation-page .form{display:block;background:rgba(0,0,0,0);width:100%}.invitation-page .form .center{text-align:center}.invitation-page .form .center-icon{font-size:40px;text-align:center;margin-bottom:12px}.invitation-page .form .form-header{margin-bottom:18px}.invitation-page .form .form-header .form-title{font-size:28px;margin:0 0 6px}.invitation-page .form .form-header .form-sub{margin:0;color:#666;font-size:14px}.invitation-page .form .read-only-email{margin-bottom:12px}.invitation-page .form .read-only-email label{display:block;font-size:12px;margin-bottom:6px;color:#333}.invitation-page .form .read-only-email .email-value{padding:10px 12px;background:#f5f5f7;border-radius:6px;color:#222}.invitation-page .form .field{margin-bottom:14px}.invitation-page .form .field label{display:block;margin-bottom:6px;font-size:13px;color:#333}.invitation-page .form .field .input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none}.invitation-page .form .field .input.error{border-color:#e74c3c}.invitation-page .form .field .input-with-action{display:flex;align-items:center}.invitation-page .form .field .input-with-action .input{flex:1 1;margin-right:8px}.invitation-page .form .field .input-with-action .action-btn{padding:8px 10px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:13px}.invitation-page .form .field .field-error{margin-top:6px;color:#e74c3c;font-size:12px}.invitation-page .form .btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:10px 14px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:15px}.invitation-page .form .btn.primary{background:#53459d;color:#fff}.invitation-page .form .btn[disabled]{opacity:.7;cursor:not-allowed}.invitation-page .form .btn-spinner,.invitation-page .form .spinner{display:inline-block;width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.invitation-page .form .spinner{width:36px;height:36px;border-width:3px;border-color:#53459d rgba(83,69,157,.25) rgba(83,69,157,.25)}.invitation-page .form.expired .center-icon{font-size:46px}.invitation-page .form.expired .form-title{font-size:22px;margin:8px 0}.invitation-page .form.expired .form-sub{color:#666}@keyframes spin{to{transform:rotate(1turn)}}.new-kpi-container{padding:20px;overflow:scroll;height:93vh}.new-kpi-container .page-actions{padding-block:10px;display:flex;justify-content:flex-end}.new-kpi-container .title-container{margin-bottom:20px}.new-kpi-container .title-container .inline-title-input{width:100%;font-size:24px;font-weight:600;border:none;outline:none;padding:10px}.new-kpi-container .tabs{display:flex;gap:10px;margin-bottom:15px}.new-kpi-container .tabs .tab{padding:8px 16px;font-size:14px;border-radius:6px;border:1px solid #ddd;background:#f9f9f9;cursor:pointer}.new-kpi-container .tabs .tab.active{background:#4d6cb7;color:#fff;border-color:#4d6cb7}.new-kpi-container .kpi-form-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.new-kpi-container .kpi-tabs{display:flex;gap:8px;padding-bottom:15px;border-bottom:1px solid #eee}.new-kpi-container .kpi-tabs .kpi-tab{padding:6px 12px;font-size:13px;border-radius:4px;border:none;background:#f5f5f5;cursor:pointer}.new-kpi-container .kpi-tabs .kpi-tab.active{background:#4d6cb7;color:#fff}.new-kpi-container .kpi-tabs .kpi-tab.add{background:rgba(0,0,0,0);color:#4d6cb7;font-weight:500}.new-kpi-container .kpi-form{padding-top:20px;display:flex;flex-direction:column;gap:16px}.new-kpi-container .kpi-form .settings-tabs{display:flex;gap:6px;padding:6px 0}.new-kpi-container .kpi-form .settings-tabs .tab{padding:6px 12px;font-size:13px;font-weight:500;border-radius:6px;border:1px solid #ddd;background:#f5f5f5;color:#333;cursor:pointer;transition:all .15s ease-in-out;white-space:nowrap}.new-kpi-container .kpi-form .settings-tabs .tab:hover{background:#ececec}.new-kpi-container .kpi-form .settings-tabs .tab.active{background:#4d6cb7;border-color:#4d6cb7;color:#fff}.new-kpi-container .kpi-form .settings-tabs .tab:disabled{cursor:not-allowed;opacity:.6}.new-kpi-container .kpi-form .input,.new-kpi-container .kpi-form .select,.new-kpi-container .kpi-form .textarea{width:100%;padding:10px;border-radius:6px;border:1px solid #ddd;font-size:14px}.new-kpi-container .kpi-form .textarea{resize:vertical;min-height:80px}.new-kpi-container .kpi-form .section{display:flex;flex-direction:column;gap:8px}.new-kpi-container .kpi-form .section h4{font-size:15px;font-weight:600;margin:0 0 5px}.new-kpi-container .kpi-form .section .hint{font-size:12px;color:#666}.new-kpi-container .kpi-form .section .row{display:flex;gap:10px}.new-kpi-container .kpi-form .section .row .input,.new-kpi-container .kpi-form .section .row .select{flex:1 1}.new-kpi-container .kpi-form .section .checkbox{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.new-kpi-container .graph-content{width:100%;display:flex;gap:10px;margin-top:10px}.new-kpi-container .graph-content .graph-visualization{width:75%;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.new-kpi-container .graph-content .graph-visualization .placeholder{height:300px;border:1px dashed #ccc;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#888;font-size:14px}.new-kpi-container .graph-content .graph-settings{width:25%;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;height:75vh;overflow-y:auto}.new-kpi-container .graph-content .graph-settings .settings-section{padding-top:10px}.new-kpi-container .graph-content .graph-settings .settings-section h3{font-size:16px;font-weight:600;margin-bottom:10px}.new-kpi-container .graph-content .graph-settings .settings-section .row{display:flex;align-items:center;gap:10px;padding-bottom:10px}.new-kpi-container .graph-content .graph-settings .settings-section .row span{flex:1 1;font-size:14px}.new-kpi-container .graph-content .graph-settings .settings-section .row input[type=color]{width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;padding:0}.new-kpi-container .graph-content .graph-settings .settings-section select{width:100%;padding:8px;border-radius:4px;border:1px solid #ddd;font-size:14px}.kpi-dashboard-container{padding:1rem;height:95vh;overflow:scroll;display:flex;flex-direction:column;gap:5px}.kpi-dashboard-container .kpi-dashboard-body{display:flex;flex-direction:column;gap:10px}.kpi-group-card{background:#fff;border-radius:16px;padding:18px;border:1px solid #e5e7eb;box-shadow:0 8px 30px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:16px}.group-header{display:flex;justify-content:space-between;align-items:center}.group-title h3{font-size:16px;margin:0}.group-sub{font-size:12px;color:#6b7280}.group-badge{background:#eef2ff;color:#4f46e5;font-weight:600;padding:6px 10px;border-radius:999px}.group-progress{height:10px;background:#eef2f7;border-radius:999px;overflow:hidden}.group-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#4f46e5)}.kpi-hover{position:absolute;right:0;top:5%;width:300px;height:220px;padding:14px;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12),0 1px 0 rgba(0,0,0,.04);opacity:0;transform:translateY(6px) scale(.98);transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:5}.kpi-tile:hover .kpi-hover{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.kpi-hover-header{margin-bottom:10px}.kpi-hover-header .badge{font-size:11px;font-weight:600;color:#4f46e5;background:#eef2ff;padding:4px 8px;border-radius:999px}.kpi-hover-stats{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.kpi-hover-stats .row{display:flex;justify-content:space-between;font-size:13px;color:#374151}.kpi-hover-stats .row.highlight{background:#f0fdf4;padding:4px 6px;border-radius:6px;font-weight:600}.kpi-hover-progress{margin-bottom:10px}.kpi-hover-progress .percent{font-size:12px;color:#6b7280;margin-top:4px;display:block}.kpi-hover-dates{font-size:12px;color:#6b7280;margin-bottom:8px}.kpi-hover-members .label{font-size:11px;color:#6b7280;margin-bottom:4px;display:block}.kpi-grid{display:flex;flex-wrap:wrap;gap:12px}.kpi-tile{width:calc(50% - 40px);background:#f9fafb;border-radius:14px;padding:12px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.kpi-tile .kpi-header-right{display:flex;align-items:center;gap:6px}.kpi-tile .kpi-type{font-size:10px;font-weight:600;padding:3px 6px;border-radius:999px;white-space:nowrap}.kpi-tile .kpi-type.team{background:#ecfeff;color:#0369a1}.kpi-tile .kpi-type.individual{background:#f0fdf4;color:#166534}.kpi-tile .kpi-tile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.kpi-tile .kpi-title{font-weight:600;font-size:13px}.kpi-tile .kpi-pill{background:#ecfeff;color:#0891b2;font-size:11px;padding:4px 8px;border-radius:999px}.kpi-tile .kpi-chart-wrap{background:#fff;border-radius:10px;padding:4px;margin:6px 0}.kpi-tile .kpi-footer{display:flex;flex-direction:column;gap:6px}.kpi-tile .kpi-progress{height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}.kpi-tile .kpi-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a)}.kpi-tile .kpi-meta{font-size:11px;color:#6b7280}.kpi-tile:hover .kpi-chart-wrap{filter:blur(1px);opacity:.4}.member-avatars{display:flex;gap:-6px}.avatar{width:28px;height:28px;border-radius:50%;background:#e0e7ff;color:#3730a3;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.avatar.more{background:#e5e7eb;color:#374151}.graph-list-container{padding-inline:1rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0;gap:1rem}.graph-list-container,.graph-list-container .title-container{display:flex;justify-content:space-between;align-items:center;width:100%}.graph-list-container .title-container{font-size:14px;padding:0 1.5rem}.graph-list-container .title-container .title-actions{display:flex;align-items:center;gap:10px}.new-graph-container{padding:20px}.new-graph-container .title-container h1{margin:0 0 20px;font-size:24px;font-weight:600}.new-graph-container .graph-header{display:flex;justify-content:space-between;padding-bottom:10px}.new-graph-container .graph-header .graph-actions{display:flex;gap:10px}.new-graph-container .graph-header .graph-actions .publish-toggle{display:flex;border:1px solid #ddd;border-radius:4px;overflow:hidden}.new-graph-container .graph-header .graph-actions .publish-toggle .action-btn{padding:8px 16px;border:none;background:#fff;cursor:pointer;font-size:14px;transition:all .2s}.new-graph-container .graph-header .graph-actions .publish-toggle .action-btn:hover{background:#f5f5f5}.new-graph-container .graph-header .graph-actions .publish-toggle .action-btn.active{background:#4d6cb7;color:#fff}.new-graph-container .graph-header .graph-actions .publish-toggle .action-btn.active.publish-btn{background:#4d6cb7}.new-graph-container .graph-header .settings-actions{display:flex;gap:10px}.new-graph-container .graph-content{width:100%;display:flex;gap:10px}.new-graph-container .graph-content .graph-visualization{width:75%;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.new-graph-container .graph-content .graph-visualization .graph-config-fields{display:flex;flex-direction:column;gap:10px;padding-bottom:10px}.new-graph-container .graph-content .graph-visualization .graph-chart{height:300px;margin-bottom:20px}.new-graph-container .graph-content .graph-visualization .source-section{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.new-graph-container .graph-content .graph-visualization .source-section .client-group-select{border:none;background:none;color:#4d6cb7;font-weight:500;cursor:pointer}.new-graph-container .graph-content .graph-settings{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;width:25%;overflow:scroll;height:75vh}.new-graph-container .graph-content .graph-settings .settings-section{padding-top:10px}.new-graph-container .graph-content .graph-settings .settings-section h3{margin:0;font-size:16px;font-weight:600}.new-graph-container .graph-content .graph-settings .settings-section .settings-tabs{display:flex;gap:5px;padding-block:10px}.new-graph-container .graph-content .graph-settings .settings-section .settings-tabs .tab{padding:5px 10px;border:none;background:#f5f5f5;border-radius:4px;font-size:12px;cursor:pointer}.new-graph-container .graph-content .graph-settings .settings-section .settings-tabs .tab.active{background:#4d6cb7;color:#fff}.new-graph-container .graph-content .graph-settings .settings-section .setting-group{display:flex;flex-direction:column;gap:5px;padding-block:5px}.new-graph-container .graph-content .graph-settings .settings-section .setting-group label{display:block;font-size:14px;font-weight:500;color:#333}.new-graph-container .graph-content .graph-settings .settings-section .setting-group .setting-select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.new-graph-container .graph-content .graph-settings .settings-section .setting-group .setting-input{width:93%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.new-graph-container .graph-content .graph-settings .settings-section .setting-group .setting-color-input{width:30px;height:30px;padding:0;border:none;border-radius:50%;background:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.new-graph-container .graph-content .graph-settings .settings-section .setting-group .setting-color-input::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}.new-graph-container .graph-content .graph-settings .settings-section .setting-group .setting- .setting-input{width:93%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.new-graph-container .graph-content .graph-settings .settings-section .setting-group .series-checkboxes{display:flex;flex-direction:column;gap:8px}.new-graph-container .graph-content .graph-settings .settings-section .setting-group .series-checkboxes .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.new-graph-container .graph-content .graph-settings .settings-section .setting-group .series-checkboxes .checkbox-label .color-indicator{width:12px;height:12px;border-radius:2px;display:inline-block}.new-graph-container .graph-content .graph-settings .settings-section .setting-group .color-input-group{display:flex;gap:10px;align-items:center}.new-graph-container .graph-content .graph-settings .settings-section .setting-group .color-input-group .color-picker{width:40px;height:40px;border:none;border-radius:4px;cursor:pointer}.new-graph-container .graph-content .graph-settings .settings-section .setting-group .color-input-group .color-hex{flex:1 1;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.new-graph-container .graph-content .graph-settings .settings-section .setting-group.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.new-graph-container .graph-content .graph-settings .settings-section .setting-group.checkbox-group input[type=checkbox]{margin:0}.published-graph-container{height:100vh;padding:1rem;overflow:hidden;position:relative}.published-graph-container .graph-body{display:flex;flex-wrap:wrap;gap:1rem;overflow-y:auto;height:calc(100vh - 100px)}.published-graph-container .graph{width:calc(50% - 2rem);background:#fff;border-radius:8px;padding:.75rem;box-shadow:0 1px 4px rgba(0,0,0,.1);font-size:12px}.published-graph-container .graph-title{margin-bottom:.5rem;font-size:14px;font-weight:600}.published-graph-container .load-more-wrapper{text-align:center;margin-top:1rem;position:absolute;z-index:100;top:90%;left:45%}.published-graph-container .load-more-btn{padding:.5rem 1.25rem;border-radius:6px;background:#4f46e5;color:#fff;border:none;cursor:pointer}.published-graph-container .date-filter{display:flex;gap:3px;margin-bottom:12px;flex-wrap:wrap}.published-graph-container .date-filter button{padding:6px;font-size:10px;border-radius:6px;border:1px solid #e5e7eb;background-color:#fff;color:#374151;cursor:pointer;transition:all .2s ease}.published-graph-container .date-filter button:hover{background-color:#f3f4f6}.published-graph-container .date-filter button.active{background-color:#4f46e5;border-color:#4f46e5;color:#fff}.published-graph-container .date-filter button:focus{outline:none;box-shadow:0 0 0 2px rgba(79,70,229,.3)}.action-container{display:flex;justify-content:space-between;align-items:center;padding-left:1rem;padding-right:2rem;padding-bottom:1rem;gap:1rem}.action-container .search-wrapper{display:flex;align-items:center;border:1px solid #e0e0e0;border-radius:6px;transition:all .2s ease;background:#fff;min-width:200px}.action-container .search-wrapper:hover{border-color:silver}.action-container .search-wrapper:focus-within{border-color:#4d6cb7;box-shadow:0 0 0 2px rgba(77,108,183,.1)}.action-container .search-wrapper .search-icon{display:flex;align-items:center;padding:.5rem;color:#9ca3af;width:16px;height:16px}.action-container .search-wrapper .search-bar{width:100%;padding:.5rem;border:none;border-radius:6px;font-size:14px;background:rgba(0,0,0,0)}.action-container .search-wrapper .search-bar:focus{outline:none}.action-container .search-wrapper .search-bar::placeholder{color:#9ca3af}.action-container .icons-section{display:flex;align-items:center;gap:.5rem;cursor:pointer}.action-container .icons-section .icon-group{display:flex;align-items:center;gap:.25rem}.action-container .icons-section .icon-group:not(:last-child){padding-right:.75rem;border-right:1px solid #e5e7eb}.action-container .icons-section .icon-button{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#6b7280}.action-container .icons-section .icon-button:hover{background:#f9fafb;border-color:#d1d5db;color:#4d6cb7}.action-container .icons-section .icon-button.active{background:#e2effa;border-color:#4d6cb7;color:#4d6cb7}.action-container .icons-section .icon-button .icon{width:16px;height:16px}.action-container .icons-section .table-logo{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;font-weight:500;color:#374151}.action-container .icons-section .table-logo .logo-icon{width:18px;height:18px;color:#4d6cb7}.page-container{display:flex;flex-direction:column}.page-container .title-container{font-size:14px;padding:.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.page-container .title-container h1{margin:0;white-space:nowrap}.page-container .title-container .title-actions{display:flex;align-items:center;gap:10px}.backdrop{display:flex;position:absolute;z-index:100;background-color:#333;width:100%;height:100%;opacity:.5}.new-client-group-container{width:80%;margin:2rem auto;min-height:80vh;display:flex;flex-direction:column;gap:1rem}.new-client-group-container .top-card{gap:10px;background:#fff;border-radius:12px;padding:0 2rem;box-shadow:0 2px 8px rgba(0,0,0,.1);height:10vh;display:flex;justify-content:space-between;align-items:center}.new-client-group-container .top-card .group-name-input{flex:1 1;max-width:400px}.new-client-group-container .top-card .group-name-input .reusable-input{font-size:1.5rem;font-weight:600}.new-client-group-container .top-card .group-name-input .reusable-input::placeholder{color:#666;font-weight:500}.new-client-group-container .top-card .top-actions{display:flex;gap:1rem;align-items:center}.new-client-group-container .bottom-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px rgba(0,0,0,.1);height:70vh;min-height:400px;display:flex;flex-direction:column;overflow:scroll}.new-client-group-container .bottom-card .fields-container{margin-bottom:1rem;position:relative;display:flex;flex-wrap:wrap;flex-direction:row;gap:1rem}.new-client-group-container .bottom-card .fields-container .field-item{display:flex;align-items:center;border-radius:8px;margin-bottom:.75rem;padding-inline:.5rem;transition:all .3s ease;cursor:pointer}.new-client-group-container .bottom-card .fields-container .field-item.dragging{opacity:.5;transform:rotate(5deg);box-shadow:0 4px 12px rgba(0,0,0,.15)}.new-client-group-container .bottom-card .fields-container .field-item.drag-over{border:2px dashed #1976d2;background:#e3f2fd;transform:scale(1.02)}.new-client-group-container .bottom-card .fields-container .field-item:hover{transform:translateY(-1px)}.new-client-group-container .bottom-card .fields-container .field-item:active{cursor:-webkit-grabbing;cursor:grabbing}.new-client-group-container .bottom-card .fields-container .field-item .drag-handle{cursor:-webkit-grab;cursor:grab;margin-right:.5rem;color:#666}.new-client-group-container .bottom-card .fields-container .field-item .drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.new-client-group-container .bottom-card .fields-container .field-item .field-input-container{flex:1 1;position:relative}.new-client-group-container .bottom-card .fields-container .field-item .field-input-container .reusable-input{background:#fff}.new-client-group-container .bottom-card .fields-container .field-item .field-input-container .delete-overlay{position:absolute;right:-2%;top:50%;z-index:50;transform:translateY(-50%);background:#fff;border:2px solid #f03e3e;border-radius:100%;padding:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f03e3e}.new-client-group-container .bottom-card .fields-container .field-item .field-input-container .delete-overlay:hover{background:#ffebee}.new-client-group-container .add-field-button{align-self:flex-start;border:2px dashed #1976d2;background:rgba(0,0,0,0);color:#1976d2;padding:1rem 2rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500}.new-client-group-container .add-field-button:hover{background:#e3f2fd}.new-client-group-container .drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:100}.new-client-group-container .drawer{position:fixed;top:0;right:0;bottom:0;width:500px;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,.15);z-index:1001;display:flex;flex-direction:column}.new-client-group-container .drawer .drawer-header{padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.new-client-group-container .drawer .drawer-header h2{margin:0;font-size:1.5rem;font-weight:600}.new-client-group-container .drawer .drawer-header .close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.new-client-group-container .drawer .drawer-header .close-button:hover{color:#333}.new-client-group-container .drawer .drawer-content{flex:1 1;padding:2rem;overflow-y:auto}.new-client-group-container .drawer .drawer-content .form-section{margin-bottom:2rem}.new-client-group-container .drawer .drawer-content .form-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#333}.new-client-group-container .drawer .drawer-content .form-section .row-layout{display:flex;justify-content:space-between}.new-client-group-container .drawer .drawer-content .form-section .input-group{margin-bottom:1rem}.new-client-group-container .drawer .drawer-content .form-section .input-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.new-client-group-container .drawer .drawer-content .divider{height:1px;background:#e0e0e0;margin:2rem 0}.new-client-group-container .drawer .drawer-content .options-container{position:relative}.new-client-group-container .drawer .drawer-content .options-container .option-item{display:flex;align-items:center;gap:1rem;border-radius:8px;margin-bottom:.75rem}.new-client-group-container .drawer .drawer-content .options-container .option-item .drag-handle{cursor:-webkit-grab;cursor:grab;color:#666}.new-client-group-container .drawer .drawer-content .options-container .option-item .drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.new-client-group-container .drawer .drawer-content .options-container .option-item .color-pickers{display:flex;gap:.5rem}.new-client-group-container .drawer .drawer-content .options-container .option-item .option-input-container{flex:1 1;position:relative}.new-client-group-container .drawer .drawer-content .options-container .option-item .option-input-container.alert{display:flex;gap:5px}.new-client-group-container .drawer .drawer-content .options-container .option-item .delete-overlay{position:absolute;right:-3%;top:50%;transform:translateY(-50%);background:#fff;border:2px solid #f03e3e;border-radius:100%;padding:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f03e3e}.new-client-group-container .drawer .drawer-content .options-container .option-item .delete-overlay:hover{background:#ffebee}.new-client-group-container .drawer .drawer-content .options-container .add-option-button{border:2px dashed #666;background:rgba(0,0,0,0);color:#666;padding:.75rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500}.new-client-group-container .drawer .drawer-content .options-container .add-option-button:hover{background:#f5f5f5}.new-client-group-container .drawer .drawer-footer{padding:1.5rem 2rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:1rem}.create-client-container{padding:2rem}.create-client-container .form-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:2rem}.create-client-container .form-header{margin-bottom:2rem}.create-client-container .form-header h1{color:#000;font-size:28px;font-weight:600;margin-bottom:.5rem}.create-client-container .form-header p{color:#4d6cb7;font-size:16px}.create-client-container .client-form .form-section{display:flex;margin-bottom:1rem;flex-wrap:wrap;flex-direction:row;gap:1rem;height:60vh;overflow:scroll}.create-client-container .client-form .form-section>*{flex:0 0 calc(var(--col-width) - 1rem)!important}.create-client-container .input-group{display:flex;flex-direction:column;gap:.5rem}.create-client-container .input-group .reusable-dropdown,.create-client-container .input-group .text-container{width:100%}.create-client-container .form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e0e0e0}.create-client-container .form-actions button{min-width:120px}.client-import-container{padding-inline:1rem}.import-form{display:flex;flex-direction:column}.import-header{border-radius:10px;padding:25px 0;justify-content:space-between}.import-header,.import-header .header-left{display:flex;align-items:center}.import-header .page-title{font-size:28px;font-weight:600;color:#000;margin:0}.import-header .header-actions{display:flex;gap:10px;width:30%;justify-content:flex-end}.import-content{border:1px solid #e3deff;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;padding:20px;gap:1.5rem}.import-instruction .instruction-title{font-size:24px;font-weight:600;color:#000;margin-bottom:1rem}.import-instruction .instruction-step{font-size:14px;margin-bottom:.75rem;line-height:1.5}.import-instruction .template-link{text-decoration:underline;color:#4d6cb7!important;cursor:pointer;font-weight:500}.import-instruction .instruction-list{list-style:none;padding-left:1rem;margin:.75rem 0}.import-instruction .instruction-list .instruction-list-item{font-size:14px;margin-bottom:.5rem;line-height:1.4}.import-instruction .instruction-list .instruction-list-item code{background:#f5f5f5;padding:.125rem .25rem;border-radius:3px;font-family:Courier New,monospace;font-size:14px}.import-instruction .user-list-link{text-decoration:underline;color:#4d6cb7;cursor:pointer;font-size:inherit}.error-actions{width:100%;display:flex;justify-content:flex-end;padding-bottom:10px}.import-data-section{display:flex;flex-direction:row;justify-content:space-between;width:100%;gap:1rem}.import-data-section .record-count{font-size:14px;color:#4d6cb7;background:#e2effa;padding:.25rem .75rem;border-radius:12px;display:flex;align-items:center}.import-data-section .data-actions{width:60%;display:flex;justify-content:flex-end;gap:1rem}.upload-section .upload-area{border:1px dashed #000;border-radius:10px;cursor:pointer;background:#f5f6fa;flex-direction:column;padding:100px;justify-content:center;align-items:center;display:flex;transition:all .2s ease}.upload-section .upload-area .upload-text{margin-top:1rem;font-size:16px;color:#4d6cb7;font-weight:500}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.2)}.btn:active{transform:translateY(0)}.btn.btn-primary{background:#4d6cb7;color:#fff}.btn.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.btn.btn-secondary{background:#fff;color:#000;border:1px solid #e3deff}.btn.btn-secondary:hover{background:#f5f5f5;border-color:#4d6cb7}.visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;bottom:0;left:0;white-space:nowrap;width:1px}.loading{opacity:.7;pointer-events:none}.handler-modal-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px}.handler-modal{width:720px;max-width:92%;background:#fff;border-radius:8px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.18);display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.handler-modal__header{margin-bottom:12px}.handler-modal__title{margin:0;font-size:1.125rem;line-height:1.2}.handler-modal__subtitle{margin:8px 0 0;color:#666;font-size:.9rem}.handler-modal__body{border:1px solid #eee;padding:8px;border-radius:6px;overflow-y:auto;max-height:320px;display:flex;flex-direction:column}.handler-modal__user-row{display:flex;align-items:center;padding:8px 6px;border-bottom:1px solid #f6f6f6;gap:12px}.handler-modal__user-row:last-child{border-bottom:none}.handler-modal__checkbox{flex:0 0 auto;margin:0;width:18px;height:18px}.handler-modal__user-meta{display:flex;flex-direction:column}.handler-modal__user-name{font-weight:500}.handler-modal__user-sub{color:#666;font-size:.85rem}.handler-modal__no-users{padding:12px;color:#444}.handler-modal__footer{display:flex;justify-content:flex-end;align-items:center;margin-top:16px;gap:12px}.handler-modal__footer-actions{display:flex;align-items:center;gap:8px}.handler-modal__btn-back{min-width:92px}.handler-modal__btn-clear{min-width:72px}.handler-modal__btn-import{min-width:92px}.handler-modal__btn-import:disabled{opacity:.6;cursor:not-allowed}.create-company-container{padding:2rem;height:80%}.create-company-container .form-card{height:100%;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:2rem}.create-company-container .form-header{margin-bottom:2rem}.create-company-container .form-header h1{color:#000;font-weight:600;margin-bottom:.5rem}.create-company-container .form-header p{color:#4d6cb7;font-size:16px}.create-company-container .company-form .form-section{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.create-company-container .input-group{display:flex;flex-direction:column;gap:.5rem}.create-company-container .input-group label{font-size:16px;font-weight:500;color:#000}.create-company-container .input-group label[for]{cursor:pointer}.create-company-container .form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e0e0e0}.create-company-container .form-actions button{min-width:120px}.user-page-container{display:flex;flex-direction:column}.user-page-container .title-container{font-size:14px;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.user-page-container .title-container .title-actions{display:flex;align-items:center;gap:10px}.role-page-container{display:flex;flex-direction:column}.role-page-container .title-container{font-size:14px;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.role-page-container .title-container .title-actions{display:flex;align-items:center;gap:10px}.new-role-container{padding:24px;background:#fff;min-height:100vh;color:#000;box-sizing:border-box}.new-role-container .page-header{margin-bottom:16px}.new-role-container .title{margin:0;font-size:24px;color:#4d6cb7;font-weight:600}.new-role-container .form{display:flex;flex-direction:column;gap:16px;margin-top:12px}.new-role-container .form-row{display:flex;gap:16px;width:100%;align-items:flex-start}.new-role-container .form-col{flex:1 1 50%}.new-role-container .form-col-full{flex:1 1 100%}.new-role-container .field-label{display:block;font-size:16px}.new-role-container .color-picker-container{display:flex;gap:8;align-items:center}.new-role-container .select{width:100%;padding:8px 10px;border:1px solid #ccc;background:#fff;border-radius:6px;font-size:14px;color:#000}.new-role-container .permissions{display:flex;flex-direction:column}.new-role-container .permissions-scroll{display:flex;flex-direction:column;max-height:60vh;overflow-y:auto;padding-right:8px;border-radius:6px;gap:15px}.new-role-container .section-header{display:flex;align-items:center;gap:10px;color:#4d6cb7;font-weight:600;font-size:20px;padding:8px 0}.new-role-container .permission-item{padding:10px 0}.new-role-container .permission-item .permission-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.new-role-container .permission-item .permission-text{flex:1 1;padding-right:12px}.new-role-container .permission-item .permission-title{font-size:16px;color:#656565;font-weight:600;margin-bottom:6px}.new-role-container .permission-item .permission-desc{font-size:12px;color:#949494;line-height:1.5}.new-role-container .permission-item .permission-switch{margin-left:12px;flex:0 0 auto}.new-role-container .permission-item .permission-sep{border:none;border-top:1px solid #ccc;margin:12px 0 0;opacity:.7}.new-role-container .toggle{position:relative;display:inline-block;width:48px;height:28px}.new-role-container .toggle input{opacity:0;width:0;height:0}.new-role-container .toggle .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#d5d5d5;transition:.2s;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.new-role-container .toggle .slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 2px 6px rgba(0,0,0,.15)}.new-role-container .toggle input:checked+.slider{background:#4d6cb7}.new-role-container .toggle input:checked+.slider:before{transform:translateX(20px)}.new-role-container .toggle.disabled{opacity:.55;pointer-events:auto}.new-role-container .toggle.disabled .slider{background:#e6e6e6}.new-role-container .toggle.disabled .slider:before{background:#f7f7f7}.new-role-container .form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e0e0e0}.new-role-container .form-actions button{min-width:120px}.new-role-container .error{margin-top:6px;color:#f44336;font-size:14px}.new-role-container .plain-text-field{display:flex;flex-direction:column;width:100%}.new-role-container .tabs{display:flex;gap:12px;margin:16px 0;border-bottom:1px solid #ccc}.new-role-container .tabs .tab{padding:8px 16px;font-size:16px;background:rgba(0,0,0,0);cursor:pointer;color:#656565;border:none;border-bottom:2px solid rgba(0,0,0,0);transition:.2s ease}.new-role-container .tabs .tab:hover{color:#4d6cb7}.new-role-container .tabs .tab.active{font-weight:600;color:#4d6cb7;border-bottom:2px solid #4d6cb7}.new-role-container .manage-members{display:flex;flex-direction:column;gap:16px}.new-role-container .manage-members .members-header{display:flex;gap:12px;align-items:center}.new-role-container .manage-members .members-list{background:#fff;border:1px solid #ccc;border-radius:6px;padding:12px;max-height:60vh;overflow-y:auto}.new-role-container .manage-members .member-row{display:flex;align-items:center;justify-content:space-between;padding:10px 8px;border-bottom:1px solid rgba(0,0,0,.05)}.new-role-container .manage-members .member-row:last-child{border-bottom:none}.new-role-container .manage-members .member-row .member-info{display:flex;flex-direction:column}.new-role-container .manage-members .member-row .member-info .member-name{font-weight:600;font-size:16px;color:#000}.new-role-container .manage-members .member-row .member-info .member-email{font-size:12px;color:#949494}.new-role-container .manage-members .member-row .member-actions .icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;font-size:18px;color:#f44336;transition:.2s}.new-role-container .manage-members .member-row .member-actions .icon-btn:hover{background:rgba(244,67,54,.1)}.new-role-container .manage-members .empty{text-align:center;color:#949494;padding:20px}.new-role-container .modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:9000}.new-role-container .modal{width:480px;max-width:95%;background:#fff;border-radius:12px;padding:24px;box-shadow:0 12px 40px rgba(0,0,0,.25);color:#000;display:flex;flex-direction:column;gap:20px;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.new-role-container .modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start}.new-role-container .modal .modal-header .modal-title{margin:0;font-size:20px;font-weight:600;color:#4d6cb7}.new-role-container .modal .modal-header .modal-desc{font-size:14px;margin-top:4px;color:#949494}.new-role-container .modal .modal-header .modal-close{background:none;border:none;font-size:20px;cursor:pointer;padding:4px;color:#656565}.new-role-container .modal .modal-header .modal-close:hover{color:#f44336}.new-role-container .modal .modal-search{margin-bottom:10px}.new-role-container .modal .modal-body{max-height:50vh;overflow-y:auto;padding-right:6px}.new-role-container .modal .modal-list{display:flex;flex-direction:column;gap:12px}.new-role-container .modal .modal-list .modal-list-item{display:flex;gap:10px;padding:8px;border:1px solid #ccc;background:#fff;border-radius:8px;cursor:pointer;align-items:center}.new-role-container .modal .modal-list .modal-list-item input[type=checkbox]{width:18px;height:18px}.new-role-container .modal .modal-list .modal-list-item .modal-member-info{display:flex;flex-direction:column}.new-role-container .modal .modal-list .modal-list-item .modal-member-info .modal-member-name{font-size:16px;font-weight:600}.new-role-container .modal .modal-list .modal-list-item .modal-member-info .modal-member-email{font-size:12px;color:#949494}.new-role-container .modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.new-role-container .modal .modal-actions button{min-width:100px}.new-role-container .modal .empty{text-align:center;padding:20px 0;color:#949494}.new-invite-user-container{padding:24px;background:#fff;min-height:100vh;color:#000;box-sizing:border-box}.new-invite-user-container .page-header{margin-bottom:16px}.new-invite-user-container .title{margin:0;font-size:24px;color:#4d6cb7;font-weight:600}.new-invite-user-container .form{display:flex;flex-direction:column;gap:16px;margin-top:12px}.new-invite-user-container .form-row{display:flex;gap:16px;width:100%;align-items:flex-start}.new-invite-user-container .form-col{flex:1 1 50%}.new-invite-user-container .form-col-full{flex:1 1 100%}.new-invite-user-container .permissions{display:flex;flex-direction:column}.new-invite-user-container .permissions-scroll{display:flex;flex-direction:column;max-height:60vh;overflow-y:auto;padding-right:8px;border-radius:6px;gap:15px}.new-invite-user-container .section-header{display:flex;align-items:center;gap:10px;color:#4d6cb7;font-weight:600;font-size:20px;padding:8px 0}.new-invite-user-container .permission-item{padding:10px 0}.new-invite-user-container .permission-item .permission-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.new-invite-user-container .permission-item .permission-text{flex:1 1;padding-right:12px}.new-invite-user-container .permission-item .permission-title{font-size:16px;color:#656565;font-weight:600;margin-bottom:6px}.new-invite-user-container .permission-item .permission-desc{font-size:12px;color:#949494;line-height:1.5}.new-invite-user-container .permission-item .permission-switch{margin-left:12px;flex:0 0 auto}.new-invite-user-container .permission-item .permission-sep{border:none;border-top:1px solid #ccc;margin:12px 0 0;opacity:.7}.new-invite-user-container .toggle{position:relative;display:inline-block;width:48px;height:28px}.new-invite-user-container .toggle input{opacity:0;width:0;height:0}.new-invite-user-container .toggle .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#d5d5d5;transition:.2s;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.new-invite-user-container .toggle .slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 2px 6px rgba(0,0,0,.15)}.new-invite-user-container .toggle input:checked+.slider{background:#4d6cb7}.new-invite-user-container .toggle input:checked+.slider:before{transform:translateX(20px)}.new-invite-user-container .form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e0e0e0}.new-invite-user-container .form-actions button{min-width:120px}.new-invite-user-container .error{margin-top:6px;color:#f44336;font-size:14px}.new-invite-user-container .plain-text-field{display:flex;flex-direction:column;width:100%}.logs-page-container{padding:24px;box-sizing:border-box;min-height:100vh;background:#fff}.logs-page-container .search-wrapper{display:flex;align-items:center;border:1px solid #e0e0e0;border-radius:6px;transition:all .2s ease;background:#fff;min-width:200px;height:40px}.logs-page-container .search-wrapper:hover{border-color:silver}.logs-page-container .search-wrapper .search-icon{display:flex;align-items:center;padding:.5rem;color:#9ca3af;width:16px;height:16px}.logs-page-container .search-wrapper .search-bar{width:100%;padding:.5rem;border:none;border-radius:6px;font-size:14px;background:rgba(0,0,0,0)}.logs-page-container .search-wrapper .search-bar:focus{outline:none}.logs-page-container .search-wrapper .search-bar::placeholder{color:#9ca3af}.logs-page-container .page-header{margin-bottom:12px}.logs-page-container .title{margin:0;font-size:22px;font-weight:600}.logs-page-container .subtitle{margin:4px 0 16px;color:#666;font-size:14px}.logs-page-container .controls{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.logs-page-container .controls .modeToggle{display:flex;align-items:center;gap:8px}.logs-page-container .controls .modeToggle .modeBtn,.logs-page-container .controls .modeToggle .modeBtnActive{padding:8px 12px;border-radius:6px;border:1px solid #ddd;background:rgba(0,0,0,0);cursor:pointer}.logs-page-container .controls .modeToggle .modeBtnActive{background:#f4f6ff;border-color:#c8d1ff}.logs-page-container .controls .modeToggle .modeLabel{font-size:14px;color:#333;padding:6px 8px}.logs-page-container .controls .filters{display:flex;gap:8px;align-items:center}.logs-page-container .controls .select{height:100%;padding:8px 10px;border-radius:6px;border:1px solid #ddd;background:#fff;min-width:160px}.logs-page-container .legend{display:flex;gap:12px;margin:12px 0 16px;align-items:center;flex-wrap:wrap}.logs-page-container .legend .legendItem{display:flex;gap:8px;align-items:center;font-size:13px;color:#444}.logs-page-container .legend .legendItem .legendSwatch{width:12px;height:12px;border-radius:3px}.logs-page-container .logs-container{height:70vh;overflow:auto}.logs-page-container .cardsWrap{display:flex;flex-direction:column;gap:10px;padding-block:8px}.logs-page-container .cardsWrap .loading{padding:24px;text-align:center}.logs-page-container .cardsWrap .empty{padding:24px;color:#777}.logs-page-container .cardsWrap .card{position:relative;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:12px;box-shadow:0 2px 6px rgba(0,0,0,.04);overflow:hidden}.logs-page-container .cardsWrap .card .cardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.logs-page-container .cardsWrap .card .cardHeader .cardTitle{font-weight:600;font-size:13px}.logs-page-container .cardsWrap .card .cardHeader .cardSection{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.logs-page-container .cardsWrap .card .cardBody .cardText{color:#333;margin-bottom:8px;font-size:13px}.logs-page-container .cardsWrap .card .cardBody .cardMeta{display:flex;justify-content:space-between;color:#888;font-size:11px}.logs-page-container .cardsWrap .card .corner{position:absolute;top:0;right:0;width:0;height:0;border-bottom:16px solid rgba(0,0,0,0);border-right:16px solid;opacity:.95}.logs-page-container .actions{display:flex;justify-content:center;margin-top:8px}.logs-page-container .logModalOverlay{position:fixed;inset:0;background:rgba(8,12,20,.45);display:flex;align-items:center;justify-content:center;z-index:1200;padding:24px}.logs-page-container .logModal{min-width:80vw;max-width:calc(100% - 48px);max-height:calc(100vh - 80px);overflow:auto;background:#fff;border-radius:10px;box-shadow:0 18px 60px rgba(12,12,12,.35);padding:2rem 3rem;position:relative}.logs-page-container .logModalHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.logs-page-container .logModalHeader h3{margin:0;font-size:16px;font-weight:600}.logs-page-container .logModalHeader .modalClose{border:none;background:rgba(0,0,0,0);font-size:18px;cursor:pointer}.logs-page-container .logModalBody .modalFieldsTouched{margin-top:12px}.logs-page-container .logModalBody .modalFieldsTouched h4{margin:6px 0 10px;font-weight:700}.logs-page-container .logModalBody .modalFieldsTouched .fieldsGrid{display:flex;flex-direction:column;gap:8px}.logs-page-container .logModalBody .modalFieldsTouched .fieldRowTwoCol{display:grid;grid-template-columns:220px 1fr;grid-gap:12px;gap:12px;align-items:center;padding:10px;border-radius:8px;background:#fbfdff;border:2px solid #eef6ff}.logs-page-container .logModalBody .modalFieldsTouched .fieldLabelTwoCol{font-weight:700;color:#0b2545;font-size:13px}.logs-page-container .logModalBody .modalFieldsTouched .fieldValueTwoCol{display:flex;align-items:center;justify-content:flex-end;min-height:1.4em}.logs-page-container .logModalBody .modalFieldsTouched .fieldText{color:#0b2545;font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logs-page-container .logModalBody .modalFieldsTouched .fieldPre{margin:0;padding:8px;font-size:12px;line-height:1.25;background:#fff;border-radius:6px;border:2px solid #e9f1ff;color:#0b2545;max-height:140px;overflow:auto;white-space:pre-wrap;word-break:break-word}.logs-page-container .logModalBody .modalAffected{margin-top:14px}.logs-page-container .logModalBody .modalAffected .affectedGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:8px;gap:8px;margin-top:10px;max-height:260px;overflow:auto;padding-right:6px}.logs-page-container .logModalBody .modalAffected .affectedItem{display:flex;gap:10px;align-items:center;justify-content:center;padding:8px 10px;background:#f3f3f3;border-radius:8px;border:2px solid #f0f4f8}.logs-page-container .logModalBody .modalAffected .affectedSerial{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;color:#0b2545;font-weight:700;margin-right:8px}.logs-page-container .logModalBody .modalAffected .affectedId{color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logs-page-container .logModalBody .modalAffected .showMoreBtn{border:1px solid #ddd;background:rgba(0,0,0,0);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:13px;color:#333}.logs-page-container .logModalBody .modalMainText{margin-bottom:12px;color:#3b82f6;font-size:14px}.logs-page-container .logModalBody .modalMeta{margin-bottom:12px;font-size:13px;color:#444}.logs-page-container .logModalBody .modalMeta .metaRow{margin-bottom:6px}.logs-page-container .logModalBody .modalMeta .metaRow strong{color:#333;margin-right:6px;font-weight:700}.logs-page-container .logModalBody .modalChanges h4{margin:6px 0 8px;font-size:14px;font-weight:600}.logs-page-container .logModalBody .modalChanges .changeRow{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:6px;background:#fafafa;margin-bottom:8px}.logs-page-container .logModalBody .modalChanges .changeRow .changeLabel{min-width:160px;font-weight:600;font-size:13px;color:#222}.logs-page-container .logModalBody .modalChanges .changeRow .changeValues{flex:1 1;font-size:13px;color:#444}.logs-page-container .logModalBody .modalChanges .changeRow .changeValues .old{color:#b33;margin-bottom:4px}.logs-page-container .logModalBody .modalChanges .changeRow .changeValues .new{color:#2a7}.logs-page-container .logModalBody .modalChanges .changeRow .changeValues span{margin-left:6px;font-weight:500;color:#111}.logs-page-container .logModalBody .modalFieldsTouched{margin-top:8px}.logs-page-container .logModalBody .modalFieldsTouched h4{margin:6px 0 8px;font-size:14px;font-weight:600}.logs-page-container .logModalBody .modalFieldsTouched .fieldRow{display:flex;justify-content:space-between;padding:8px;border-radius:6px;background:#f8fbff;border:1px solid #eef6ff;margin-bottom:6px}.logs-page-container .logModalBody .modalFieldsTouched .fieldRow .fieldLabel{font-weight:600;color:#0b2545}.logs-page-container .logModalBody .modalFieldsTouched .fieldRow .fieldValue{color:#333;max-width:60%;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.logs-page-container .logModalBody .modalAffected{margin-top:12px}.logs-page-container .logModalBody .modalAffected h4{margin:0 0 8px;font-size:14px;font-weight:600}.logs-page-container .logModalBody .modalAffected .affectedList{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:auto;padding-right:6px;margin-top:8px}.logs-page-container .logModalBody .modalAffected .affectedRow{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#fff;border-radius:6px;border:2px solid #f0f4f8}.logs-page-container .logModalBody .modalAffected .affectedId{font-family:monospace;font-size:13px;color:#111}.logs-page-container .logModalBody .modalAffected .affectedName{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#666}.logs-page-container .logModalBody .modalAffected .affectedFooter{margin-top:8px;display:flex;justify-content:flex-end}.logs-page-container .logModalBody .modalAffected .affectedFooter .showMoreBtn{border:1px solid #ddd;background:rgba(0,0,0,0);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:13px;color:#333}.logs-page-container .logModalFooter{margin-top:12px;display:flex;justify-content:flex-end}.create-user-container{padding:2rem}.create-user-container .form{display:block;background:rgba(0,0,0,0);width:100%}.create-user-container .form .center{text-align:center}.create-user-container .form .center-icon{font-size:40px;text-align:center;margin-bottom:12px}.create-user-container .form .form-header{margin-bottom:18px}.create-user-container .form .form-header .form-title{font-size:28px;margin:0 0 6px}.create-user-container .form .form-header .form-sub{margin:0;color:#666;font-size:14px}.create-user-container .form .read-only-email{margin-bottom:12px}.create-user-container .form .read-only-email label{display:block;font-size:12px;margin-bottom:6px;color:#333}.create-user-container .form .read-only-email .email-value{padding:10px 12px;background:#f5f5f7;border-radius:6px;color:#222}.create-user-container .form .field{margin-bottom:14px}.create-user-container .form .field label{display:block;margin-bottom:6px;font-size:13px;color:#333}.create-user-container .form .field .input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none}.create-user-container .form .field .input.error{border-color:#e74c3c}.create-user-container .form .field .input-with-action{display:flex;align-items:center}.create-user-container .form .field .input-with-action .input{flex:1 1;margin-right:8px}.create-user-container .form .field .input-with-action .action-btn{padding:8px 10px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:13px}.create-user-container .form .field .field-error{margin-top:6px;color:#e74c3c;font-size:12px}.create-user-container .form .footer{display:flex;justify-content:flex-end}.create-user-container .form.expired .center-icon{font-size:46px}.create-user-container .form.expired .form-title{font-size:22px;margin:8px 0}.create-user-container .form.expired .form-sub{color:#666}.date-box{width:100%}.date-field{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;width:-webkit-fill-available}.date-field:focus{outline:none;border-color:#007bff}.time-container{display:flex;flex-direction:column;gap:5px}.time-container .time-box{background-color:#fff;padding:10px;border-radius:6px;cursor:pointer;border:1px solid #e0e0e0;height:20px}.time-container .time-box input{cursor:pointer;font-size:14px;border:none;width:100%;height:100%}.time-container .time-box input[type=date]:focus{outline:none;box-shadow:none;border-color:inherit}.reusable-dropdown select,.reusable-select{padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease;width:100%}.reusable-dropdown select:focus,.reusable-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.2)}.reusable-dropdown{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.reusable-dropdown select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:2.5rem}.multi-entry-field-container{display:flex;flex-direction:column;gap:5px}.multientry-title{display:flex;align-items:center;gap:10px}.multi-entry-field-inner-container{display:flex;flex-direction:column;gap:15px}.multi-entry-field{display:flex;flex-direction:column;gap:10px}.multi-entry-field-input-box{display:flex;gap:10px;transition:transform .2s ease,box-shadow .2s ease;border:none}.multi-entry-field-container .field-name-input{background-color:#fff;padding:10px;border-radius:3px;width:20%;box-shadow:0 0 0 1px rgba(0,0,0,.2);font-size:14px;border:none}.multi-entry-field-container .multi-entry-field-input-box .field-input{background-color:#fff;border:none;padding:10px;border-radius:3px;width:74%;box-shadow:0 0 0 1px rgba(0,0,0,.2);position:relative;display:inline-block;font-size:14px}.multi-entry-schedule-container{display:flex;width:100%;gap:10px;align-items:center}.multi-entry-kpi-container{display:flex;width:74%;gap:10px;align-items:center}.field-input .anchor-box{font-size:14px;border:none;cursor:pointer}.field-input .anchor-box .anchor-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:underline;color:blue;border:none;width:100%;pointer-events:none}.field-input:hover .link-edit-modal,.link-edit-modal:hover{display:flex;align-items:center;justify-content:center}.drag-active .link-edit-modal{display:none!important}.multi-entry-field-input-box.drag-active{transform:scale(1.02) translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15);z-index:10}.multi-entry-field-input-box.drag-hover{outline:2px dashed #4d6cb7;background-color:#f0f8ff}.multi-entry-drag-box{display:flex;align-items:center;justify-content:center;width:3%;cursor:pointer}.multi-entry-drag-box:active{cursor:-webkit-grabbing;cursor:grabbing}.multi-entry-delete-box{width:3%}.multi-entry-add-box,.multi-entry-delete-box{display:flex;align-items:center;justify-content:center;cursor:pointer}.multi-entry-add-box{background-color:#4d6cb7;padding:7px 0;border-radius:3px;width:10%;color:#fff;gap:5px;font-size:14px}.multi-entry-add-box:hover{background-color:#4d6cb7;color:#fff!important}.text-container{display:flex;flex-direction:column;gap:5px}.text-box{background-color:#fff;padding:10px;border-radius:6px;border:1px solid #e0e0e0;font-size:14px;height:20px;width:-webkit-fill-available}.disabled-text-box{background-color:#e9e9e9!important}.generate-password-container{width:100%;display:flex;align-items:center}.generate-password-container .password-text-box{background-color:#fff;padding:10px;border-radius:6px 0 0 6px;border:1px solid #e0e0e0;font-size:14px;width:90%;height:20px}.generate-password-container .disabled-password-text-box{background-color:#e9e9e9!important}.generate-password-container .generate-btn{width:10%;height:100%;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:0 6px 6px 0;box-shadow:0 0 0 1px rgba(0,0,0,.2);cursor:pointer}.link-container{display:flex;flex-direction:column;gap:5px}.link-container .link-box{background-color:#fff;padding:10px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.2);display:inline-block;position:relative;font-size:14px;border:none}.link-box .anchor-box{font-size:14px;border:none;cursor:pointer}.link-box .anchor-box .anchor-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:underline;color:blue;border:none;width:100%;pointer-events:none}.link-edit-modal{display:none;position:absolute;top:90%;left:0;margin-top:4px;background-color:#fff;border:1px solid #ccc;padding:6px 10px;border-radius:3px;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;min-width:80px;font-size:14px}.link-box:hover .link-edit-modal,.link-edit-modal:hover{display:flex;align-items:center;justify-content:center}.link-edit-modal .link-edit-btn{cursor:pointer;color:#000;font-size:14px}.link-edit-modal .link-edit-btn:hover{cursor:pointer;color:blue;text-decoration:underline}.textarea-container{margin-bottom:16px}.textarea-field{width:-webkit-fill-available;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px;line-height:1.5}.textarea-field:focus{outline:none;border-color:#007bff}.textarea-field::placeholder{color:#999}.checkbox-container{display:flex;justify-content:left;flex-direction:column;gap:10px;align-items:flex-start}.checkbox-container .checkbox-input{display:flex;gap:1rem;align-items:center}.checkbox-container .checkbox-input .checkbox-field{width:20px;height:20px;cursor:pointer}.multi-select{position:relative;width:100%}.multi-select .multi-select-input{display:flex;flex-wrap:wrap;gap:5px;padding:6px 8px;border:1px solid #ccc;border-radius:6px;cursor:text;background-color:#fff}.multi-select .multi-select-input input{flex:1 1;border:none;outline:none;min-width:120px;height:30px;background-color:#fff}.multi-select .multi-select-input .chip{display:flex;align-items:center;gap:10px;color:#fff;background:#4d6cb7;border-radius:10px;padding:5px 15px}.multi-select .multi-select-input .chip span{font-size:14px}.multi-select .multi-select-input .chip .icon{border:none;background:rgba(0,0,0,0);cursor:pointer;display:flex;justify-content:center;color:#fff}.multi-select .multi-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;top:100%;max-height:180px;overflow-y:auto;border:1px solid #ccc;border-radius:6px;background:#fff;list-style:none;z-index:100;margin:0;padding:0}.multi-select .multi-select-dropdown li{padding:6px 10px;cursor:pointer}.multi-select .multi-select-dropdown li:hover{background:#f5f5f5}.multi-select .multi-select-dropdown .no-results{padding:6px 10px;color:#999}@media(max-width:768px){.multi-select-input,.multi-select-input input{font-size:10px!important}.multi-select-input .chip{padding:3px 8px!important}.multi-select-dropdown,.multi-select-dropdown li,.multi-select-input .chip span{font-size:10px!important}}.custom-select__control{border-color:#ccc;background-color:#fff;min-height:38px;padding:4px 6px;border-radius:6px}.custom-select__value-container{padding:0 6px;gap:6px}.custom-select__multi-value{display:inline-flex!important;align-items:center!important;gap:10px!important;color:#fff!important;background:#4d6cb7!important;border-radius:10px!important;padding:5px 12px!important;margin:3px 4px 3px 0!important;height:auto;box-sizing:border-box!important}.custom-select__multi-value__label{color:#fff!important;font-size:14px;padding:0;margin:0;line-height:1;white-space:nowrap}.custom-select__multi-value__remove{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;border-radius:50%!important;background:rgba(0,0,0,0)!important;color:#fff!important;margin-left:6px!important;cursor:pointer!important;border:none!important;padding:0!important;line-height:1!important;transition:background .12s ease!important}.custom-select__multi-value__remove:hover{background:hsla(0,0%,100%,.14);color:#fff}.custom-select__multi-value__remove i,.custom-select__multi-value__remove svg{width:12px;height:12px;pointer-events:none}.custom-select__input{color:#fff;font-size:14px;padding-left:4px}@media(max-width:768px){.custom-select__multi-value{padding:3px 8px}.custom-select__input,.custom-select__multi-value__label{font-size:10px}}.min-max-fields{display:flex;gap:10px}.min-max-fields .separator{display:flex;align-items:center}.min-max-fields input{padding:6px 8px;background-color:#fff;height:30px;border:1px solid #ccc;border-radius:10px;font-size:14px;width:40%}@media(max-width:768px){.min-max-fields input{font-size:10px!important}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.start-end-fields{display:flex;gap:10px}.start-end-fields .separator{display:flex;align-items:center}.start-end-fields input{padding:6px 8px;background-color:#fff;height:30px;border:1px solid #ccc;border-radius:10px;font-size:14px;width:30%}@media(max-width:768px){.start-end-fields input{font-size:10px!important}}.reusable-search-dropdown input,.reusable-select{padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease;width:100%}.reusable-search-dropdown input:focus,.reusable-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.2)}.reusable-search-dropdown{position:relative}.reusable-search-dropdown input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;width:-webkit-fill-available}.reusable-search-dropdown .dropdown-suggestions{position:absolute;top:38px;left:0;width:100%;background:#fff;border:1px solid #dcdcdc;border-radius:4px;max-height:180px;overflow-y:auto;z-index:999}.reusable-search-dropdown .dropdown-option{padding:8px 10px;cursor:pointer}.reusable-search-dropdown .dropdown-option:hover{background:#f3f3f3}.upload-image-container{position:relative;flex-direction:column;display:flex;gap:5px}.upload-image-container .upload-container{position:relative;background-color:#fff;width:100%;height:50px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;box-sizing:border-box;box-shadow:0 0 0 1px rgba(0,0,0,.2)}.upload-image-container .upload-container input[type=file]{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.reusable-switch{position:relative;display:inline-block;width:44px;height:24px}.reusable-switch input{opacity:0;width:0;height:0}.reusable-switch input:checked+.slider{background:#1976d2}.reusable-switch input:checked+.slider:before{transform:translateX(20px)}.reusable-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;transition:.4s;border-radius:24px}.reusable-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:.4s;border-radius:50%}.input-color-container{display:flex;flex-direction:column;gap:.5rem}.input-color-label{font-size:14px;font-weight:500;color:#333;cursor:pointer}.color-picker{position:relative;width:24px;height:24px;border:2px solid #e0e0e0;border-radius:100%;cursor:pointer;overflow:hidden;transition:all .2s ease}.color-picker:hover{border-color:#999;transform:scale(1.1)}.color-picker.custom{background:var(--custom-color,#1976d2)}.color-picker .color-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.color-pickers-group{display:flex;gap:.5rem;align-items:center}.color-pickers-group .input-color-container{flex-direction:row;align-items:center;gap:1rem}.rich-text-field{width:100%;position:relative}.rich-text-field .ql-toolbar{border-radius:6px 6px 0 0;border:1px solid #d0d5dd;background:#f9fafb}.rich-text-field .ql-container{border-radius:0 0 6px 6px;border:1px solid #d0d5dd;border-top:none;min-height:160px;font-size:14px}.rich-text-field .ql-editor{min-height:120px;line-height:1.6}.rich-text-field .ql-editor::placeholder{color:#98a2b3}.rich-text-field.has-error .ql-container,.rich-text-field.has-error .ql-toolbar{border-color:#f04438}.rich-text-field .field-error{margin-top:6px;font-size:12px;color:#f04438}.rich-text-field.disabled .ql-toolbar{background:#f2f4f7;pointer-events:none}.rich-text-field.disabled .ql-container{background:#f9fafb}.rich-text-field.disabled .ql-editor{color:#667085}.choice-container{display:flex;justify-content:left;flex-direction:column;gap:10px;align-items:flex-start}.choice-container .choice-input{display:flex;gap:1rem;align-items:center}.choice-container .choice-input .choice-field{width:20px;height:20px;cursor:pointer}