@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-gradient-start:#0f172a;--bg-gradient-end:#1e1b4b;--card-bg:#ffffff0d;--card-border:#ffffff1a;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#8b5cf6;--accent-hover:#a78bfa}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--bg-gradient-start), var(--bg-gradient-end));color:var(--text-main);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow-x:hidden}.app-container{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:24px;flex-direction:column;gap:24px;width:90%;max-width:600px;padding:40px;animation:.8s ease-out forwards fadeIn;display:flex;box-shadow:0 25px 50px -12px #00000080}h1{text-align:center;background:linear-gradient(90deg,#e2e8f0,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2rem;font-weight:700}p.subtitle{text-align:center;color:var(--text-muted);margin-bottom:20px;font-size:.95rem}.upload-area{text-align:center;cursor:pointer;border:2px dashed #fff3;border-radius:16px;padding:40px 20px;transition:all .3s;position:relative;overflow:hidden}.upload-area:hover,.upload-area.drag-active{border-color:var(--accent);background:#8b5cf61a}.upload-area input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.upload-icon{color:var(--accent);margin-bottom:12px;font-size:3rem}.upload-text{font-size:1.1rem;font-weight:500}.status-section{flex-direction:column;gap:12px;margin-top:10px;display:flex}.progress-info{color:var(--text-muted);justify-content:space-between;font-size:.9rem;font-weight:500;display:flex}.progress-bar-bg{background:#ffffff1a;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#8b5cf6,#c084fc);border-radius:4px;height:100%;transition:width .4s}.primary-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;width:100%;padding:14px 20px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px -10px #8b5cf6cc}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.success-btn{background:linear-gradient(135deg,#10b981,#34d399)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.loading-text{animation:1.5s infinite pulse;display:inline-block}