@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color: #0a0a0c;--card-bg: rgba(255, 255, 255, .04);--text-color: #f1f1f1;--text-muted: #94a3b8;--accent-color: #22d3ee;--accent-glow: rgba(34, 211, 238, .3);--error-color: #ef4444;--font-family: "Inter", system-ui, -apple-system, sans-serif;--radius-lg: 16px;--radius-md: 12px}body{margin:0;padding:0;background-color:var(--bg-color);background-image:radial-gradient(circle at 20% 20%,rgba(34,211,238,.05) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.05) 0%,transparent 40%);color:var(--text-color);font-family:var(--font-family);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow-x:hidden}#root{width:100%;display:flex;justify-content:center;align-items:center;padding:2rem;box-sizing:border-box}input,button{font-family:inherit;border:none;outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}}.fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.pulse{animation:pulse 2s infinite ease-in-out}.glass-panel{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:0 10px 40px -10px #00000080,inset 0 1px 1px #ffffff1a}.btn{background:var(--accent-color);color:#0f172a;font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.btn:hover:not(:disabled){box-shadow:0 0 20px var(--accent-glow);transform:translateY(-2px);filter:brightness(1.1)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:#ef44441a;color:var(--error-color);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover:not(:disabled){background:#ef444433;box-shadow:0 0 15px #ef444426}.login-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:#fff;font-size:1rem;width:100%;padding:.75rem 1rem;transition:all .3s;box-sizing:border-box}.login-input:focus{border-color:var(--accent-color);background:#ffffff14;box-shadow:0 0 0 4px var(--accent-glow)}.drop-zone{border:2px dashed rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;transition:all .3s;cursor:pointer;background:#ffffff05}.drop-zone:hover{border-color:#ffffff4d;background:#ffffff0a}.drop-zone.dragging{border-color:var(--accent-color);background:#22d3ee0d;transform:scale(1.01)}.file-item{transition:all .2s;display:flex;justify-content:space-between;align-items:center}.file-item:hover{background:#ffffff0f!important;transform:translate(4px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}