:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#020617;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}body{background:radial-gradient(circle at 100% 0,#0f172a,#020617);flex-direction:column;min-height:100vh;margin:0;display:flex}#root{width:100%}.app-container{min-height:100vh}.card{-webkit-backdrop-filter:blur(20px);background:#1e293b80;border:1px solid #ffffff0d;border-radius:24px;box-shadow:0 25px 50px -12px #00000080}button{cursor:pointer;border:none;border-radius:12px;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}button.primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 4px 12px #2563eb4d}button.primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #2563eb66}button.secondary{color:#f8fafc;background:#ffffff0d;border:1px solid #ffffff1a}button.secondary:hover{background:#ffffff1a;border-color:#fff3}button.danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}button.danger:hover{background:#ef444433}.login-page{justify-content:center;align-items:center;height:100vh;padding:1.5rem;display:flex}.login-card{text-align:center;width:100%;max-width:440px;padding:3.5rem}.subtitle{color:#94a3b8;margin-top:.5rem;margin-bottom:3rem;font-size:1.1rem}.login-form{text-align:left;flex-direction:column;gap:1.5rem;display:flex}.input-group label{color:#94a3b8;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}input{color:#fff;box-sizing:border-box;background:#0f172a;border:1px solid #1e293b;border-radius:12px;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.dashboard-page{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.main-card{padding:2.5rem}.upload-zone{text-align:center;cursor:pointer;background:#0f172a4d;border:2px dashed #1e293b;border-radius:20px;padding:4rem;transition:all .3s}.upload-zone:hover{background:#0f172a80;border-color:#3b82f6}.upload-zone.dragging{background:#5eead40d;border-color:#5eead4;transform:scale(1.01)}.upload-icon{margin-bottom:1.5rem;font-size:3.5rem}.upload-hint{color:#64748b;margin-top:.5rem}.file-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.file-card{background:#0f172a;border:1px solid #1e293b;border-radius:20px;transition:transform .2s;overflow:hidden}.file-card:hover{border-color:#3b82f6;transform:translateY(-4px)}.file-preview{background-color:#1e293b;background-position:50%;background-size:cover;height:160px}.file-icon-placeholder{color:#3b82f6;background:#1e293b;justify-content:center;align-items:center;height:160px;font-size:3rem;display:flex}.file-details{padding:1.25rem}.file-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.file-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:1rem;font-weight:700;overflow:hidden}.file-size{color:#64748b;font-size:.8rem;font-weight:600}.file-actions{gap:.75rem;display:flex}.empty-state{text-align:center;color:#64748b;grid-column:1/-1;padding:6rem 2rem}.empty-icon{opacity:.3;margin-bottom:1.5rem;font-size:4rem}.mb-8{margin-bottom:2rem}@media (width<=640px){.dashboard-page{padding:1rem}.main-card{padding:1.5rem}.upload-zone{padding:2.5rem}}