:root{--bg-color: #0d0d0f;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08);--accent-primary: #6366f1;--accent-secondary: #a855f7;--text-main: #ffffff;--text-muted: #94a3b8;--glass-blur: 16px;--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}.background-blobs{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;filter:blur(80px)}.blob{position:absolute;width:40vw;height:40vw;border-radius:50%;opacity:.15;animation:move 20s infinite alternate}.blob-1{background:var(--accent-primary);top:-10%;left:-10%}.blob-2{background:var(--accent-secondary);bottom:-10%;right:-10%;animation-delay:-5s}.blob-3{background:#3b82f6;top:40%;left:30%;width:20vw;height:20vw;animation-duration:25s}@keyframes move{0%{transform:translate(0) scale(1)}to{transform:translate(100px,50px) scale(1.1)}}.app-container{width:100%;max-width:600px;padding:2rem;z-index:10}.header{text-align:center;margin-bottom:3rem}.logo{font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.kool{color:var(--text-main)}.clean{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--text-muted);font-size:1.1rem;font-weight:300}.glass-card{background:var(--card-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--card-border);border-radius:24px;padding:2.5rem;transition:var(--transition-smooth);box-shadow:0 25px 50px -12px #00000080}.upload-section{cursor:pointer}.upload-card:hover{border-color:#6366f180;transform:translateY(-4px);background:#ffffff0d}.upload-card.drag-over{border-color:var(--accent-primary);background:#6366f11a;transform:scale(1.02)}.upload-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.icon-container{width:100px;height:100px;background:#ffffff08;border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--accent-primary);border:1px solid var(--card-border);transition:var(--transition-smooth)}.upload-card:hover .icon-container{transform:scale(1.1);background:#6366f11a;color:var(--text-main)}.upload-content h3{font-size:1.5rem;font-weight:600}.upload-content p{color:var(--text-muted)}.badge{background:#22c55e1a;color:#4ade80;padding:.4rem 1rem;border-radius:100px;font-size:.8rem;font-weight:600;border:1px solid rgba(34,197,94,.2)}.status-section{margin-top:2rem}.status-card{display:flex;flex-direction:column;gap:1.5rem}.processing-header{display:flex;justify-content:space-between;align-items:center}.filename{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.status-badge{color:var(--accent-primary);font-size:.9rem;font-weight:600}.progress-container{display:flex;flex-direction:column;gap:.75rem}.progress-bar{height:8px;background:#ffffff0d;border-radius:100px;overflow:hidden}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transition:width .3s ease;border-radius:100px}.progress-details{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.85rem}.actions{display:flex;gap:1rem;margin-top:1rem}.btn{flex:1;padding:1rem;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit}.btn-primary{background:var(--text-main);color:#000;border:none}.btn-primary:hover{background:#f8fafc;transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--text-main);border:1px solid var(--card-border)}.btn-secondary:hover{background:#ffffff0d}.login-card{max-width:400px;margin:0 auto}.login-form{display:flex;flex-direction:column;gap:1.2rem;margin-top:1rem}.input-group input{width:100%;padding:1rem;background:#ffffff0d;border:1px solid var(--card-border);border-radius:12px;color:var(--text-main);font-family:inherit;font-size:1rem;outline:none;transition:var(--transition-smooth)}.input-group input:focus{border-color:var(--accent-primary);background:#ffffff14}.sweep{background:linear-gradient(135deg,#4ade80,#3b82f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-info{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.logout-link{background:#ffffff0d;border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;border-radius:100px;transition:var(--transition-smooth);text-decoration:none}.logout-link:hover{background:#ffffff1a;color:var(--text-main);border-color:#fff3}.login-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;z-index:100;box-shadow:0 0 0 100vmax #000c}.hidden{display:none!important}.footer{margin-top:4rem;text-align:center;color:var(--text-muted);font-size:.85rem;opacity:.6}@media (max-width: 640px){.app-container{padding:1rem}.logo{font-size:2.2rem}.actions{flex-direction:column}}