.search-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.filters-sidebar{background:white;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);position:sticky;top:20px;border:1px solid #e5e7eb}.filters-sidebar h5{color:#1f2937;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.filter-section h6{font-weight:600;color:#374151;margin-bottom:12px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.filter-options{display:flex;flex-direction:column;gap:8px}.filter-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;font-size:14px;color:#6b7280;transition:all .2s ease;border-radius:6px;border:1px solid transparent}.filter-option:hover{color:#374151;background-color:#f9fafb}.filter-option.active{color:#1f2937;background-color:#e0f2fe;border-color:#0284c7;font-weight:500;box-shadow:0 2px 4px rgba(2,132,199,.1);transform:translateY(-1px)}.filter-option.active span{color:#0284c7}.filter-option input[type=radio]{margin:0;cursor:pointer;accent-color:#0284c7}.filter-option span{cursor:pointer}.filter-section{position:relative}.filter-section.has-active-filter:before{content:"";position:absolute;left:-8px;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#0284c7,#0ea5e9);border-radius:2px}.filter-section.has-active-filter h6{color:#0284c7;font-weight:600}.search-summary{background:white;border-radius:8px;padding:16px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.no-results{padding:60px 20px}.no-results i{color:#d1d5db}.search-results{background:#f9fafb}.markdown-content{line-height:1.6;color:#374151}.markdown-content h1{font-size:1.8rem;font-weight:700;margin:1.5rem 0 1rem;color:#1f2937;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.markdown-content h2{font-size:1.5rem;font-weight:600;margin:1.25rem 0 .75rem;color:#1f2937}.markdown-content h3{font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem;color:#374151}.markdown-content p{margin:.75rem 0}.markdown-content strong{font-weight:600;color:#1f2937}.markdown-content em{font-style:italic;color:#6b7280}.markdown-content code{background-color:#f3f4f6;padding:.125rem .25rem;border-radius:.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:#dc2626}.markdown-content pre{background-color:#1f2937;color:#f9fafb;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1rem 0}.markdown-content pre code{background-color:transparent;color:inherit;padding:0}.markdown-content ul{margin:.75rem 0;padding-left:1.5rem}.markdown-content br,.markdown-content li{margin:.25rem 0}@media (max-width:991.98px){.filters-sidebar{position:static;margin-bottom:24px}.filter-options{flex-direction:row;flex-wrap:wrap;gap:12px}.filter-option{min-width:120px}.filter-section.has-active-filter:before{display:none}}@media (max-width:767.98px){.filters-sidebar{padding:16px}.filter-option{padding:6px 10px;font-size:13px}.filter-section h6{font-size:13px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.category-section{background:linear-gradient(135deg,rgba(102,126,234,.02),rgba(118,75,162,.02));border-radius:24px;padding:32px;margin-bottom:48px;border:1px solid rgba(102,126,234,.08);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.category-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary,#667eea) 0,var(--color-secondary,#764ba2) 100%);border-radius:24px 24px 0 0}.category-section:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(102,126,234,.1);border-color:rgba(102,126,234,.15)}.category-header{margin-bottom:32px;padding:24px 0;position:relative}.category-info{display:flex;align-items:center;gap:20px}.category-icon-wrapper{position:relative}.category-icon-wrapper:after{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));z-index:-1;opacity:0;transition:opacity .3s ease}.category-section:hover .category-icon-wrapper:after{opacity:1}.category-icon{width:70px;height:70px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px rgba(0,0,0,.15)}.category-section:hover .category-icon{transform:scale(1.05) rotate(5deg);box-shadow:0 12px 35px rgba(0,0,0,.2)}.category-text{flex:1}.category-title{font-size:28px;font-weight:700;color:#1a202c;margin-bottom:8px;line-height:1.3;transition:color .3s ease}.category-section:hover .category-title{color:#667eea}.category-description{font-size:16px;color:#64748b;line-height:1.6;margin:0;max-width:500px}.category-view-all{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;padding:12px 24px;border-radius:50px;font-weight:600;font-size:14px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(102,126,234,.3);position:relative;overflow:hidden}.category-view-all:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.category-view-all:hover:before{left:100%}.category-view-all:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4);background:linear-gradient(135deg,#5a67d8,#6b46c1);color:white;text-decoration:none}.category-grid{margin-top:24px}.search-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid rgba(226,232,240,.8);position:relative;overflow:hidden;padding:40px 0}.search-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.search-input-group{background:white;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.08);border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;max-width:600px;margin:0 auto;height:60px;display:flex;align-items:stretch}.search-input-group:focus-within{border-color:#667eea;transform:translateY(-2px);box-shadow:0 12px 35px rgba(102,126,234,.15)}.search-input{border:none;background:transparent;padding:0 24px;font-size:16px;outline:none;transition:all .3s ease;color:#374151;font-weight:500;flex:1;height:100%;line-height:1.5}.search-input::placeholder{color:#9ca3af;transition:color .3s ease;font-weight:400}.search-input:focus{color:#111827}.search-input:focus::placeholder{color:#d1d5db}.search-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;padding:0 28px;color:white;font-weight:600;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border-radius:0 14px 14px 0;min-width:130px;height:100%;display:flex;align-items:center;justify-content:center;gap:8px}.search-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.search-button:hover:before{left:100%}.search-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:scale(1.02);box-shadow:0 6px 20px rgba(102,126,234,.3)}.search-button:active{transform:scale(.98)}.search-button i{transition:transform .3s ease;font-size:14px}.search-button:hover i{transform:scale(1.1)}.search-input-group:focus-within .search-button{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.breadcrumb-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:16px 0;border-bottom:1px solid rgba(226,232,240,.8)}.modern-breadcrumb{gap:12px;margin:0;padding:0;list-style:none;flex-wrap:wrap}.breadcrumb-item,.breadcrumb-link,.modern-breadcrumb{display:flex;align-items:center}.breadcrumb-link{color:#6b7280;text-decoration:none;font-size:14px;font-weight:500;padding:8px 12px;border-radius:8px;transition:all .3s ease}.breadcrumb-link:hover{color:#667eea;background:rgba(102,126,234,.1);text-decoration:none}.breadcrumb-separator{color:#d1d5db;font-size:12px;margin:0 4px}.breadcrumb-current{color:#374151;font-weight:600;font-size:14px;padding:8px 12px;background:rgba(102,126,234,.1);border-radius:8px;display:flex;align-items:center}.category-hero-section{background:linear-gradient(135deg,#667eea,#764ba2);min-height:500px;position:relative;overflow:hidden;display:flex;align-items:center;padding:80px 0}.category-hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.category-hero-content{position:relative;z-index:2}.category-icon-large{position:relative;display:inline-block;margin-bottom:32px}.category-icon-bg{width:120px;height:120px;background:rgba(255,255,255,.15);border-radius:30px;display:flex;align-items:center;justify-content:center;position:relative;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);box-shadow:0 20px 40px rgba(0,0,0,.1)}.category-emoji{font-size:48px;display:block}.category-icon-glow{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);border-radius:50px;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.8}}.category-hero-title{font-size:48px;font-weight:700;color:white;margin-bottom:24px;text-shadow:0 2px 4px rgba(0,0,0,.1);line-height:1.2}.category-hero-description{font-size:20px;color:rgba(255,255,255,.9);margin-bottom:48px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.category-stats-row{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.category-stat-item{text-align:center;background:rgba(255,255,255,.1);padding:24px 32px;border-radius:20px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);min-width:140px;transition:transform .3s ease}.category-stat-item:hover{transform:translateY(-4px)}.stat-number{font-size:32px;font-weight:800;color:white;line-height:1;margin-bottom:8px}.stat-label{font-size:14px;color:rgba(255,255,255,.8);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.hero-floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.floating-element{position:absolute;animation:floatUpDown 6s ease-in-out infinite}.floating-element.element-1{top:10%;left:10%;animation-delay:0s}.floating-element.element-2{top:20%;right:15%;animation-delay:2s}.floating-element.element-3{bottom:15%;left:8%;animation-delay:4s}.floating-shape{width:60px;height:60px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2)}.shape-circle{border-radius:50%}.shape-triangle{border-radius:12px;transform:rotate(45deg)}.shape-square{border-radius:8px}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.filter-dropdown{min-width:180px}.category-filter{background:white;border:2px solid #e5e7eb;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500;color:#374151;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.04)}.category-filter:focus{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.15);outline:none}.category-filter option{padding:8px;font-weight:500}@media (max-width:768px){.breadcrumb-section{padding:12px 0}.modern-breadcrumb{gap:8px}.breadcrumb-current,.breadcrumb-link{padding:6px 10px;font-size:13px}.breadcrumb-separator{font-size:10px}.category-hero-section{min-height:400px;padding:60px 0}.category-icon-bg{width:100px;height:100px;border-radius:25px}.category-emoji{font-size:40px}.category-hero-title{font-size:36px;margin-bottom:20px}.category-hero-description{font-size:18px;margin-bottom:36px}.category-stats-row{gap:24px}.category-stat-item{padding:20px 24px;min-width:120px}.stat-number{font-size:28px}.stat-label{font-size:12px}.floating-shape{width:40px;height:40px}.category-section{padding:24px 20px;margin-bottom:32px;border-radius:20px}.category-header{margin-bottom:24px;padding:16px 0}.category-info{flex-direction:column;gap:16px;text-align:center}}.prompt-result-section{background:white;border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.08);overflow:hidden;border:1px solid #e5e7eb}.prompt-result-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed);padding:24px 32px;display:flex;justify-content:space-between;align-items:center}.result-title{display:flex;align-items:center;flex:1}.result-title h3{margin:0;font-size:20px;font-weight:700;color:white}.result-title i{color:rgba(255,255,255,.9);font-size:18px}.result-actions{display:flex;gap:12px}.btn-run-prompt{background:rgba(255,255,255,.9);color:#7c3aed;border:none;border-radius:12px;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;font-size:14px}.btn-run-prompt:hover{background:white;transform:translateY(-2px);box-shadow:0 8px 25px rgba(124,58,237,.3)}.prompt-result-content{padding:32px;min-height:300px}.prompt-result-content-fullheight{padding:24px;height:calc(100vh - 420px);overflow-y:auto;display:flex;flex-direction:column}.editor-container-fullheight{height:calc(100vh - 420px);overflow:hidden;display:flex;flex-direction:column}.editor-container-fullheight .simple-editor-wrapper{height:100%;display:flex;flex-direction:column}.editor-container-fullheight .simple-editor-content{flex:1;overflow-y:auto;padding:20px}.prompt-result-section.h-100{display:flex;flex-direction:column;height:calc(100vh - 250px)}.btn-expand-editor{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:rgba(255,255,255,.9);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-expand-editor:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:translateY(-1px)}.container-fluid.py-4{padding-left:20px;padding-right:20px;max-width:1400px;margin:0 auto}.row.g-4{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem}.col-lg-6{padding-left:calc(var(--bs-gutter-x) * .5);padding-right:calc(var(--bs-gutter-x) * .5)}.editor-container-fullheight .simple-editor-content::-webkit-scrollbar,.prompt-result-content-fullheight::-webkit-scrollbar{width:8px}.editor-container-fullheight .simple-editor-content::-webkit-scrollbar-track,.prompt-result-content-fullheight::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.editor-container-fullheight .simple-editor-content::-webkit-scrollbar-thumb,.prompt-result-content-fullheight::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.editor-container-fullheight .simple-editor-content::-webkit-scrollbar-thumb:hover,.prompt-result-content-fullheight::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.result-placeholder{text-align:center;padding:48px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:2px dashed #cbd5e1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.prompt-result-content-fullheight .result-placeholder{flex:1}.prompt-result-content-fullheight .result-loading{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.prompt-result-content-fullheight .ai-result-display{flex:1;display:flex;flex-direction:column;height:100%}.ai-result-display .result-content{flex:1;overflow-y:auto}.placeholder-icon{width:80px;height:80px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 8px 25px rgba(139,92,246,.3)}.placeholder-icon i{font-size:32px;color:white}.result-placeholder h4{font-size:24px;font-weight:700;color:#1a202c;margin-bottom:12px}.result-placeholder p{font-size:16px;color:#6b7280;margin-bottom:32px;max-width:400px;margin-left:auto;margin-right:auto}.placeholder-features{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.feature-item{display:flex;align-items:center;color:#4b5563;font-weight:500;font-size:14px}.feature-item i{color:#10b981;margin-right:8px}.result-loading{text-align:center;padding:48px 24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;border:2px solid #bae6fd}.loading-spinner{width:60px;height:60px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 8px 25px rgba(14,165,233,.3)}.loading-spinner i{font-size:24px;color:white}.result-loading h4{font-size:20px;font-weight:700;color:#1a202c;margin-bottom:8px}.result-loading p{font-size:14px;color:#6b7280}.btn-run-prompt:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.ai-result-display{background:#f8fafc;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden}.result-meta{background:white;padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.result-info{display:flex;gap:24px;flex-wrap:wrap}.result-model,.result-time,.result-tokens{display:flex;align-items:center;font-size:14px;color:#6b7280;font-weight:500}.result-model i,.result-time i,.result-tokens i{color:#8b5cf6;margin-right:4px}.result-actions-small{display:flex;gap:8px}.btn-copy-result,.btn-regenerate{width:36px;height:36px;border-radius:8px;border:1px solid #e5e7eb;background:white;color:#6b7280;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-copy-result:hover,.btn-regenerate:hover{background:#8b5cf6;color:white;border-color:#8b5cf6;transform:translateY(-1px)}.result-content{padding:24px}.result-text{background:white;border-radius:12px;padding:24px;border:1px solid #e5e7eb;min-height:200px;font-family:Inter,system-ui,sans-serif;line-height:1.6;color:#374151}.result-footer{background:white;padding:20px 24px;border-top:1px solid #e5e7eb;justify-content:space-between}.result-footer,.result-rating{display:flex;align-items:center}.result-rating{gap:12px}.result-rating span{font-size:14px;color:#6b7280;font-weight:500}.rating-stars{display:flex;gap:4px}.rating-stars i{font-size:16px;color:#d1d5db;cursor:pointer;transition:color .2s ease}.rating-stars i.active,.rating-stars i:hover{color:#f59e0b}.btn-save-result{background:#10b981;color:white;border:none;border-radius:10px;padding:10px 20px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;font-size:14px}.btn-save-result:hover{background:#059669;transform:translateY(-1px)}@media (max-width:768px){.prompt-result-header{padding:20px 24px;flex-direction:column;gap:16px;text-align:center}.result-title{justify-content:center}.prompt-result-content{padding:24px 20px}.prompt-result-content-fullheight{height:auto;min-height:400px;padding:20px}.editor-container-fullheight{height:400px}.prompt-result-section.h-100{height:auto;min-height:400px;margin-bottom:24px}.result-placeholder{padding:32px 20px;height:auto;min-height:300px}.placeholder-features,.result-meta{flex-direction:column;gap:16px}.result-meta{padding:16px 20px;align-items:flex-start}.result-info{gap:16px}.result-footer{padding:16px 20px;flex-direction:column;gap:16px;align-items:flex-start}.category-icon{width:60px;height:60px;font-size:24px}.category-title{font-size:24px}.category-description{font-size:14px;max-width:none}.category-view-all{align-self:stretch;text-align:center;margin-top:16px}.search-section{padding:30px 0}.search-input-group{max-width:100%;border-radius:14px;height:56px}.search-input{padding:0 20px;font-size:15px}.search-button{padding:0 24px;font-size:14px;min-width:110px;border-radius:0 12px 12px 0}}@media (max-width:576px){.search-section{padding:25px 0}.search-input-group{margin:0 16px;border-radius:12px;height:52px}.search-input{padding:0 18px;font-size:15px}.search-button{padding:0 20px;font-size:14px;min-width:90px;border-radius:0 10px 10px 0}.search-button span{display:none}.search-button i{margin:0!important;font-size:16px}.filter-dropdown{min-width:100%;flex:1}.category-filter{padding:12px 16px;font-size:14px}}.prompt-card{background:white;border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid rgba(228,231,235,.8);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;cursor:pointer}.prompt-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.prompt-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15);border-color:rgba(102,126,234,.3)}.prompt-card:hover:before{transform:scaleX(1)}.prompt-card-header{margin-bottom:8px}.prompt-category-badge{background:linear-gradient(135deg,#667eea20,#764ba230);color:#667eea;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(102,126,234,.2)}.prompt-rating{display:flex;align-items:center;gap:4px}.rating-value{font-weight:700;color:#1f2937;font-size:14px}.rating-star{color:#fbbf24;font-size:12px}.prompt-card-body{flex:1;display:flex;flex-direction:column}.prompt-title{color:#111827;font-size:18px;font-weight:700;line-height:1.4;margin-bottom:12px;transition:color .2s ease}.prompt-card:hover .prompt-title{color:#667eea}.prompt-description{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:16px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.prompt-tags{display:flex;gap:8px;flex-wrap:wrap}.prompt-tag{background:#f3f4f6;color:#374151;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;transition:all .2s ease}.prompt-card:hover .prompt-tag{background:#e0e7ff;color:#4338ca}.prompt-meta{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.prompt-uses{color:#6b7280;font-size:13px;font-weight:500}.prompt-difficulty{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.difficulty-de{background:#dcfce7;color:#166534}.difficulty-trung-binh{background:#fef3c7;color:#92400e}.difficulty-kho{background:#fee2e2;color:#991b1b}.prompt-card-footer{margin-top:20px}.prompt-action-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.prompt-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.prompt-action-btn:hover:before{left:100%}.prompt-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4);background:linear-gradient(135deg,#5a67d8,#6b46c1);color:white!important}.prompt-action-btn:active{transform:translateY(0)}@media (max-width:768px){.prompt-card{padding:20px}.prompt-title{font-size:16px}.prompt-description{font-size:13px}}.categories-nav-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid rgba(226,232,240,.8);position:relative;overflow:hidden}.categories-nav-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent);animation:shimmer 3s infinite}.categories-grid{margin-top:32px}.category-nav-card{background:white;border-radius:16px;border:2px solid transparent;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-nav-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.category-nav-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15);border-color:rgba(102,126,234,.3)}.category-nav-card:hover:before{transform:scaleX(1)}.category-nav-content{transition:all .3s ease}.category-nav-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px rgba(0,0,0,.12)}.category-nav-card:hover .category-nav-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px rgba(0,0,0,.2)}.category-nav-title{color:#1a202c;font-weight:700;font-size:16px;transition:color .3s ease;margin-bottom:8px}.category-nav-card:hover .category-nav-title{color:#667eea}.category-nav-count{color:#6b7280;font-size:14px;font-weight:500}@media (max-width:768px){.categories-nav-section{padding:30px 0!important}.categories-grid{margin-top:24px}.category-nav-card{border-radius:12px}.category-nav-content{padding:20px!important}.category-nav-icon{width:50px;height:50px;font-size:20px;border-radius:12px}.category-nav-title{font-size:14px}.category-nav-count{font-size:13px}}@media (max-width:576px){.categories-nav-section{padding:25px 0!important}.category-nav-content{padding:16px!important}.category-nav-icon{width:45px;height:45px;font-size:18px;border-radius:10px;margin-bottom:12px!important}.category-nav-title{font-size:13px;margin-bottom:4px!important}.category-nav-count{font-size:12px}}