: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:14px}.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:75vh;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:auto;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}.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}.table-body-wrapper .reusable-table{width:max-content;min-width:100%;border-collapse:collapse;background:#fff}.table-body-wrapper .reusable-table .table-cell{padding:12px 16px;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,.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{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}}.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)}.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}}.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}.modal-content{background:#fff;padding:2rem;border-radius:8px;text-align:center;max-width:370px;width:90%}.modal-description{font-size:16px;margin-bottom:24px}.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}}.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)}}.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)}}.graph-client-container{padding-inline:1rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0;gap:1rem}.graph-client-container,.graph-client-container .title-container{display:flex;justify-content:space-between;align-items:center;width:100%}.graph-client-container .title-container{font-size:14px;padding:0 1.5rem}.graph-client-container .title-container .title-actions{display:flex;align-items:center;gap:10px}.new-graph-client-container{padding:20px}.new-graph-client-container .title-container h1{margin:0 0 20px;font-size:24px;font-weight:600}.new-graph-client-container .graph-header{display:flex;justify-content:space-between;padding-bottom:10px}.new-graph-client-container .graph-header .graph-actions{display:flex;gap:10px}.new-graph-client-container .graph-header .graph-actions .publish-toggle{display:flex;border:1px solid #ddd;border-radius:4px;overflow:hidden}.new-graph-client-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-client-container .graph-header .graph-actions .publish-toggle .action-btn:hover{background:#f5f5f5}.new-graph-client-container .graph-header .graph-actions .publish-toggle .action-btn.active{background:#4d6cb7;color:#fff}.new-graph-client-container .graph-header .graph-actions .publish-toggle .action-btn.active.publish-btn{background:#4d6cb7}.new-graph-client-container .graph-header .settings-actions{display:flex;gap:10px}.new-graph-client-container .graph-content{width:100%;display:flex;gap:10px}.new-graph-client-container .graph-content .graph-visualization{width:75%;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.new-graph-client-container .graph-content .graph-visualization .graph-config-fields{display:flex;flex-direction:column;gap:10px;padding-bottom:10px}.new-graph-client-container .graph-content .graph-visualization .graph-chart{height:300px;margin-bottom:20px}.new-graph-client-container .graph-content .graph-visualization .source-section{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.new-graph-client-container .graph-content .graph-visualization .source-section .client-group-select{border:none;background:none;color:#4d6cb7;font-weight:500;cursor:pointer}.new-graph-client-container .graph-content .graph-settings{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;width:25%;overflow:scroll;height:75vh}.new-graph-client-container .graph-content .graph-settings .settings-section{padding-top:10px}.new-graph-client-container .graph-content .graph-settings .settings-section h3{margin:0;font-size:16px;font-weight:600}.new-graph-client-container .graph-content .graph-settings .settings-section .settings-tabs{display:flex;gap:5px;padding-block:10px}.new-graph-client-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-client-container .graph-content .graph-settings .settings-section .settings-tabs .tab.active{background:#4d6cb7;color:#fff}.new-graph-client-container .graph-content .graph-settings .settings-section .setting-group{display:flex;flex-direction:column;gap:5px;padding-block:5px}.new-graph-client-container .graph-content .graph-settings .settings-section .setting-group label{display:block;font-size:14px;font-weight:500;color:#333}.new-graph-client-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-client-container .graph-content .graph-settings .settings-section .setting-group .series-checkboxes{display:flex;flex-direction:column;gap:8px}.new-graph-client-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-client-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-client-container .graph-content .graph-settings .settings-section .setting-group .color-input-group{display:flex;gap:10px;align-items:center}.new-graph-client-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-client-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-client-container .graph-content .graph-settings .settings-section .setting-group.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.new-graph-client-container .graph-content .graph-settings .settings-section .setting-group.checkbox-group input[type=checkbox]{margin:0}.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}@media(max-width:768px){.action-container{flex-direction:column;gap:1rem}.action-container .search-section{max-width:100%;order:2}.action-container .icons-section{order:1;width:100%;justify-content:space-between}.action-container .icons-section .icon-group:not(:last-child){padding-right:.5rem}}.page-container{display:flex;flex-direction:column}.page-container .title-container{font-size:14px;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.page-container .title-container .title-actions{display:flex;align-items:center;gap:10px}.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: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}.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:1000}.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 .input-group{display:flex;flex-direction:column;gap:.5rem;padding-right:1.2rem}.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}@media(max-width:768px){.create-client-container{padding:1rem}.create-client-container .form-card{padding:1.5rem}.create-client-container .form-actions{flex-direction:column-reverse}.create-client-container .form-actions button{width:100%}}.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}@media(max-width:768px){.import-header{flex-direction:column;gap:1rem;padding:1rem}.import-header .header-actions{width:100%;justify-content:space-between}.import-content{padding:1rem}.upload-area{padding:3rem!important}.data-actions{flex-direction:column;gap:.5rem!important}.data-actions .action-group{width:100%!important}.data-actions .btn{width:100%}.error-actions .btn{width:auto;min-width:140px}}@media(max-width:480px){.page-title{font-size:1.5rem!important}.import-instruction .instruction-title{font-size:1.125rem}.import-instruction .instruction-step{font-size:.9rem}.upload-area{padding:2rem!important}.upload-area .upload-text{font-size:.9rem}}.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}@media(max-width:480px){.handler-modal{padding:12px}.handler-modal__title{font-size:1rem}.handler-modal__body{max-height:50vh}}.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}@media(max-width:768px){.create-company-container{padding:1rem}.create-company-container .form-card{padding:1.5rem}.create-company-container .form-actions{flex-direction:column-reverse}.create-company-container .form-actions button{width:100%}}.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}@media(max-width:800px){.new-role-container .form-row{flex-direction:column}.new-role-container .label{min-width:120px;text-align:left}.new-role-container .tabs{flex-direction:column;gap:4px}.new-role-container .tabs .tab{width:100%}.new-role-container .manage-members .members-header{flex-direction:column;align-items:stretch}}.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%}@media(max-width:800px){.new-invite-user-container .form-row{flex-direction:column}.new-invite-user-container .label{min-width:120px;text-align:left}}.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}@media(max-width:760px){.logs-page-container .cardsWrap{grid-template-columns:1fr}.logs-page-container .logModal{width:calc(100% - 32px);padding:12px}}.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:95%}.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%}.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}.input-w-100{width:94%!important}.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}.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:94%;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-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}}.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;width:93%}.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}.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}