.stats-bar{display:flex;gap:24px;justify-content:center;margin-bottom:24px;padding:16px;background:linear-gradient(135deg, var(--gray-50), #fff);border-radius:60px;border:1px solid var(--gray-200)}.stat-item{display:flex;align-items:center;gap:8px;font-size:0.9rem;color:var(--gray-600)}.stat-item i{color:var(--primary-color);font-size:1rem}.stat-item span{font-weight:700;color:var(--primary-color)}.category-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--gray-200)}.cat-tab{background:var(--gray-100);border:none;padding:8px 20px;border-radius:40px;font-size:0.85rem;font-weight:500;cursor:pointer;transition:all 0.2s;color:var(--gray-600)}.cat-tab:hover{background:var(--gray-200);transform:translateY(-1px)}.cat-tab.active{background:var(--primary-color);color:white;box-shadow:0 4px 12px rgba(59,130,246,0.3)}.search-bar{margin-bottom:24px}.search-input-wrapper{position:relative;max-width:400px}.search-input-wrapper i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-400)}.search-input{width:100%;padding:12px 16px 12px 45px;border:1px solid var(--gray-300);border-radius:50px;font-size:0.9rem;transition:all 0.2s}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.clear-search{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:var(--gray-400);padding:4px}.content-table-wrapper{border-radius:16px;overflow-x:auto;border:1px solid var(--gray-200);background:white}.content-table{width:100%;border-collapse:collapse;font-size:0.85rem}.content-table th{padding:14px 16px;text-align:left;background:linear-gradient(135deg, var(--gray-50), #fafafa);font-weight:600;color:var(--gray-700);border-bottom:1px solid var(--gray-200);position:sticky;top:0}.content-table td{padding:12px 16px;border-bottom:1px solid var(--gray-100);color:var(--gray-600)}.content-table tr{cursor:pointer;transition:all 0.2s}.content-table tr:hover{background:var(--gray-50)}.content-table tr:active{background:#e0e7ff}.mime-type{font-family:'Fira Code',monospace;font-size:0.8rem;font-weight:500;color:var(--primary-color)}.file-ext{font-family:monospace;font-size:0.8rem}.badge-cat{display:inline-block;padding:2px 10px;border-radius:20px;font-size:0.7rem;font-weight:500}.badge-application{background:#e0e7ff;color:#3730a3}.badge-text{background:#d1fae5;color:#065f46}.badge-image{background:#fef3c7;color:#92400e}.badge-audio{background:#fed7aa;color:#9a3412}.badge-video{background:#e0f2fe;color:#0369a1}.badge-multipart{background:#e9d5ff;color:#6b21a5}.badge-font{background:#cffafe;color:#0e7490}.badge-message{background:#fce7f3;color:#be185d}.no-results{text-align:center;padding:60px 20px;color:var(--gray-400)}.no-results i{font-size:48px;margin-bottom:16px}.no-results p{font-size:1rem;margin-bottom:8px}.info-section{margin-top:24px}.info-content{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fef3c7;border-radius:12px;color:#92400e;font-size:0.85rem}.info-content i{font-size:1rem}.copy-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--gray-800);color:white;padding:10px 24px;border-radius:40px;font-size:0.85rem;z-index:1000;animation:fadeInUp 0.3s ease}@keyframes fadeInUp{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.category-tabs{gap:8px}.cat-tab{padding:6px 14px;font-size:0.75rem}.stats-bar{gap:16px;flex-wrap:wrap}.content-table th,.content-table td{padding:10px 12px}.content-table td:nth-child(3),.content-table th:nth-child(3){display:none}}