:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2937;background-color:#f8fafc}*{box-sizing:border-box}body{margin:0}.page{margin:0 auto;max-width:1200px;padding:24px}.page-title{font-size:2rem;margin:0 0 8px}.page-intro{color:#4b5563;margin:0 0 24px}.catalog-grid{display:grid;gap:20px}.catalog-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 10px #0f172a0d;padding:16px}.catalog-title{font-size:1.25rem;margin:0 0 8px}.catalog-meta{color:#6b7280;font-size:.9rem;margin:0 0 12px}.catalog-viewer{border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.catalog-pdf{width:100%;min-height:680px;border:0}.catalog-fallback{color:#b91c1c;font-size:.9rem;margin:8px 12px 12px}.main-nav{margin-bottom:24px}.nav-links{display:flex;gap:8px}.nav-btn{padding:10px 20px;font-size:1rem;font-weight:500;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;cursor:pointer;transition:all .2s ease}.nav-btn:hover{background:#f3f4f6}.nav-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.resource-pool{min-height:400px}.resource-pool-header{margin-bottom:16px}.resource-pool-header h2{font-size:1.75rem;margin:0 0 4px}.resource-pool-stats{color:#6b7280;font-size:.9rem;margin:0}.resource-pool-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filter-btn{padding:8px 16px;font-size:.875rem;border:1px solid #d1d5db;border-radius:20px;background:#fff;color:#374151;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:#f3f4f6}.filter-btn.active{background:#1f2937;border-color:#1f2937;color:#fff}.resource-pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.resource-pool-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease}.resource-pool-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.resource-pool-card img{width:100%;height:150px;object-fit:cover;display:block}.resource-pool-card-info{padding:8px;display:flex;justify-content:space-between;font-size:.75rem;color:#6b7280}.card-page{font-weight:500}.resource-pool-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.resource-pool-modal[hidden]{display:none}.modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90vw;max-height:90vh;background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;border-radius:50%;background:#00000080;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;z-index:1}.modal-close:hover{background:#000000b3}.modal-image{max-width:100%;max-height:70vh;object-fit:contain}.modal-info{padding:16px;background:#f9fafb;border-top:1px solid #e5e7eb}.modal-title{font-size:1rem;margin:0 0 4px}.modal-meta{font-size:.875rem;color:#6b7280;margin:0}.resource-pool-loader,.resource-pool-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#6b7280}.resource-pool-error{color:#b91c1c}.error-detail{font-size:.875rem;margin:8px 0 16px}.resource-pool-error button{padding:8px 16px;font-size:.875rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer}.error-message{text-align:center;padding:40px 20px}.error-message h2{color:#b91c1c;margin-bottom:12px}.error-message code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:monospace}