.cat-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cat-popup-box{background:#0a0a0a;width:100%;max-width:650px;border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px rgba(0,0,0,.8);position:relative;overflow:hidden;display:flex;flex-direction:column;max-height:85vh;animation:slideIn .5s cubic-bezier(.165,.84,.44,1)}@keyframes slideIn{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.cat-popup-close{position:absolute;top:1.5rem;right:1.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10}.cat-popup-close:hover{background:#ce2453;transform:rotate(90deg);border-color:transparent}.cat-popup-header{padding:3rem 3rem 1.5rem;text-align:center}.cat-popup-badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15rem;color:#ce2453;margin-bottom:1rem}.cat-popup-header h3{font-size:1.8rem;font-weight:800;color:#fff;margin-bottom:.75rem}.cat-popup-header p{color:#888;font-size:.95rem;line-height:1.5;max-width:450px;margin:0 auto}.cat-popup-content{flex:1;overflow-y:auto;padding:0 3rem 2rem;scrollbar-width:thin;scrollbar-color:#333 transparent}.cat-popup-content::-webkit-scrollbar{width:5px}.cat-popup-content::-webkit-scrollbar-thumb{background:#333;border-radius:10px}.cat-popup-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1.5rem;color:#666;font-size:.9rem}.cat-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.05);border-top-color:#ce2453;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.cat-popup-section{margin-bottom:2rem;animation:itemFade .5s ease forwards;animation-delay:var(--delay);opacity:0}@keyframes itemFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.cat-popup-section h4{font-size:.85rem;font-weight:700;text-transform:uppercase;color:#555;margin-bottom:1.25rem;letter-spacing:.05rem;display:flex;align-items:center;gap:1rem}.cat-popup-section h4:after{content:"";flex:1;height:1px;background:rgba(255,255,255,.05)}.cat-popup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.cat-popup-item{position:relative;display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.cat-popup-item:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}.cat-popup-item.active{background:rgba(206,36,83,.1);border-color:#ce2453}.cat-popup-item input{display:none}.cat-checkbox-custom{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#fff;font-size:.8rem}.cat-popup-item.active .cat-checkbox-custom{background:#ce2453;border-color:#ce2453;transform:scale(1.1)}.cat-cat-name{font-size:.9rem;font-weight:500;color:#aaa;transition:color .3s ease}.cat-popup-item.active .cat-cat-name{color:#fff}.cat-popup-actions{padding:2rem 3rem 3rem;display:flex;gap:1rem;background:linear-gradient(0deg,#000,transparent)}.cat-btn-cancel{flex:1;padding:1rem;background:transparent;border:1px solid rgba(255,255,255,.1);color:#888;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cat-btn-cancel:hover{background:rgba(255,255,255,.05);color:#fff}.cat-btn-submit{flex:2;padding:1rem;background:linear-gradient(90deg,#ce2453,#e79e57);border:none;color:#fff;border-radius:.75rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 20px rgba(206,36,83,.3)}.cat-btn-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 30px rgba(206,36,83,.4)}.cat-btn-submit:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}@media (max-width:600px){.cat-popup-box{max-height:95vh;margin-top:5vh}.cat-popup-header{padding:2rem 1.5rem 1rem}.cat-popup-content{padding:0 1.5rem 1.5rem}.cat-popup-actions{padding:1.5rem;flex-direction:column-reverse}.cat-popup-grid{grid-template-columns:1fr 1fr}}