:root{--color-white: white;--color-black: black;--color-green: rgb(34, 197, 94);--color-green-background: rgb(232, 249, 239);--color-red: rgb(243, 97, 68);--color-red-background: rgb(253, 236, 236);--color-blue: rgb(82, 141, 246);--color-blue-background: rgb(240, 246, 255);--color-white-card: white;--color-white-card-title: #4b5563;--color-white-card-subtitle: #6b7280;--color-gray-shade-1: #333;--color-gray-shade-2: #464646;--color-light-shade: #f5f7fa;--color-timeline: #e0e0e0;--color-modal-background: rgba(0, 0, 0, .08);--border-modal: none;--border-dashboard-panel: 1px solid #e5e7eb;--border-sidebar-hr: 1px solid rgba(0, 0, 0, .1);--scrollbar-foreground: hsla(0, 0%, 0%, .5);--scrollbar-background: hsl(0 0% 95% / .3);--scrollbar-size: 4px;--scrollbar-hover-size: 6px;--scrollbar-transition: all .2s ease}.dark{--color-white: black;--color-black: white;--color-green: rgb(34, 197, 94);--color-green-background: rgb(17, 76, 42);--color-red: rgb(243, 97, 68);--color-red-background: rgb(71, 28, 28);--color-blue: rgb(82, 141, 246);--color-blue-background: rgb(20, 44, 81);--color-white-card: #1e2124;--color-white-card-title: #c2c9d3;--color-white-card-subtitle: #6b7280;--color-gray-shade-1: #d9dbec;--color-gray-shade-2: #898ba5;--color-light-shade: #1e2124;--color-timeline: #3e3e43;--color-modal-background: rgba(255, 255, 255, .08);--border-modal: 1px solid #313131;--border-dashboard-panel: 1px solid #303030;--border-sidebar-hr: 1px solid rgba(255, 255, 255, .13)}*{box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif}body{margin:0}.container{max-width:1400px;margin:0 auto;padding-block:100px}.container.no-padding-top{padding-top:0}.container.no-padding-bottom{padding-bottom:0}.container.no-padding{padding:0}.btn{color:#fff;border:none;border-radius:.5rem;padding:.6rem 1.2rem;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .3s ease}.btn svg{width:1.2rem;height:1.2rem}.btn.primary{background-color:#009669;background-color:oklch(59.6% .145 163.225deg)}.btn.primary:hover{background-color:#00654a;background-color:oklch(45% .14 166.5deg)}.btn.primary:disabled{background-color:#0000001a;cursor:not-allowed}.tabs{background-color:#f8f8f8;border-radius:.5rem;padding:.2rem;width:fit-content;display:flex;flex-direction:row;gap:.5rem;margin-bottom:1rem}.tabs .tab-button{padding:.5rem 1rem;border-radius:.3rem;cursor:pointer;font-weight:600;color:#000;background-color:transparent;border:none;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.tabs .tab-button:hover:not(.active){background-color:#ffffff85}.tabs .tab-button.active{background-color:#fff}.tabs .tab-button .coming-soon{background-color:#5b0ea217;color:#5b0ea2;font-size:.6rem;font-weight:500;padding:.1rem .4rem;border-radius:.5rem;border:1px dashed #5b0ea2;display:inline-block;vertical-align:middle;-webkit-user-select:none;user-select:none;pointer-events:none}.legal-type-tag{color:#000;padding:.3rem .6rem;border-radius:5px;font-size:.75rem;font-weight:600;width:fit-content}.legal-type-tag.privatperson{background-color:#60fd6617;border:1px solid #2ea516;color:#2ea516}.legal-type-tag.sonstiges-unternehmen{background-color:#d9b92b0d;border:1px solid #d9b62b;color:#d9b62b}.legal-type-tag.personengesellschaft{background-color:#2b62d90d;border:1px solid #2b63d9;color:#2b63d9}.legal-type-tag.kapitalgesellschaft{background-color:#d92b2b0d;border:1px solid #b13232;color:#b13232}.back-button{display:flex;align-items:center;gap:.2rem;text-decoration:none;color:#4e4e4e;font-size:.9rem;font-weight:500;width:fit-content;padding:.3rem .5rem;border-radius:.5rem;transition:background-color .2s;outline:none}.back-button:hover{background-color:#ffffff92}.dashboard-header{background-color:#f8f8f8;margin-bottom:1rem;padding-top:1rem;padding-bottom:2rem}.dashboard-header img{width:200px;margin-bottom:5rem}.dashboard-header .client-header-meta{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.dashboard-header .registration-date{font-size:.85rem;color:#414141;display:flex;align-items:center;gap:.5rem}.overview .kpis-container{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.overview .kpis-container .card h3{font-weight:500;margin:0;font-size:.8rem;color:#3f3f3f}.overview .kpis-container .card .kpi-header{display:flex;align-items:center;justify-content:space-between}.overview .kpis-container .card .kpi-value{font-size:1.5rem;font-weight:700;margin:0;margin-bottom:.3rem;margin-top:1rem}.overview .kpis-container .kpi-change{font-size:.7rem;color:gray;gap:.3rem;display:flex;align-items:center;font-weight:600}.overview .kpis-container .kpi-change.positive{color:green}.overview .kpis-container .kpi-change.negative{color:red}.overview .card{background-color:#fff;padding:1.3rem;border-radius:.5rem;border:1px solid #e0e0e0}.data-section-row{display:flex;gap:2rem}.data-section-row section{flex:1}.data-section{padding:1.5rem;border:1px solid #dcdcdc;border-radius:10px;margin-top:2rem;background-color:#f7f7f752}.data-section .data-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.data-section .data-section-header .icon{display:flex;align-items:center;justify-content:center;background:#4ebc6918;color:#fff;border-radius:.5rem;width:2.5rem;height:2.5rem}.data-section .data-section-header .icon svg{width:1.5rem;height:1.5rem;color:#4ebc69c0}.data-section .data-section-header h2{margin:0;font-size:1.2rem;flex:1}.data-section .data-section-header:hover button{opacity:1!important}.data-section .data-section-header button{text-decoration:none;color:#000;background-color:#fff;border:none;border-radius:4px;padding:.4rem .8rem;border:1px solid rgb(205,205,205);cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:.3rem;width:fit-content;font-size:.875rem;opacity:0;transition:all .2s ease}.data-section .data-section-header button:hover{background-color:#f0f0f0}.data-section hr{border:none;border-top:1px solid #dcdcdc;height:1px;margin:0}.grid-1{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.data-section-content{margin-top:1rem}.data-section-content .scrollable-horizontal{overflow-x:auto;display:flex;flex-direction:row;gap:1rem;padding-bottom:1rem}.data-section-content .scrollable-horizontal .scrollable-item{padding:1.5rem;border:1px solid #dcdcdc;border-radius:10px}.data-section-content .scrollable-horizontal .scrollable-item .scrollable-item-header{margin:0;margin-bottom:1rem;font-size:1rem;font-weight:700}.information .information-label{margin:0;font-size:.85rem;color:#414141}.information .information-value{margin:0;font-weight:600;font-size:1.1rem}.client-activities-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block:1rem;padding:1.5rem;border:1px solid #dcdcdc;border-radius:10px;background-color:#ffffff52}.client-activities-header input{flex:1}.client-activities-header input,.client-activities-header select{padding:.5rem;font-size:.9rem;border:1px solid rgba(204,204,204,.5490196078);border-radius:.5rem;margin-top:.25rem;position:relative;display:flex;transition:all .3s ease}.modal-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-modal-background);display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-wrapper .modal{background:var(--color-white);color:var(--color-black);padding:40px;border-radius:15px;box-shadow:0 2px 10px #0003;min-width:360px;position:relative;border:var(--border-modal)}.modal-wrapper .modal-title{font-weight:700;font-size:24px}.modal-wrapper .modal-subtitle{font-size:16px;margin-top:5px;color:#6b7280}.modal-wrapper .area-title{font-weight:500;margin-block:15px}.modal-wrapper .modal-text{margin:20px 0}.modal-wrapper .modal .modal-input{width:100%;margin:10px 0;padding:8px;border:1px solid #ccc;border-radius:4px}.modal-wrapper .modal-actions{display:flex;justify-content:flex-end;margin-top:20px;gap:10px}.modal-wrapper .modal .modal-button{padding:14px 22px;background-color:#000;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background-color .2s;display:flex;align-items:center;gap:.5rem}.modal-wrapper .modal .modal-button svg{width:1.2rem;height:1.2rem}.modal-wrapper .modal .modal-button:hover{background-color:#1a1a1a}.modal-wrapper .modal .modal-button.modal-button-cancel{background-color:#fff;border:1px solid #ccc;color:#000}.modal-wrapper .modal .modal-button.modal-button-cancel:hover{background-color:#d9d9d9}.modal-wrapper .modal-content{margin-top:20px}.steuerwerke-modal-bounce-in{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:modalBounceIn;animation-name:modalBounceIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes modalBounceIn{0%{opacity:0;-webkit-transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1)}}@keyframes modalBounceIn{0%{opacity:0;-webkit-transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1)}}.input-component{display:flex;flex-direction:column;margin-bottom:1rem;transition:all .3s ease}.input-component.email{flex:1}.input-component.phone{flex:1.5}.input-component .label-area{margin-inline:.5rem;display:flex;align-items:flex-start;flex-direction:column;gap:.5rem}.input-component .label-area label{font-size:.9rem;font-weight:400}.input-component .label-area label.not-required:after{content:" (optional)";font-weight:300;font-size:.8rem;color:#666}.input-component .label-area .subtext{font-size:.8rem;color:#666;margin-top:-.25rem}.input-component.checkbox{display:flex;flex-direction:row-reverse;gap:.5rem;justify-content:flex-end;border-radius:.5rem;padding:1rem;background-color:#fcfcfc;border:1px solid rgba(224,224,224,.8)}.input-component.checkbox .checkbox-container{display:flex;align-items:flex-start;justify-content:center}.input-component.checkbox .checkbox-container .checkbox{margin:3px 0 0;width:.95rem;height:.95rem;accent-color:oklch(50.8% .118 165.612deg);border-radius:.5rem}.input-component.checkbox .checkbox-container .checkbox:hover{cursor:pointer}.input-component.checkbox .input-wrapper{width:auto}.input-component .input-wrapper{display:flex;width:100%}.input-component .input-wrapper.error input{border-color:#ff4d4f}.input-component .input-wrapper .symbol{position:absolute;right:5px;top:calc(50% + 2px);transform:translateY(-50%);color:#000000a1;background-color:#0000001a;border-radius:.3rem;padding:6px 9px;width:12px;height:12px}.input-component .input-wrapper .currency{display:flex;width:100%;text-align:right;position:relative}.input-component .input-wrapper .date-input{display:flex;flex-direction:row;gap:.5rem}.input-component textarea{resize:none;min-height:80px;padding:.5rem;font-size:.9rem;border:1px solid rgba(204,204,204,.5490196078);border-radius:.5rem;margin-top:.25rem;width:100%;position:relative;display:flex;background-color:#fcfcfc;transition:all .2s ease;font-family:inherit}.input-component textarea:hover{border-color:#999}.input-component textarea:focus{outline:1px solid #10b981}.input-component input{padding:.5rem;font-size:.9rem;border:1px solid rgba(204,204,204,.5490196078);border-radius:.5rem;margin-top:.25rem;width:100%;position:relative;display:flex;background-color:#fcfcfc;transition:all .3s ease}.input-component input:hover{border-color:#999}.input-component input.currency{text-align:right;position:relative;padding-right:20px}.input-component input:focus{outline:1px solid #10b981}.input-component input:disabled{background-color:#f5f5f5;cursor:not-allowed}.input-component .country-select,.input-component .phone-prefix-select{flex:.5}.input-component .error{color:#ff4d4f;font-size:.8rem;margin-top:.25rem}.shake{animation:shake .5s ease-in-out}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.adress-input{width:100%;margin-bottom:3rem}.adress-input.singleline{margin-bottom:0}.adress-input .input-label{margin-bottom:.5rem}.adress-input .address-line-input{display:flex;flex-direction:row;transition:all .3s ease;gap:.5rem;margin-top:.25rem;width:100%}.adress-input .address-line-input label{font-size:.8rem;color:#000000a1}.adress-input .street-input{flex:1}.adress-input .address-type-select{flex:.5}.adress-input .btn-add-address{margin-top:.25rem;background-color:transparent;border:1px dashed oklch(50.8% .118 165.612deg);border-radius:.5rem;width:100%;padding:.5rem;color:#000b;font-size:.9rem;cursor:pointer}.adress-input .btn-add-address:hover{border:1px solid oklch(50.8% .118 165.612deg);transform:scale(1.02) translateY(-1px)}.adress-input .btn-remove-address{background-color:transparent;border:none;color:#ff4d4f;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.25rem}.adress-input .btn-remove-address:hover{color:#ff7875;transform:scale(1.2)}.input-wrapper{position:relative}.input-wrapper.error .dropdown{border-color:#ff4d4f;color:#000}.input-wrapper .dropdown{padding:.5rem;font-size:.9rem;border:1px solid rgba(204,204,204,.5490196078);background-color:#fcfcfc;border-radius:.5rem;margin-top:.25rem;width:100%;position:relative;display:flex;transition:all .2s ease;cursor:pointer}.input-wrapper .dropdown .selected-option{display:flex;align-items:center;gap:.5rem;flex:1;flex-grow:1;text-overflow:ellipsis;white-space:nowrap}.input-wrapper .dropdown .dropdown-icon{position:absolute;right:10px;top:calc(50% + 2px);transform:translateY(-50%);color:#000000a1;border-radius:.3rem;padding:6px 9px;width:12px;height:12px}.input-wrapper .dropdown:hover{border-color:#999}.input-wrapper .dropdown.currency{text-align:right;position:relative;padding-right:20px}.input-wrapper .dropdown:focus{outline:1px solid #10b981}.input-wrapper .dropdown:disabled{background-color:#f5f5f5;cursor:not-allowed}.input-wrapper .options-list{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid rgba(204,204,204,.5490196078);border-radius:.5rem;max-height:200px;overflow-y:auto;z-index:1000;margin-top:.25rem;list-style:none;padding:0;box-shadow:0 4px 6px #0000001a}.input-wrapper .options-list .option-content{display:flex;align-items:center;gap:.5rem}.input-wrapper .options-list .option{padding:.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.input-wrapper .options-list .option .selected-icon{float:right;width:16px;height:16px;color:#007857;color:oklch(50.8% .118 165.612deg)}.input-wrapper .options-list .option:hover{background-color:#f0f0f0}.contact-input{width:100%;margin-bottom:3rem}.contact-input.singleline{margin-bottom:0}.contact-input .input-label{margin-bottom:.5rem}.contact-input .contact-line-input{display:flex;flex-direction:row;transition:all .3s ease;gap:.5rem;margin-top:.25rem;width:100%}.contact-input .contact-line-input label{font-size:.9rem;font-weight:400}.contact-input .street-input{flex:1}.contact-input .contact-type-select{flex:.5}.contact-input .btn-add-contact{margin-top:.25rem;background-color:transparent;border:1px dashed oklch(50.8% .118 165.612deg);border-radius:.5rem;width:100%;padding:.5rem;color:#000b;font-size:.9rem;cursor:pointer}.contact-input .btn-add-contact:hover{border:1px solid oklch(50.8% .118 165.612deg);transform:scale(1.02) translateY(-1px)}.contact-input .btn-remove-contact{background-color:transparent;border:none;color:#ff4d4f;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.25rem}.contact-input .btn-remove-contact:hover{color:#ff7875;transform:scale(1.2)}.table{width:100%;border-collapse:separate;border-spacing:0}.table .tableHeader,.table .tableBody{background-color:#fff}.table .tableRow{transition:all .1s ease}.table .tableRow:hover{background-color:#33333307}.table .tableHead{text-align:left;padding:12px 16px;font-size:12px;font-weight:500;color:#000;background-color:#8080801a}.table .tableHead.static:hover{cursor:default!important}.table .tableHead .sort-indicator{margin-left:5px}.table .tableCell{padding:.8rem 1rem;font-size:15px;color:#1f2937;border-bottom:1px solid #e5e7eb}.table .table-button{text-decoration:none;color:#000;background-color:#fff;border:none;border-radius:4px;padding:.4rem .8rem;border:1px solid rgb(205,205,205);transition:background-color .2s ease;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:.2rem;width:fit-content;font-size:.875rem}.table .table-button:hover{background-color:#ececec}.dataTable{width:100%}.dataTable .tableControls{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;position:relative}.dataTable .tableControls .input-container{width:340px}.dataTable .linked-entities{display:flex;align-items:center;gap:.5rem}.dataTable .linked-entities .entity{font-size:small;border:1px solid #e5e7eb;border-radius:6px;padding:.3rem .75rem;display:flex;gap:.5rem;align-items:center;cursor:pointer}.dataTable .linked-entities .entity:hover{background-color:#f0f0f0}.dataTable .filterInput{max-width:300px}.dataTable .addButton,.dataTable .deleteButton,.dataTable .columnToggle{display:flex;align-items:center;gap:.5rem}.dataTable .buttonIcon{width:1rem;height:1rem}.dataTable .tableWrapper{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.dataTable .noResults{height:6rem;text-align:center;color:#1f2937d7;font-size:15px}.dataTable .noResults .wrapper{display:flex;justify-content:center;align-items:center;gap:10px;color:#575c64d7}.dataTable .contextMenuMultiple{background:transparent;border:none;display:flex;align-items:center;justify-content:center}.dataTable .tablePagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.dataTable .paginationInfo{font-size:.875rem;color:#6b7280}.dataTable .paginationControls{display:flex;gap:.5rem}.dataTable .paginationControls button{background:transparent;border:1px solid #e5e7eb;padding:.5rem .75rem;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;gap:5px}.dataTable .actionButton{padding:0;height:2rem;width:2rem}.dataTable .deleteMenuItem{color:#ef4444}.dataTable .searchInput{width:100%;max-width:360px}.dataTable .addButton{background-color:#000;color:#fff;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:6px;transition:all .1s ease;cursor:pointer}.dataTable .addButton:hover{background-color:#363636}.dataTable .editButton{background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:5px;transition:background-color .3s ease;padding:.35rem .4rem}.dataTable .editButton:hover{background-color:#f0f0f0}.dataTable .editButton:disabled{cursor:default}.dataTable .editButton:disabled:hover{background-color:transparent}.clients .clients-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block:1rem;padding:1.5rem;border:1px solid #dcdcdc;border-radius:10px;background-color:#ffffff52}.clients .clients-header input{flex:1}.clients .clients-header input,.clients .clients-header select{padding:.5rem;font-size:.9rem;border:1px solid rgba(204,204,204,.5490196078);border-radius:.5rem;margin-top:.25rem;position:relative;display:flex;transition:all .3s ease}.activities .activities-list{display:flex;flex-direction:column;gap:1rem}.activities .activity-item{padding:1.5rem;border:1px solid #dcdcdc;border-radius:10px;background-color:#f7f7f752}.activities .activity-item .activity-item-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.activities .activity-item .activity-item-header .icon{display:flex;align-items:center;justify-content:center;background:#4ebc6918;color:#fff;border-radius:.5rem;width:2rem;height:2rem}.activities .activity-item .activity-item-header .icon svg{width:1.5rem;height:1.5rem;color:#4ebc69c0}.activities .activity-item .activity-item-header h2{margin:0;font-size:1rem;flex:1}.activities .activity-item .activity-item-header a{text-decoration:none;color:#000;background-color:#fff;border:none;border-radius:4px;padding:.4rem .8rem;border:1px solid rgb(205,205,205);transition:background-color .2s ease;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:.2rem;width:fit-content;font-size:.875rem}.activities .activity-item hr{border:none;border-top:1px solid #dcdcdc;height:1px;margin:0}.activities .activity-item .activity-client{display:flex;flex-direction:row;align-items:center;gap:.5rem;height:fit-content;width:fit-content;margin-top:1rem}.activities .activity-item .activity-client p{margin:0;font-size:.9rem;color:#414141;font-weight:600}.activities .activity-item .activity-item-content{display:flex;flex-direction:row;gap:.5rem;margin-top:1rem}.activities .activity-item .activity-item-content .activity-information{display:flex;flex-direction:row;align-items:center;gap:.5rem;background-color:#fff;height:fit-content;width:fit-content;border:1px solid #dcdcdc;padding:5px 7px;border-radius:100px}.activities .activity-item .activity-item-content .activity-information p{margin:0;font-size:.8rem;color:#414141}.client .client-activities-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block:1rem;padding:1.5rem;border:1px solid #dcdcdc;border-radius:10px;background-color:#ffffff52}.client .client-activities-header input{flex:1}.client .client-activities-header input,.client .client-activities-header select{padding:.5rem;font-size:.9rem;border:1px solid rgba(204,204,204,.5490196078);border-radius:.5rem;margin-top:.25rem;position:relative;display:flex;transition:all .3s ease}.client .client-activities-list{display:flex;flex-direction:column;gap:1rem}.client .client-activity-item{padding:1.5rem;border:1px solid #dcdcdc;border-radius:10px;background-color:#f7f7f752}.client .client-activity-item .client-activity-item-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.client .client-activity-item .client-activity-item-header .icon{display:flex;align-items:center;justify-content:center;background:#4ebc6918;color:#fff;border-radius:.5rem;width:2rem;height:2rem}.client .client-activity-item .client-activity-item-header .icon svg{width:1.5rem;height:1.5rem;color:#4ebc69c0}.client .client-activity-item .client-activity-item-header h2{margin:0;font-size:1rem;flex:1}.client .client-activity-item .client-activity-item-header a{text-decoration:none;color:#000;background-color:#fff;border:none;border-radius:4px;padding:.4rem .8rem;border:1px solid rgb(205,205,205);transition:background-color .2s ease;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:.2rem;width:fit-content;font-size:.875rem}.client .client-activity-item hr{border:none;border-top:1px solid #dcdcdc;height:1px;margin:0}.client .client-activity-item .client-activity-client{display:flex;flex-direction:row;align-items:center;gap:.5rem;height:fit-content;width:fit-content;margin-top:1rem}.client .client-activity-item .client-activity-client p{margin:0;font-size:.9rem;color:#414141;font-weight:600}.client .client-activity-item .client-activity-item-content{display:flex;flex-direction:row;gap:.5rem;margin-top:1rem}.client .client-activity-item .client-activity-item-content .client-activity-information{display:flex;flex-direction:row;align-items:center;gap:.5rem;background-color:#fff;height:fit-content;width:fit-content;border:1px solid #dcdcdc;padding:5px 7px;border-radius:100px}.client .client-activity-item .client-activity-item-content .client-activity-information p{margin:0;font-size:.8rem;color:#414141}.client .client-documents-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block:1rem;padding:1.5rem;border:1px solid #dcdcdc;border-radius:10px;background-color:#ffffff52}.client .client-documents-header input{flex:1}.client .client-documents-header input,.client .client-documents-header select{padding:.5rem;font-size:.9rem;border:1px solid rgba(204,204,204,.5490196078);border-radius:.5rem;margin-top:.25rem;position:relative;display:flex;transition:all .3s ease}.client .client-documents-list{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.client .client-document-item{padding:1.5rem;border:1px solid #dcdcdc;border-radius:10px;background-color:#f7f7f752}.client .client-document-item:hover .actions-button{opacity:1!important}.client .client-document-item .client-document-item-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.client .client-document-item .client-document-item-header .icon{display:flex;align-items:center;justify-content:center;background:#4ebc6918;color:#fff;border-radius:.5rem;width:3rem;height:3rem}.client .client-document-item .client-document-item-header .icon svg{width:2rem;height:2rem;color:#4ebc69c0}.client .client-document-item hr{border:none;border-top:1px solid #dcdcdc;height:1px;margin:0}.client .client-document-item .client-document-name{margin-top:1rem;display:flex;align-items:center;justify-content:space-between}.client .client-document-item .client-document-name p{font-size:.9rem;color:#414141;font-weight:600;flex:1}.client .client-document-item .client-document-name .actions-button{text-decoration:none;color:#000;background-color:transparent;border:none;border-radius:4px;aspect-ratio:1/1;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:.2rem;width:fit-content;font-size:.875rem;opacity:0}.client .client-document-item .client-document-name .actions-button:hover{background-color:#e0e0e0}.client .client-document-item .client-document-item-content{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.client .client-document-item .client-document-item-content .client-document-information{display:flex;flex-direction:row;align-items:center;gap:.5rem;height:fit-content;width:fit-content}.client .client-document-item .client-document-item-content .client-document-information p{margin:0;font-size:.8rem;color:#414141}