.app-container{max-width:1400px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;gap:40px}.header{text-align:center;margin-bottom:20px}.logo{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.logo-img{height:48px;width:auto;object-fit:contain}.logo h1{font-size:2.5rem;letter-spacing:-1px}.logo h1 span{color:var(--primary);font-weight:800}.subtitle{color:var(--text-muted);font-size:1.1rem}.upload-section{padding:60px;text-align:center;display:flex;justify-content:center;align-items:center;min-height:400px}.upload-dropzone{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:16px;transition:transform .3s ease}.upload-dropzone:hover{transform:scale(1.02)}.upload-icon{color:var(--primary);margin-bottom:8px}.mt-4{margin-top:1rem}.table-view{display:flex;flex-direction:column;overflow:hidden;max-height:85vh}.table-controls{padding:20px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;gap:20px;flex-wrap:wrap}.file-info{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.9rem}.file-name{color:var(--text-main);font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{background:rgba(16,185,129,.1);color:var(--accent);padding:2px 8px;border-radius:99px;font-size:.75rem;font-weight:600}.source-badge{background:rgba(99,102,241,.1);color:var(--primary)}.search-box{position:relative;flex:1;min-width:250px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-box input{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:8px;padding:10px 12px 10px 40px;color:var(--text-main);outline:none;transition:all .2s ease}.search-box input:focus{border-color:var(--primary);background:rgba(255,255,255,.08);box-shadow:0 0 0 4px #6366f11a}.pagination-top{display:flex;align-items:center;gap:12px}.page-info{font-size:.9rem;color:var(--text-muted)}.page-info strong{color:var(--text-main)}.table-wrapper{overflow:auto;flex:1;background:rgba(0,0,0,.2)}table{width:100%;border-collapse:collapse;font-size:.9rem;text-align:left}th{position:sticky;top:0;background:#1e1b4b;padding:12px 16px;font-weight:600;color:var(--text-muted);border-bottom:2px solid var(--glass-border);white-space:nowrap;z-index:10}td{padding:10px 16px;border-bottom:1px solid var(--glass-border);color:var(--text-main);max-width:400px;min-width:150px}.cell-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;line-height:1.4}.object-cell{color:var(--primary);font-family:Monaco,Consolas,monospace;font-size:.75rem;opacity:.8}tr:hover td{background:rgba(255,255,255,.04)}.empty-state{text-align:center;padding:60px;color:var(--text-muted);font-size:1.1rem}.table-footer{padding:16px 20px;border-top:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.1);flex-wrap:wrap;gap:16px}.footer-stats{font-size:.85rem;color:var(--text-muted)}.pagination-bottom{display:flex;gap:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-slide-up{animation:slideUp .6s ease-out forwards}.app-footer{text-align:center;padding:20px;margin-top:40px;border-top:1px solid var(--glass-border);color:var(--text-muted);font-size:.9rem}.app-footer a{color:var(--primary);text-decoration:none;font-weight:600;transition:color .2s ease}.app-footer a:hover{color:var(--primary-hover);text-decoration:underline}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:16px;color:var(--text-muted)}.loader{width:48px;height:48px;border:4px solid var(--glass-border);border-bottom-color:var(--primary);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.table-controls{flex-direction:column;align-items:stretch}.pagination-top,.pagination-bottom,.table-footer{justify-content:center}}:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-muted: #94a3b8;--accent: #10b981;--card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);font-family:Inter,system-ui,-apple-system,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-gradient);color:var(--text-main);min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}h1,h2,h3{font-family:Outfit,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.02)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--card-shadow)}.btn-primary{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.btn-secondary{background:transparent;color:var(--text-main);border:1px solid var(--glass-border);padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-secondary:hover{background:rgba(255,255,255,.05);border-color:#ffffff4d}.btn-secondary:disabled{opacity:.3;cursor:not-allowed}