.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:#fff;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-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}.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}.profile-password .p-password-input{padding:6px}.profile-password .p-icon-field{width:100%}.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:#fff!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:silver}.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}}