.playbook-modal-overlay[data-v-10fb4c84]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:100}.playbook-modal-container[data-v-10fb4c84]{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:calc(100vh - 3rem);max-height:calc(100vh - 3rem);max-width:1400px;overflow-y:auto;position:relative;width:95vw}.playbook-modal-close[data-v-10fb4c84]{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;color:#374151;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:40px;z-index:10}.playbook-modal-close[data-v-10fb4c84]:hover{background:#f3f4f6;border-color:#d1d5db}.playbook-modal-content[data-v-10fb4c84]{flex:1;height:100%;overflow-y:auto}.playbook-modal-content[data-v-10fb4c84] .playbook-preview-section{min-height:55vh}.modal-enter-active[data-v-10fb4c84],.modal-leave-active[data-v-10fb4c84]{transition:opacity .3s ease}.modal-enter-active .playbook-modal-container[data-v-10fb4c84],.modal-leave-active .playbook-modal-container[data-v-10fb4c84]{transition:transform .3s ease,opacity .3s ease}.modal-enter-from[data-v-10fb4c84],.modal-leave-to[data-v-10fb4c84]{opacity:0}.modal-enter-from .playbook-modal-container[data-v-10fb4c84],.modal-leave-to .playbook-modal-container[data-v-10fb4c84]{opacity:0;transform:scale(.95) translateY(20px)}@media(max-width:1600px){.playbook-modal-container[data-v-10fb4c84]{max-width:1300px;width:95vw}}@media(max-width:1200px){.playbook-modal-container[data-v-10fb4c84]{width:95vw}}@media(max-width:1024px){.playbook-modal-container[data-v-10fb4c84]{height:calc(100vh - 2rem);max-height:calc(100vh - 2rem);width:95vw}.playbook-modal-content[data-v-10fb4c84]{overflow-y:auto}.playbook-modal-content[data-v-10fb4c84] .playbook-detail-content{height:auto}}@media(max-width:768px){.playbook-modal-overlay[data-v-10fb4c84]{padding:0}.playbook-modal-container[data-v-10fb4c84]{border-radius:0;height:100vh;max-height:100vh;width:100vw}.playbook-modal-close[data-v-10fb4c84]{background:#fff;box-shadow:0 2px 8px #0000001a;right:.75rem;top:.75rem}}.playbooks-container[data-v-3b654db8]{display:flex;min-height:calc(100vh - 64px)}.playbooks-sidebar[data-v-3b654db8]{background-color:#fff;border-right:1px solid #e5e7eb;flex-shrink:0;height:calc(100vh - var(--header-height));overflow:hidden;position:sticky;top:var(--header-height);width:280px}.playbooks-sidebar-inner[data-v-3b654db8]{height:100%;overflow-y:auto}.playbooks-menu-container[data-v-3b654db8]{padding:.5rem 0}.playbooks-filter-toggle[data-v-3b654db8]{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;color:#374151;cursor:pointer;display:none;font-size:.875rem;font-weight:600;justify-content:space-between;padding:.75rem 1rem;width:100%}.playbooks-content[data-v-3b654db8]{flex:1;min-width:0}.playbooks-grid[data-v-3b654db8]{display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.playbook-skeleton[data-v-3b654db8]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.skeleton-image[data-v-3b654db8]{animation:shimmer-3b654db8 1.5s infinite;aspect-ratio:16/10;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%}.skeleton-content[data-v-3b654db8]{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.skeleton-title[data-v-3b654db8]{height:20px;width:70%}.skeleton-description[data-v-3b654db8],.skeleton-title[data-v-3b654db8]{animation:shimmer-3b654db8 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.skeleton-description[data-v-3b654db8]{height:32px;width:100%}.skeleton-meta[data-v-3b654db8]{animation:shimmer-3b654db8 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:14px;width:40%}@keyframes shimmer-3b654db8{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination-container[data-v-3b654db8]{display:flex;justify-content:center;padding:1rem 0}.pagination-btn[data-v-3b654db8]{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;height:40px;justify-content:center;min-width:40px;padding:0 .5rem;transition:all .2s}.pagination-btn[data-v-3b654db8]:hover:not(:disabled){--tw-border-opacity:1;border-color:rgb(115 77 140/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(115 77 140/var(--tw-text-opacity,1))}.pagination-btn[data-v-3b654db8]:disabled{cursor:not-allowed;opacity:.5}.pagination-page-active[data-v-3b654db8]{--tw-bg-opacity:1;background-color:rgb(115 77 140/var(--tw-bg-opacity,1));--tw-border-opacity:1;border-color:rgb(115 77 140/var(--tw-border-opacity,1));color:#fff}.pagination-page-active[data-v-3b654db8]:hover{--tw-bg-opacity:1;background-color:rgb(96 63 118/var(--tw-bg-opacity,1));--tw-border-opacity:1;border-color:rgb(96 63 118/var(--tw-border-opacity,1));color:#fff}.pagination-ellipsis[data-v-3b654db8]{align-items:center;color:#6b7280;display:flex;height:40px;justify-content:center;min-width:40px}@media(max-width:1200px){.playbooks-grid[data-v-3b654db8]{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.playbooks-grid[data-v-3b654db8]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.playbooks-container[data-v-3b654db8]{flex-direction:column}.playbooks-sidebar[data-v-3b654db8]{border-bottom:1px solid #e5e7eb;border-right:none;height:auto;max-height:none;position:relative;top:0;width:100%}.playbooks-sidebar-inner[data-v-3b654db8]{max-height:none}.playbooks-filter-toggle[data-v-3b654db8]{display:flex}.playbooks-menu-container[data-v-3b654db8]{display:none}.playbooks-menu-container.mobile-open[data-v-3b654db8]{display:block;max-height:60vh;overflow-y:auto}.playbooks-grid[data-v-3b654db8]{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.playbooks-grid[data-v-3b654db8]{grid-template-columns:1fr}}