body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg-main:#f8fafc;--bg-card:#fff;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-hover:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8fafc;background-color:var(--bg-main);color:#1e293b;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.App{margin:0 auto;max-width:1200px;padding:40px 20px}header{margin-bottom:60px;text-align:center}header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:12px}header p{color:#64748b;color:var(--text-muted);font-size:1.1rem}.controls{align-items:center;display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.search-bar{max-width:500px;position:relative;width:100%}.search-bar svg{color:#64748b;color:var(--text-muted);left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-bar input{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;font-size:1rem;padding:12px 12px 12px 48px;transition:all .2s;width:100%}.search-bar input:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a;outline:none}.sort-container{align-items:center;display:flex;gap:12px}.sort-label{color:#64748b;color:var(--text-muted);font-size:.9rem;font-weight:600}.sort-container select{border-radius:8px;font-weight:600;padding:6px 12px}.refresh-btn,.retry-btn,.sort-container select{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);cursor:pointer}.refresh-btn,.retry-btn{align-items:center;border-radius:8px;color:#64748b;color:var(--text-muted);display:flex;justify-content:center;padding:6px;transition:all .2s}.refresh-btn:hover,.retry-btn:hover{border-color:#6366f1;border-color:var(--primary);color:#6366f1;color:var(--primary)}.retry-btn{font-weight:600;margin-top:16px;padding:8px 24px}.error-container{align-items:center;color:#64748b;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:300px}.spinning{animation:spin 1s linear infinite}.filter-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.filter-btn{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:9999px;color:#1e293b;color:var(--text-main);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 20px;transition:all .2s}.filter-btn:hover{color:#6366f1;color:var(--primary)}.filter-btn.active,.filter-btn:hover{border-color:#6366f1;border-color:var(--primary)}.filter-btn.active{background:#6366f1;background:var(--primary);color:#fff}.tool-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:60px}.tool-card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.fav-toggle{background:none;border:none;color:#e2e8f0;color:var(--border);cursor:pointer;position:absolute;right:16px;top:16px;transition:transform .2s;z-index:10}.fav-toggle:hover{transform:scale(1.2)}.fav-toggle.active{color:#ef4444}.tool-card:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card-header{gap:12px;margin-bottom:16px;padding-right:30px}.card-header,.category-icon{align-items:center;display:flex}.category-icon{border-radius:10px;height:40px;justify-content:center;width:40px}.tool-card h3{font-size:1.25rem;font-weight:700}.tool-card p{flex-grow:1;font-size:.95rem;margin-bottom:20px}.popularity-badge,.tool-card p{color:#64748b;color:var(--text-muted)}.popularity-badge{font-size:.8rem;font-weight:500;gap:4px;margin-bottom:12px}.card-footer,.popularity-badge{align-items:center;display:flex}.card-footer{justify-content:space-between;margin-top:auto}.badge{border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.025em;padding:4px 12px;text-transform:uppercase}.visit-link{align-items:center;color:#6366f1;color:var(--primary);display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;text-decoration:none;transition:color .2s}.visit-link:hover{color:#4f46e5;color:var(--primary-hover)}.text-bg{background:#e0e7ff;color:#4338ca}.image-bg{background:#fef3c7;color:#b45309}.video-bg{background:#dcfce7;color:#15803d}.code-bg{background:#f3e8ff;color:#7e22ce}.other-bg{background:#f1f5f9;color:#475569}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-top:4px solid #6366f1;border:4px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);margin-top:80px;padding-bottom:20px;padding-top:40px}.footer-content{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;margin-bottom:40px}.footer-section h4{font-size:1.1rem;margin-bottom:16px}.footer-section p{color:#64748b;color:var(--text-muted);max-width:300px}.social-links{display:flex;gap:16px}.social-links a{color:#64748b;color:var(--text-muted);transition:color .2s}.social-links a:hover{color:#6366f1;color:var(--primary)}.footer-bottom{color:#64748b;color:var(--text-muted);font-size:.9rem;text-align:center}.detail-page{margin:0 auto;max-width:800px;padding:40px 20px}.back-btn{align-items:center;background:none;border:none;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-weight:600;gap:8px;margin-bottom:30px;transition:color .2s}.back-btn:hover{color:#6366f1;color:var(--primary)}.detail-container{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow);padding:40px}.detail-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:20px}.detail-category-badge{border-radius:8px;display:inline-block;font-size:.8rem;font-weight:700;margin-bottom:12px;padding:4px 12px;text-transform:uppercase}.detail-header h1{font-size:2.5rem;margin-bottom:8px}.company-name{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-weight:500;gap:6px}.detail-fav-btn{background:#f8fafc;background:var(--bg-main);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;cursor:pointer;padding:12px;transition:all .2s}.detail-fav-btn:hover{background:#fee2e2;border-color:#fecaca}.detail-fav-btn.active{background:#fee2e2;border-color:#ef4444}.detail-content h2{font-size:1.5rem;margin-bottom:16px}.main-info section{margin-bottom:32px}.main-info p{color:#1e293b;color:var(--text-main);font-size:1.1rem;line-height:1.6}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.info-item{align-items:center;background:#f8fafc;background:var(--bg-main);border-radius:16px;display:flex;gap:16px;padding:20px}.info-item svg{color:#6366f1;color:var(--primary)}.info-item div{display:flex;flex-direction:column}.info-item strong{color:#64748b;color:var(--text-muted);font-size:.8rem;text-transform:uppercase}.info-item span{font-size:1rem;font-weight:600}.action-section{display:flex;justify-content:center}.primary-btn{align-items:center;background:#6366f1;background:var(--primary);border-radius:12px;color:#fff;display:flex;font-size:1.1rem;font-weight:700;gap:12px;padding:16px 32px;text-decoration:none;transition:background .2s}.primary-btn:hover{background:#4f46e5;background:var(--primary-hover)}.tool-card.clickable{cursor:pointer}.view-details{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:.85rem;font-weight:600;gap:6px}.chart-section{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;margin-bottom:32px;padding:24px}.section-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.section-header h2{font-size:1.25rem!important;margin-bottom:0!important}.chart-wrapper{height:250px;width:100%}.no-data{color:#64748b;color:var(--text-muted);font-style:italic;padding-top:100px;text-align:center}.language-selector{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--bg-card);background:#ffffffe6;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:99px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow);display:flex;gap:8px;padding:8px 16px;position:fixed;right:20px;top:20px;z-index:1000}.language-selector,.language-selector button{color:#64748b;color:var(--text-muted);font-size:.9rem;font-weight:700}.language-selector button{background:none;border:none;cursor:pointer;padding:4px;transition:color .2s}.language-selector button.active,.language-selector button:hover{color:#6366f1;color:var(--primary)}.language-selector span{color:#e2e8f0;color:var(--border)}
/*# sourceMappingURL=main.6cea0a34.css.map*/