.app[data-v-4f4accc1]{min-height:100vh;display:flex;flex-direction:column;background:#f8f9fa}.main[data-v-4f4accc1]{flex:1;padding:1rem;max-width:1400px;margin:0 auto;width:100%}.search-section[data-v-4f4accc1]{margin-bottom:1rem;display:flex;justify-content:center}.search-input-wrapper[data-v-4f4accc1]{position:relative;width:100%;max-width:600px}.search-input[data-v-4f4accc1]{width:100%;padding:1rem 1rem 1rem 3.5rem;border:1px solid #dee2e6;border-radius:30px;font-size:1rem;background:#fff;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.search-input[data-v-4f4accc1]:focus{outline:none;border-color:#667eea;box-shadow:0 2px 12px #667eea33}.search-icon[data-v-4f4accc1]{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);font-size:1.1rem;color:#6c757d}.category-section[data-v-4f4accc1]{margin-bottom:2rem}.category-buttons[data-v-4f4accc1]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.category-btn[data-v-4f4accc1]{background:#fff;border:1px solid #dee2e6;border-radius:25px;padding:.7rem 1.5rem;color:#495057;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500}.category-btn[data-v-4f4accc1]:hover{border-color:#667eea;background-color:#667eea0d;color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.category-btn.active[data-v-4f4accc1]{background:#667eea;border-color:#667eea;color:#fff;box-shadow:0 2px 8px #667eea4d}.tools-container[data-v-4f4accc1]{margin-top:.5rem}.tools-stats[data-v-4f4accc1]{margin-bottom:1rem;text-align:center}.stats-text[data-v-4f4accc1]{color:#fff;font-size:1.1rem;font-weight:600}.category-badge[data-v-4f4accc1],.search-badge[data-v-4f4accc1]{background:#fff3;border-radius:15px;padding:.3rem .8rem;margin-left:.5rem;font-size:.9rem}.no-results[data-v-4f4accc1]{text-align:center;padding:3rem 2rem;background:#fffffff2;border-radius:20px;margin-bottom:2rem}.no-results-icon[data-v-4f4accc1]{font-size:4rem;margin-bottom:1rem;opacity:.7}.no-results h3[data-v-4f4accc1]{color:#2c3e50;margin:0 0 .5rem}.no-results p[data-v-4f4accc1]{color:#5a6c7d;margin:0 0 1.5rem}.clear-filters-btn[data-v-4f4accc1]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;padding:.8rem 2rem;font-weight:600;cursor:pointer;transition:all .3s ease}.clear-filters-btn[data-v-4f4accc1]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.tools-grid[data-v-4f4accc1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.tool-card[data-v-4f4accc1]{background:#fffffff2;border-radius:20px;padding:0;color:#2c3e50;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;display:block;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.2)}.tool-card[data-v-4f4accc1]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.tool-card[data-v-4f4accc1]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a;background:#fff}.tool-card[data-v-4f4accc1]:hover:before{opacity:1}.card-header[data-v-4f4accc1]{position:relative;padding:1.5rem 1.5rem .5rem}.gradient-bar[data-v-4f4accc1]{position:absolute;top:0;left:0;right:0;height:6px;border-radius:3px 3px 0 0}.tool-category[data-v-4f4accc1]{position:absolute;top:1rem;right:1rem;background:#ffffffe6;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600;color:#5a6c7d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gradient-json[data-v-4f4accc1]{background:linear-gradient(90deg,#667eea,#764ba2)}.gradient-base64[data-v-4f4accc1]{background:linear-gradient(90deg,#f093fb,#f5576c)}.gradient-timestamp[data-v-4f4accc1]{background:linear-gradient(90deg,#4facfe,#00f2fe)}.gradient-color[data-v-4f4accc1]{background:linear-gradient(90deg,#43e97b,#38f9d7)}.gradient-qrcode[data-v-4f4accc1]{background:linear-gradient(90deg,#fa709a,#fee140)}.gradient-password[data-v-4f4accc1]{background:linear-gradient(90deg,#a8edea,#fed6e3)}.gradient-birthday[data-v-4f4accc1]{background:linear-gradient(90deg,#ffecd2,#fcb69f)}.tool-icon[data-v-4f4accc1]{font-size:2.5rem;margin-bottom:.8rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .3s ease}.tool-card:hover .tool-icon[data-v-4f4accc1]{transform:scale(1.1) translateY(-2px)}.tool-card h3[data-v-4f4accc1]{margin:0 0 .4rem;font-size:1.2rem;font-weight:700;color:#2c3e50;padding:0 1.5rem}.tool-card p[data-v-4f4accc1]{margin:0;opacity:.8;line-height:1.5;color:#5a6c7d;padding:0 1.5rem 1.5rem;font-size:.9rem}@media(max-width:768px){.filter-buttons[data-v-4f4accc1]{gap:.5rem}.filter-btn[data-v-4f4accc1]{padding:.6rem 1rem;font-size:.9rem}.tools-grid[data-v-4f4accc1]{grid-template-columns:1fr;gap:1.5rem}.tool-card[data-v-4f4accc1]{margin:0 .5rem}.card-header[data-v-4f4accc1]{padding:1.5rem 1.5rem 1rem}.tool-card h3[data-v-4f4accc1],.tool-card p[data-v-4f4accc1]{padding-left:1.5rem;padding-right:1.5rem}.tool-icon[data-v-4f4accc1]{font-size:3rem}}@media(max-width:480px){.main[data-v-4f4accc1]{padding:1rem .5rem}.filter-section[data-v-4f4accc1]{padding:1.5rem}.tools-grid[data-v-4f4accc1]{gap:1rem}.card-header[data-v-4f4accc1]{padding:1rem 1rem .5rem}.tool-card h3[data-v-4f4accc1],.tool-card p[data-v-4f4accc1]{padding-left:1rem;padding-right:1rem}.tool-card p[data-v-4f4accc1]{padding-bottom:1rem}}