.overflow-y-custom{overflow-y:auto;overflow-x:hidden;background-color:var(--color-page,#f4f7fa)}.overflow-y-custom::-webkit-scrollbar{width:8px}.overflow-y-custom::-webkit-scrollbar-track{background:#e0e0e0;border-radius:6px}.overflow-y-custom::-webkit-scrollbar-thumb{background:var(--color-primary,#3b82f6);border-radius:10px;border:2px solid #e0e0e0}.overflow-y-custom::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover,#2563eb)}.menu-toggle{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;position:relative;z-index:10;transition:transform .3s ease}.menu-toggle.open{transform:rotate(180deg)}.menu-toggle .line{width:30px;height:3px;background-color:white;border-radius:3px;transition:transform .3s ease,opacity .3s ease,background-color .3s ease}.menu-toggle.open .line:first-child{transform:translateY(8px) rotate(45deg)}.menu-toggle.open .line:nth-child(2){opacity:0}.menu-toggle.open .line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.p-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.375rem!important;min-height:2.25rem!important;padding:.5rem 1rem!important;border-radius:.5rem!important;font-size:.8125rem!important;font-weight:600!important;line-height:1.25!important;cursor:pointer!important;user-select:none!important;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,filter .15s ease!important;background:#6366f1!important;border:1px solid #6366f1!important;color:#fff!important}.p-button:enabled:hover,.p-button:not(:disabled):hover{filter:brightness(.96)}.p-button.p-disabled,.p-button:disabled{opacity:.55!important;cursor:not-allowed!important}.p-button .p-button-label{font-weight:600!important;line-height:1.25!important}.p-button .p-button-icon{font-size:.875rem!important}.p-button.p-button-sm{min-height:2rem!important;padding:.375rem .75rem!important;font-size:.75rem!important}.p-button.p-button-lg{min-height:2.75rem!important;padding:.625rem 1.25rem!important}.p-button.p-button-rounded{border-radius:9999px!important}.p-button.p-button-icon-only{width:2.25rem!important;min-width:2.25rem!important;padding:.5rem!important}.p-button.p-button-secondary{background:#f1f5f9!important;border-color:#e2e8f0!important;color:#334155!important}.p-button.p-button-success{background:#10b981!important;border-color:#10b981!important;color:#fff!important}.p-button.p-button-info{background:#0ea5e9!important;border-color:#0ea5e9!important;color:#fff!important}.p-button.p-button-warning{background:#f97316!important;border-color:#f97316!important;color:#fff!important}.p-button.p-button-danger{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.p-button.p-button-help{background:#8b5cf6!important;border-color:#8b5cf6!important;color:#fff!important}.p-button.p-button-outlined{background:transparent!important;color:#6366f1!important;border-color:#6366f1!important}.p-button.p-button-outlined.p-button-secondary{color:#475569!important;border-color:#cbd5e1!important;background:#fff!important}.p-button.p-button-outlined.p-button-danger{color:#ef4444!important;border-color:#fecaca!important;background:#fff!important}.p-button.p-button-outlined.p-button-success{color:#059669!important;border-color:#a7f3d0!important;background:#fff!important}.p-button.p-button-link,.p-button.p-button-text{background:transparent!important;border-color:transparent!important;color:#6366f1!important;box-shadow:none!important}.p-button.p-button-text.p-button-secondary,.p-button.p-button-text.p-button-secondary:enabled:hover{color:#64748b!important;background:#f8fafc!important;border-color:transparent!important}.p-button-group .p-button,.p-buttonset .p-button{margin:0!important}.p-calendar .p-inputtext,.p-dropdown,.p-inputnumber-input,.p-inputtext,.p-inputtextarea,.p-multiselect,.p-password-input{font-family:inherit!important;font-size:.8125rem!important;color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:.5rem!important;transition:border-color .15s ease,box-shadow .15s ease!important}.p-calendar .p-inputtext,.p-inputnumber-input,.p-inputtext,.p-password-input{box-sizing:border-box!important;width:100%;min-height:2.5rem!important;padding:.5rem .75rem!important;line-height:1.35!important}.p-inputtextarea{min-height:5rem!important;padding:.625rem .75rem!important;line-height:1.5!important;resize:vertical}.p-calendar .p-inputtext:enabled:focus,.p-dropdown:not(.p-disabled).p-focus,.p-inputnumber-input:enabled:focus,.p-inputtext:enabled:focus,.p-inputtextarea:enabled:focus,.p-multiselect:not(.p-disabled).p-focus,.p-password-input:enabled:focus{outline:none!important;border-color:#6366f1!important;box-shadow:0 0 0 2px rgba(99,102,241,.15)!important}.p-inputtext::placeholder,.p-inputtextarea::placeholder{color:#94a3b8!important}.p-dropdown,.p-multiselect{position:relative!important;display:inline-flex!important;align-items:center!important;box-sizing:border-box!important;min-height:2.5rem!important;max-width:100%!important}.field .p-calendar,.field .p-dropdown,.field .p-inputnumber,.field .p-inputtext,.field .p-inputtextarea,.field .p-multiselect,.field .p-password,.field>.p-dropdown,.field>.p-inputtext,.p-fluid .p-calendar,.p-fluid .p-calendar .p-inputtext,.p-fluid .p-dropdown,.p-fluid .p-inputnumber,.p-fluid .p-inputnumber-input,.p-fluid .p-inputtext,.p-fluid .p-inputtextarea,.p-fluid .p-multiselect,.p-fluid .p-password,.p-fluid .p-password-input{width:100%!important;display:flex!important}.p-dropdown .p-dropdown-label,.p-multiselect .p-multiselect-label{display:flex!important;align-items:center!important;flex:1 1 auto!important;min-width:0!important;width:1%!important;padding:.5rem .75rem!important;line-height:1.35!important}.p-dropdown .p-dropdown-trigger,.p-multiselect .p-multiselect-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 2.5rem!important;width:2.5rem!important;color:#64748b!important}.p-dropdown .p-dropdown-clear-icon{position:absolute!important;top:50%!important;right:2.5rem!important;transform:translateY(-50%)!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:1.5rem!important;height:1.5rem!important;color:#94a3b8!important;cursor:pointer!important;z-index:2!important}.p-dropdown.p-dropdown-clearable .p-dropdown-label{padding-right:4rem!important}.p-dropdown-panel,.p-multiselect-panel{border:1px solid #e2e8f0!important;border-radius:.75rem!important;box-shadow:0 12px 28px rgba(15,23,42,.12)!important;overflow:hidden!important;background:#fff!important}.p-dropdown-item,.p-multiselect-item{padding:.5rem .75rem!important;font-size:.8125rem!important;font-weight:600!important;color:#334155!important}.p-dropdown-item.p-highlight,.p-multiselect-item.p-highlight{background:#eef2ff!important;color:#3730a3!important}.p-dialog{border-radius:1rem!important;border:1px solid #e2e8f0!important;box-shadow:0 20px 40px -16px rgba(15,23,42,.28)!important;overflow:hidden!important;background:#fff!important}.p-dialog .p-dialog-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:.75rem!important;padding:1rem 1.25rem!important;border-bottom:1px solid #e2e8f0!important;background:#fff!important}.p-dialog .p-dialog-title{font-weight:700!important;color:#0f172a!important}.p-dialog .p-dialog-header-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:2rem!important;height:2rem!important;border-radius:.5rem!important;border:1px solid #e2e8f0!important;background:#fff!important;color:#64748b!important}.p-dialog .p-dialog-content{color:#334155!important}.p-dialog .p-dialog-content,.p-dialog .p-dialog-footer{padding:1rem 1.25rem!important;background:#fff!important}.p-dialog .p-dialog-footer{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;gap:.5rem!important;border-top:1px solid #e2e8f0!important}.p-dialog-mask{background:rgba(15,23,42,.4)!important}.p-confirm-dialog .p-dialog-footer{display:flex!important;justify-content:flex-end!important;gap:.5rem!important}.p-datatable .p-datatable-thead>tr>th{padding:.625rem .75rem!important;font-size:.6875rem!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#64748b!important;background:#f8fafc!important;border-color:#e2e8f0!important}.p-datatable .p-datatable-tbody>tr>td{padding:.625rem .75rem!important;font-size:.8125rem!important;color:#334155!important;border-color:#f1f5f9!important}.p-datatable .p-datatable-tbody>tr:hover{background:#f8fafc!important}.p-paginator{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:.25rem!important;padding:.5rem .75rem!important;background:#fff!important;border-color:#e2e8f0!important}.p-paginator .p-paginator-element{min-width:2rem!important;min-height:2rem!important;border-radius:.5rem!important}.p-datepicker{border:1px solid #e2e8f0!important;border-radius:.75rem!important;box-shadow:0 12px 28px rgba(15,23,42,.12)!important;padding:.5rem!important;background:#fff!important}.p-checkbox .p-checkbox-box,.p-radiobutton .p-radiobutton-box{width:1.125rem!important;height:1.125rem!important;border:1.5px solid #cbd5e1!important;background:#fff!important;border-radius:.375rem!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background-color .15s,border-color .15s!important}.p-checkbox .p-checkbox-box.p-highlight,.p-checkbox-box.p-checkbox-checked,.p-checkbox-box.p-highlight,.p-checkbox.p-checkbox-checked .p-checkbox-box,.p-checkbox.p-highlight .p-checkbox-box,.p-multiselect-header .p-checkbox.p-highlight .p-checkbox-box,.p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box,.p-multiselect-item.p-highlight .p-checkbox-box,.p-radiobutton .p-radiobutton-box.p-highlight{border-color:#4f46e5!important;background:#4f46e5!important}.p-checkbox .p-checkbox-box .p-checkbox-icon,.p-checkbox .p-checkbox-box svg,.p-multiselect-item .p-checkbox .p-checkbox-box .p-checkbox-icon,.p-multiselect-item .p-checkbox .p-checkbox-box svg{font-size:.75rem!important;width:.75rem!important;height:.75rem!important}.p-checkbox-box.p-highlight .p-checkbox-icon,.p-checkbox-box.p-highlight svg,.p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon,.p-checkbox.p-checkbox-checked .p-checkbox-box svg,.p-checkbox.p-highlight .p-checkbox-box .p-checkbox-icon,.p-checkbox.p-highlight .p-checkbox-box svg,.p-multiselect-header .p-checkbox.p-highlight .p-checkbox-box .p-checkbox-icon,.p-multiselect-header .p-checkbox.p-highlight .p-checkbox-box svg,.p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box .p-checkbox-icon,.p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box svg{display:block!important;color:#ffffff!important;fill:#ffffff!important;stroke:#ffffff!important}.p-tabview .p-tabview-nav{border-color:#e2e8f0!important;background:transparent!important}.p-tabview .p-tabview-nav li .p-tabview-nav-link{padding:.75rem 1rem!important;font-weight:600!important;color:#64748b!important}.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{color:#4f46e5!important;border-color:#6366f1!important}.p-tag{display:inline-flex!important;align-items:center!important;padding:.15rem .5rem!important;border-radius:9999px!important;font-size:.6875rem!important;font-weight:700!important}.p-tooltip .p-tooltip-text{padding:.375rem .625rem!important;border-radius:.5rem!important;font-size:.6875rem!important;font-weight:600!important;line-height:1.35!important}.training-create-dialog.p-dialog,.training-edit-dialog.p-dialog{display:flex!important;flex-direction:column!important;max-height:min(92vh,900px)!important;overflow:hidden!important;border-radius:1rem!important;border:1px solid #e2e8f0!important;box-shadow:0 20px 40px -16px rgba(15,23,42,.28)!important;background:#fff!important}.training-create-dialog .p-dialog-header,.training-edit-dialog .p-dialog-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:.75rem!important;flex-shrink:0!important;border-bottom:1px solid #e2e8f0!important;background:#fff!important;padding:1rem 1.25rem!important}.training-create-dialog .p-dialog-header .p-dialog-title,.training-edit-dialog .p-dialog-header .p-dialog-title{flex:1 1 auto!important;min-width:0!important;margin:0!important;font-weight:inherit!important}.training-create-dialog .p-dialog-header .p-dialog-header-icons,.training-edit-dialog .p-dialog-header .p-dialog-header-icons{display:flex!important;align-items:center!important;flex-shrink:0!important;margin-left:.5rem!important}.training-create-dialog .p-dialog-header .p-dialog-header-icon,.training-edit-dialog .p-dialog-header .p-dialog-header-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:2rem!important;height:2rem!important;border-radius:.5rem!important;border:1px solid #e2e8f0!important;background:#fff!important;color:#64748b!important}.training-create-dialog .p-dialog-header .p-dialog-header-icon:hover,.training-edit-dialog .p-dialog-header .p-dialog-header-icon:hover{background:#f8fafc!important;color:#0f172a!important}.training-create-dialog .p-dialog-content,.training-edit-dialog .p-dialog-content{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;background:rgba(248,250,252,.8)!important;padding:1rem 1.25rem!important}.training-create-dialog .p-dialog-footer,.training-edit-dialog .p-dialog-footer{display:block!important;flex-shrink:0!important;border-top:1px solid #e2e8f0!important;background:#fff!important;padding:1rem 1.25rem!important}.training-create-dialog .p-dialog-footer>*,.training-edit-dialog .p-dialog-footer>*{width:100%}.training-create-dialog .p-inputtextarea,.training-edit-dialog .p-inputtextarea{width:100%!important;border:1px solid #cbd5e1!important;border-radius:.75rem!important;background:#fff!important;color:#0f172a!important;box-shadow:none!important}.training-create-dialog .p-inputtextarea:enabled:focus,.training-edit-dialog .p-inputtextarea:enabled:focus{border-color:#6366f1!important;box-shadow:0 0 0 2px rgba(99,102,241,.15)!important}.training-create-dialog .p-dropdown,.training-create-dialog .training-category-dropdown,.training-edit-dialog .p-dropdown,.training-edit-dialog .training-category-dropdown{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;min-height:2.75rem!important;border:1px solid #cbd5e1!important;border-radius:.75rem!important;background:#fff!important;box-shadow:none!important}.training-create-dialog .p-dropdown .p-dropdown-label,.training-create-dialog .training-category-dropdown .p-dropdown-label,.training-edit-dialog .p-dropdown .p-dropdown-label,.training-edit-dialog .training-category-dropdown .p-dropdown-label{display:flex!important;align-items:center!important;flex:1 1 auto!important;min-width:0!important;width:1%!important;padding:.625rem .875rem!important;font-size:13px!important;font-weight:600!important;color:#0f172a!important;line-height:1.35!important}.training-create-dialog .p-dropdown.p-dropdown-clearable .p-dropdown-label,.training-create-dialog .training-category-dropdown.p-dropdown-clearable .p-dropdown-label,.training-edit-dialog .p-dropdown.p-dropdown-clearable .p-dropdown-label,.training-edit-dialog .training-category-dropdown.p-dropdown-clearable .p-dropdown-label{padding-right:4.25rem!important}.training-create-dialog .p-dropdown .p-dropdown-trigger,.training-create-dialog .training-category-dropdown .p-dropdown-trigger,.training-edit-dialog .p-dropdown .p-dropdown-trigger,.training-edit-dialog .training-category-dropdown .p-dropdown-trigger{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 2.5rem!important;width:2.5rem!important;height:100%!important;color:#64748b!important}.training-create-dialog .p-dropdown .p-dropdown-clear-icon,.training-create-dialog .training-category-dropdown .p-dropdown-clear-icon,.training-edit-dialog .p-dropdown .p-dropdown-clear-icon,.training-edit-dialog .training-category-dropdown .p-dropdown-clear-icon{position:absolute!important;top:50%!important;right:2.5rem!important;left:auto!important;z-index:2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:1.5rem!important;height:1.5rem!important;margin:0!important;transform:translateY(-50%)!important;border-radius:.375rem!important;color:#94a3b8!important;cursor:pointer!important}.training-create-dialog .p-dropdown .p-dropdown-clear-icon:hover,.training-create-dialog .training-category-dropdown .p-dropdown-clear-icon:hover,.training-edit-dialog .p-dropdown .p-dropdown-clear-icon:hover,.training-edit-dialog .training-category-dropdown .p-dropdown-clear-icon:hover{color:#475569!important;background:#f1f5f9!important}.training-create-dialog .p-dropdown:not(.p-disabled).p-focus,.training-create-dialog .training-category-dropdown:not(.p-disabled).p-focus,.training-edit-dialog .p-dropdown:not(.p-disabled).p-focus,.training-edit-dialog .training-category-dropdown:not(.p-disabled).p-focus{border-color:#6366f1!important;box-shadow:0 0 0 2px rgba(99,102,241,.15)!important}.p-dropdown-items{padding:0!important}.p-dropdown-item{font-weight:600!important;color:var(--color-body,#475569)!important;padding:8px 12px!important}.p-dropdown-item,.p-inputtext{font-size:12px!important}.p-confirm-dialog .p-button{display:inline-flex!important;align-items:center;justify-content:center;gap:.375rem;min-height:2.25rem;padding:.5rem 1rem!important;border-radius:.5rem!important;font-size:12px!important;font-weight:600!important;line-height:1.25!important;box-shadow:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.p-confirm-dialog .p-button.p-button-success,.p-confirm-dialog .p-confirm-dialog-accept.p-button-success{background-color:#10b981!important;border:1px solid #10b981!important;color:#fff!important}.p-confirm-dialog .p-button.p-button-danger,.p-confirm-dialog .p-confirm-dialog-accept.p-button-danger{background-color:#ef4444!important;border:1px solid #ef4444!important;color:#fff!important}.p-confirm-dialog .p-button.p-button-warning,.p-confirm-dialog .p-confirm-dialog-accept.p-button-warning{background-color:#f97316!important;border:1px solid #f97316!important;color:#fff!important}.p-confirm-dialog .p-button.p-button-text,.p-confirm-dialog .p-confirm-dialog-reject{background-color:#fff!important;border:1px solid #e2e8f0!important;color:#64748b!important}.p-confirm-dialog .p-button.p-button-danger:hover,.p-confirm-dialog .p-button.p-button-success:hover,.p-confirm-dialog .p-button.p-button-warning:hover{filter:brightness(.95)}.p-confirm-dialog .p-button.p-button-text:hover,.p-confirm-dialog .p-confirm-dialog-reject:hover{background-color:#f8fafc!important;border-color:#cbd5e1!important;color:#475569!important}.p-confirm-dialog .p-dialog-footer{display:flex;justify-content:flex-end;gap:.5rem}.p-inputswitch{display:inline-flex!important;flex-shrink:0;position:relative;width:3rem!important;height:1.75rem!important;vertical-align:middle}.p-inputswitch .p-inputswitch-slider{position:absolute;inset:0}.site-checkbox.p-highlight .p-checkbox-box{background-color:var(--color-danger,#ef4444);border-color:var(--color-danger,#ef4444)}.profile-password .p-input-icon{display:flex;align-items:center}.profile-password .p-icon-field,.profile-password .p-password-input{width:100%}.profile-password .p-password-toggle-icon{color:#94a3b8}.profile-password .p-password-toggle-icon:hover{color:#64748b}.p-inputgroup input{border-radius:8px 0 0 8px!important}.p-inputgroup-addon{padding:7.5px 15px}.modal-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out;z-index:1000}.modal-content{background-color:#ffffff!important;padding:clamp(16px,4vw,30px);border-radius:12px;max-width:500px;width:90%;box-shadow:0 10px 30px rgba(0,0,0,.2);animation:slideIn .4s ease-out;position:relative;text-align:left}.close-button{position:absolute;top:15px;right:15px;font-size:24px;color:var(--color-body,#334155);background:none;border:none;cursor:pointer;transition:color .2s ease}.close-button:hover{color:var(--color-danger,#ef4444)}.title-info-modal{font-size:28px;font-weight:700;text-align:center;color:var(--color-body,#333);margin-bottom:20px;padding-bottom:10px;position:relative;text-transform:uppercase;letter-spacing:1.5px}.title-info-modal:after{content:"";display:block;width:50px;height:3px;background-color:var(--color-primary,#3b82f6);margin:10px auto 0;border-radius:2px}.title-info-modal:hover{color:var(--color-primary,#3b82f6);transition:color .3s ease}.title-info-modal:hover:after{width:70px;transition:width .3s ease}.modern-form-group{margin-bottom:20px;display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%}.modern-input-container{width:100%}.modern-label{font-size:14px;color:var(--color-muted,#888);font-weight:600;margin-bottom:8px;transition:color .3s ease}.modern-input{width:100%;padding:12px 15px;font-size:16px;border:2px solid var(--color-border,#e6e6e6);border-radius:10px;background:#fff;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.modern-input:focus{border-color:var(--color-primary,#3b82f6);box-shadow:0 4px 10px rgba(59,130,246,.2);outline:none;background:#f9f9ff;animation:focusAnimation .2s ease-in-out}.modern-input::placeholder{color:var(--color-placeholder,#aaa);font-size:14px;transition:color .3s ease}.modern-input:focus::placeholder{color:transparent}.modern-input:hover{border-color:var(--color-primary-hover,#2563eb)}.modern-form-group:hover .modern-label{color:var(--color-primary,#3b82f6)}.submit-button{padding:12px 25px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-primary,#3b82f6),var(--color-primary-dark,#1d4ed8));border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.submit-button:hover{background:linear-gradient(135deg,var(--color-primary-dark,#1d4ed8),#003580);transform:translateY(-2px);box-shadow:0 6px 10px rgba(0,0,0,.2)}.submit-button:active{transform:translateY(0);box-shadow:0 3px 6px rgba(0,0,0,.2)}.submit-button:focus{outline:none;box-shadow:0 0 8px rgba(59,130,246,.8)}.no-underline{text-decoration:none}.article-list{overflow:auto;height:100%}.article-container{display:flex;gap:20px;align-items:center;position:relative}.article-thumbnail{flex-shrink:0}.thumbnail-image{border-radius:8px;object-fit:cover}.article-info{display:flex;flex-direction:column;justify-content:center}.article-title{font-size:1.2rem;color:var(--color-muted,#666);font-weight:700;margin-bottom:5px}.article-description{font-size:.95rem;color:var(--color-heading,#000);line-height:1.5;word-wrap:break-word;overflow:hidden}.article-container:hover{background-color:var(--color-surface-hover,#f7f7f7)}.hover-text{top:50%;left:50%;transform:translate(-50%,-50%)}.hover-text,.hover-text-category{z-index:1000;height:max-content;max-height:200px;overflow:hidden;position:absolute;width:100%;color:var(--color-heading,#000);background-color:var(--color-surface,#fff);padding:10px;font-size:14px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;border:1px solid var(--color-border,#ccc);border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.hover-text-category{top:100%;left:0}.article-item:hover{height:100%!important}.article-container:hover .hover-text,.hover-category:hover .hover-text-category{opacity:1;visibility:visible}.category-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:var(--color-surface,#fff);border:1px solid var(--color-border,#e0e0e0);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;text-align:center;height:max-content}.category-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.15);background-color:#e0e0e0;color:#000}.category-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:inherit;width:100%}.category-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border-light,#f0f0f0);transition:border .3s ease,transform .3s ease}.category-item:hover .category-image{transform:scale(1.1);border-color:#c0c0c0}.category-content{width:100%}.category-name{font-size:1.2rem;font-weight:700;color:var(--color-body,#333);margin-bottom:8px;transition:color .3s ease}.category-item:hover .category-name{color:var(--color-primary,#007bff)}.category-description{font-size:1rem;color:var(--color-muted,#666);line-height:1.5;margin:0}.list-filter-container{height:10%}.container-category-article{height:100%}.success-animation{margin:10px auto}.checkmark{width:100px;height:100px;border-radius:50%;display:block;stroke:#4bb71b;box-shadow:inset 0 0 0 #4bb71b;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;position:relative;top:5px;right:5px;margin:0 auto}.checkmark,.checkmark__circle{stroke-width:2;stroke-miterlimit:10}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke:#4bb71b;fill:#fff;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}.failure-animation{margin:10px auto}.crossmark{width:100px;height:100px;border-radius:50%;display:block;stroke:var(--color-danger,#e74c3c);box-shadow:inset 0 0 0 var(--color-danger,#e74c3c);animation:fillErr .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;position:relative;top:5px;right:5px;margin:0 auto}.crossmark,.crossmark__circle{stroke-width:2;stroke-miterlimit:10}.crossmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke:var(--color-danger,#e74c3c);fill:#fff;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.crossmark__cross{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #4bb71b}}@keyframes fillErr{to{box-shadow:inset 0 0 0 30px var(--color-danger,#e74c3c)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes focusAnimation{0%{transform:scale(1.02)}to{transform:scale(1)}}@media (max-width:768px){.container-category-article{height:max-content}.list-category-article{height:max-content!important}.set-overflow-list-article{overflow:auto}.article-item{height:max-content!important}.list-filter-container{height:max-content}.list-filter-styles>.p-icon-field{width:50%}.list-filter-styles{flex-wrap:wrap}.category-item{padding:15px}.category-image{width:60px;height:60px}.category-name{font-size:1rem}.category-description{font-size:.9rem}}