.cctf-tags-filter{font-family:inherit;margin-bottom:30px}.cctf-filter-section{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap;position:absolute;right:0;top:-60px}.cctf-main-filters{display:flex;gap:8px;flex-wrap:wrap}.cctf-topic-btn{display:flex;align-items:center;gap:8px;padding:6px 16px;background:#fff;border:2px solid #c2cae8;border-radius:25px;font-size:16px;font-weight:600;color:#434389;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;position:relative}.cctf-main-btn:hover{background:#e9ecef;border-color:#dee2e6;color:#495057}.cctf-main-btn.active{background:#434389;border-color:#434389;color:#fff;box-shadow:0 2px 8px rgba(67,67,137,.3)}.cctf-filter-by-topic{margin-left:auto;position:relative}.cctf-dropdown-container{position:relative}.cctf-topic-btn:hover,.cctf-topic-btn.active{background:#f8f9fa;border-color:#dee2e6;color:#495057}.cctf-filter-icon{width:16px;height:16px;color:#6c757d}.cctf-dropdown-arrow{width:12px;height:12px;transition:transform .2s ease}.cctf-topic-btn.active .cctf-dropdown-arrow{transform:rotate(180deg)}.cctf-dropdown-menu{position:absolute;top:100%;right:0;width:320px;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);z-index:1000;display:none;margin-top:8px}.cctf-dropdown-menu.show{display:block;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cctf-dropdown-search{padding:16px;border-bottom:1px solid #e9ecef}.cctf-dropdown-search input{width:100%;padding:8px 12px;border:1px solid #e9ecef;border-radius:6px;font-size:14px;background:#f8f9fa;transition:all .2s ease}.cctf-dropdown-search input:focus{outline:none;border-color:#434389;background:#fff;box-shadow:0 0 0 2px rgba(67,67,137,.1)}.cctf-dropdown-options{max-height:250px;overflow-y:auto;padding:8px 0}.cctf-dropdown-option{display:flex;align-items:center;padding:8px 16px;cursor:pointer;transition:background-color .2s ease;user-select:none}.cctf-dropdown-option:hover{background:#f8f9fa}.cctf-dropdown-option.hidden{display:none}.cctf-tag-checkbox{display:none}.cctf-checkbox-custom{width:16px;height:16px;border:2px solid #dee2e6;border-radius:3px;margin-right:12px;position:relative;transition:all .2s ease;flex-shrink:0}.cctf-tag-checkbox:checked+.cctf-checkbox-custom{background:#434389;border-color:#434389}.cctf-tag-checkbox:checked+.cctf-checkbox-custom:after{content:'';position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.cctf-tag-label{flex:1;font-size:14px;color:#333;font-weight:500}.cctf-tag-count{font-size:12px;color:#6c757d;margin-left:8px}.cctf-dropdown-actions{padding:12px 16px;border-top:1px solid #e9ecef;display:flex;gap:8px;justify-content:flex-end}.cctf-clear-all,.cctf-apply-filters{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.cctf-clear-all{background:0 0;color:#6c757d;border-color:#e9ecef}.cctf-clear-all:hover{background:#f8f9fa;color:#495057}.cctf-apply-filters{background:#434389;color:#fff;border-color:#434389}.cctf-apply-filters:hover{background:#3a3a7a;border-color:#3a3a7a}.cctf-selected-tags{display:flex;flex-wrap:wrap;gap:8px}.cctf-tag-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#c2cae8;border-radius:20px;font-size:14px;color:#414288;animation:slideIn .3s ease}.cctf-tag-name{font-weight:500}.cctf-remove-tag{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:0 0;border:none;border-radius:50%;cursor:pointer;color:#414288;transition:all .2s ease;padding:0}.cctf-remove-tag:hover{color:#fff}.cctf-remove-tag svg{width:13px;height:13px}.cctf-loading{display:none;text-align:center;padding:20px;color:#6c757d;font-style:italic}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.cctf-tag-pill.removing{animation:slideOut .3s ease forwards}.cctf-main-btn.cctf-loading-state,.cctf-topic-btn.cctf-loading-state{opacity:.6;cursor:not-allowed}.cctf-dropdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;display:none}.cctf-dropdown-overlay.show{display:block}@media (max-width:768px){.cctf-filter-section{flex-direction:column;align-items:stretch;gap:15px}.cctf-main-filters{justify-content:center}.cctf-filter-by-topic{margin-left:0;align-self:center}.cctf-dropdown-menu{width:280px;left:50%;right:auto;transform:translateX(-50%)}.cctf-main-btn{padding:8px 16px;font-size:13px}.cctf-selected-tags{justify-content:center}}@media (max-width:480px){.cctf-dropdown-menu{width:95vw;max-width:320px}.cctf-main-filters{flex-direction:column;align-items:center}.cctf-main-btn{width:100%;max-width:200px;text-align:center}}.cctf-main-btn:focus,.cctf-topic-btn:focus,.cctf-remove-tag:focus,.cctf-dropdown-option:focus{outline:2px solid #434389;outline-offset:2px}@media (prefers-contrast:high){.cctf-main-btn,.cctf-topic-btn{border-width:2px}.cctf-main-btn.active{border-color:#000;background:#000}}@media (prefers-reduced-motion:reduce){.cctf-main-btn,.cctf-topic-btn,.cctf-remove-tag,.cctf-tag-pill,.cctf-dropdown-menu,.cctf-dropdown-arrow{transition:none}.cctf-tag-pill{animation:none}.cctf-tag-pill.removing{animation:none;opacity:0}.cctf-dropdown-menu.show{animation:none}}.cctf-tag-buttons{display:flex;flex-wrap:wrap;gap:8px}.cctf-tag-btn{padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;color:#333;text-decoration:none;transition:all .3s ease;display:inline-block}.cctf-tag-btn:hover{background:#f0f0f0;border-color:#999;color:#000}.cctf-tag-btn.active{background:#007cba;border-color:#005a87;color:#fff}.cctf-tag-btn.active:hover{background:#005a87;color:#fff}.cctf-loading{padding:10px;text-align:center;font-style:italic;color:#666}#cctf-filtered-posts{margin-top:20px}.cctf-posts-container{display:grid;gap:20px}.cctf-post-item{padding:20px;background:#fff;border:1px solid #e1e1e1;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:box-shadow .3s ease}.cctf-post-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.15)}.cctf-post-item h3{margin:0 0 10px;font-size:18px;line-height:1.4}.cctf-post-item h3 a{color:#333;text-decoration:none;transition:color .3s ease}.cctf-post-item h3 a:hover{color:#007cba}.cctf-post-meta{display:flex;align-items:flex-start;gap:15px;margin-bottom:10px}.cctf-post-date{color:#666;font-size:13px;margin-top:2px}.cctf-post-thumbnail{flex-shrink:0}.cctf-post-thumbnail img{max-width:80px;height:auto;border-radius:3px}.cctf-post-excerpt{color:#555;line-height:1.6;margin-bottom:10px}.cctf-post-tags{font-size:12px;color:#777}.cctf-post-tags .tags-label{font-weight:700;margin-right:5px}.cctf-post-tags a{color:#007cba;text-decoration:none;padding:2px 6px;background:#f0f8ff;border-radius:3px;margin-right:3px;transition:background-color .3s ease}.cctf-post-tags a:hover{background:#e6f3ff}.cctf-no-posts{text-align:center;padding:40px 20px;color:#666;font-style:italic;background:#f9f9f9;border:1px solid #e1e1e1;border-radius:5px}@media (max-width:768px){.cctf-tag-buttons{flex-direction:column;align-items:flex-start}.cctf-tag-btn{width:100%;text-align:center}.cctf-tag-select{width:100%;max-width:none}.cctf-post-meta{flex-direction:column;gap:10px}.cctf-post-thumbnail img{max-width:100%}}@media (min-width:769px){.cctf-posts-container{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.cctf-admin-content h2,.cctf-admin-content h3{color:#333;border-bottom:1px solid #e1e1e1;padding-bottom:5px}.cctf-admin-content ul{background:#f9f9f9;padding:15px 20px;border-left:4px solid #007cba;margin:15px 0}.cctf-admin-content code{background:#f1f1f1;padding:2px 6px;border-radius:3px;font-family:'Courier New',monospace;color:#d63384}