:root{--bg-dark:#090b16;--bg-medium:#111426;--glass-bg:#121629a6;--glass-border:#ffffff14;--glass-glow:#8b5cf626;--primary-gradient:linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);--hover-gradient:linear-gradient(135deg, #a78bfa 0%, #60a5fa 100%);--danger-gradient:linear-gradient(135deg, #f87171 0%, #ef4444 100%);--success-gradient:linear-gradient(135deg, #34d399 0%, #10b981 100%);--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--font-family:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--border-radius:16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-primary);flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}#app{flex-direction:column;width:100%;height:100vh;display:flex}.bg-blob{filter:blur(120px);z-index:-1;opacity:.4;pointer-events:none;border-radius:50%;position:absolute}.blob-1{background:#8b5cf6;width:400px;height:400px;animation:20s ease-in-out infinite float;top:-100px;left:-100px}.blob-2{background:#3b82f6;width:500px;height:500px;animation:25s ease-in-out infinite alternate float;bottom:-150px;right:-100px}.blob-3{background:#ec4899;width:300px;height:300px;animation:18s ease-in-out infinite float;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-50px)scale(1.1)}to{transform:translate(0)scale(1)}}#app-container{z-index:10;flex:1;justify-content:center;align-items:stretch;width:100%;max-width:100%;margin:0 auto;padding:2rem;display:flex}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);border-radius:var(--border-radius);transition:var(--transition-smooth);box-shadow:0 8px 32px #0000005e,inset 0 0 0 1px #ffffff0d}.glass-card:hover{box-shadow:0 12px 40px 0 #00000080, 0 0 20px 0 var(--glass-glow);border-color:#ffffff1f}.fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}#login-container{width:100%;max-width:420px;padding:2.5rem}.login-header{text-align:center;margin-bottom:2rem}.logo-icon{background:var(--primary-gradient);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;font-size:1.8rem;display:flex;box-shadow:0 8px 20px #8b5cf64d}.login-header h1{letter-spacing:-.5px;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.login-header p{color:var(--text-secondary);font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.password-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);position:absolute;left:1rem}.password-wrapper input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);transition:var(--transition-smooth);background:#ffffff0d;border-radius:12px;padding:.85rem 3rem .85rem 2.8rem;font-family:inherit;font-size:1rem}.password-wrapper input:focus{background:#ffffff14;border-color:#8b5cf6;outline:none;box-shadow:0 0 10px #8b5cf633}.password-toggle-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:.2rem;position:absolute;right:1rem}.password-toggle-btn:hover{color:var(--text-primary)}.error-msg{color:#f87171;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1.2rem;padding:.75rem 1rem;font-size:.85rem;animation:.3s ease-in-out shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.btn{cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px #8b5cf633}.btn-primary:hover{background:var(--hover-gradient);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf64d}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--glass-border);color:var(--text-primary);background:#ffffff14}.btn-secondary:hover{background:#ffffff26;border-color:#fff3}.btn-block{width:100%}#dashboard-container{flex-direction:column;flex:1;gap:2rem;width:100%;padding:2rem;display:flex}.dash-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.brand{align-items:center;gap:1rem;display:flex}.logo-small{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.2rem}.brand h2{letter-spacing:-.3px;font-size:1.4rem;font-weight:700}.status-badge{color:#34d399;background:#10b9811f;border:1px solid #10b98133;border-radius:20px;align-items:center;gap:.4rem;margin-top:.2rem;padding:.2rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.pulse-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(.9)}50%{opacity:.5;transform:scale(1.4)}to{opacity:1;transform:scale(.9)}}.dash-content{flex:1;grid-template-columns:380px 1fr;gap:2rem;min-height:0;display:grid}@media (width<=900px){.dash-content{grid-template-columns:1fr}}.upload-section{flex-direction:column;gap:1.2rem;height:100%;display:flex}.upload-section h3,.files-section h3{color:var(--text-primary);font-size:1.1rem;font-weight:600}.drag-drop-zone{text-align:center;cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border:2px dashed #ffffff26;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex;position:relative;overflow:hidden}.drag-drop-zone:hover,.drag-drop-zone.dragover{background:#8b5cf60d;border-color:#8b5cf6;box-shadow:inset 0 0 15px #8b5cf61a}.file-hidden-input{display:none}.upload-icon-wrapper{width:60px;height:60px;color:var(--text-secondary);transition:var(--transition-smooth);background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.6rem;display:flex}.drag-drop-zone:hover .upload-icon-wrapper,.drag-drop-zone.dragover .upload-icon-wrapper{background:var(--primary-gradient);color:#fff;transform:translateY(-5px);box-shadow:0 4px 12px #8b5cf640}.animate-bounce{animation:2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.drop-text-primary{margin-bottom:.4rem;font-size:.95rem;font-weight:500}.drop-text-primary span{color:#60a5fa;font-weight:600;text-decoration:underline}.drop-text-secondary{color:var(--text-muted);font-size:.8rem}.progress-card{border:1px solid var(--glass-border);background:#ffffff08;border-radius:12px;flex-direction:column;gap:.6rem;padding:1rem;display:flex}.progress-details{justify-content:space-between;font-size:.85rem;display:flex}.file-name-progress{white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-weight:500;overflow:hidden}.progress-percentage{color:#60a5fa;font-weight:700}.progress-bar-bg{background:#ffffff14;border-radius:4px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:var(--primary-gradient);border-radius:4px;width:0%;height:100%;transition:width .1s;box-shadow:0 0 8px #8b5cf680}.progress-speed-info{color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.files-section{flex-direction:column;gap:1.2rem;height:100%;min-height:0;display:flex}.files-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.search-wrapper{align-items:center;width:100%;max-width:280px;display:flex;position:relative}.search-icon{color:var(--text-muted);font-size:.85rem;position:absolute;left:.85rem}.search-wrapper input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);transition:var(--transition-smooth);background:#ffffff0a;border-radius:8px;padding:.55rem 1rem .55rem 2.2rem;font-family:inherit;font-size:.85rem}.search-wrapper input:focus{background:#ffffff14;border-color:#3b82f6;outline:none}.file-list-wrapper{border:1px solid var(--glass-border);background:#00000026;border-radius:12px;flex:1;min-height:0;position:relative;overflow-y:auto}.file-list-wrapper::-webkit-scrollbar{width:6px}.file-list-wrapper::-webkit-scrollbar-track{background:0 0}.file-list-wrapper::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.file-list-wrapper::-webkit-scrollbar-thumb:hover{background:#fff3}.list-loading,.list-empty{text-align:center;color:var(--text-secondary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.list-loading i{color:#3b82f6;margin-bottom:.8rem;font-size:2rem}.list-empty i{color:var(--text-muted);margin-bottom:.8rem;font-size:3rem}.list-empty h4{color:var(--text-primary);margin-bottom:.2rem;font-size:1rem;font-weight:600}.list-empty p{color:var(--text-muted);font-size:.8rem}.file-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.file-table th{color:var(--text-secondary);border-bottom:1px solid var(--glass-border);z-index:5;background:#0000001a;padding:1rem;font-weight:600;position:sticky;top:0}.file-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:.85rem 1rem}.file-table tbody tr{transition:var(--transition-smooth)}.file-table tbody tr:hover{background:#ffffff05}.file-info{align-items:center;gap:.75rem;display:flex}.file-icon{text-align:center;width:24px;font-size:1.25rem}.file-icon.img{color:#ec4899}.file-icon.zip{color:#f59e0b}.file-icon.pdf{color:#ef4444}.file-icon.doc{color:#3b82f6}.file-icon.txt{color:#10b981}.file-icon.default{color:#9ca3af}.file-name-cell{color:var(--text-primary);word-break:break-word;font-weight:500}.actions-col{text-align:right;width:140px}.action-btn-group{gap:.4rem;display:inline-flex}.action-btn{border:1px solid var(--glass-border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.action-btn:hover{transform:scale(1.05)}.btn-download:hover{background:var(--success-gradient);color:#fff;border-color:#0000;box-shadow:0 0 10px #10b9814d}.btn-delete:hover{background:var(--danger-gradient);color:#fff;border-color:#0000;box-shadow:0 0 10px #ef44444d}.btn-share:hover{background:var(--primary-gradient);color:#fff;border-color:#0000;box-shadow:0 0 10px #8b5cf64d}.footer{text-align:center;color:var(--text-muted);z-index:10;border-top:1px solid #ffffff08;margin-top:auto;padding:1.5rem;font-size:.75rem}