body{color:#fff;background:#000;margin:0;font-family:sans-serif}#app{justify-content:center;align-items:center;height:100vh;display:flex}.container{width:100%;max-width:450px;padding:20px}.auth-box,.list,.shared-box{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:4px;padding:25px}.title{text-align:center;letter-spacing:2px;color:#444;margin-bottom:20px;font-size:14px}.form{flex-direction:column;gap:10px;display:flex}.input{color:#fff;background:#000;border:1px solid #222;outline:none;padding:12px}.btn-main{color:#000;cursor:pointer;background:#fff;border:none;margin-top:10px;padding:12px;font-weight:700;transition:all .2s}.btn-main:hover:not(:disabled){background:#ccc}.btn-main:disabled{opacity:.5}.text-center{text-align:center}.dropzone{text-align:center;cursor:pointer;color:#555;border:2px dashed #222;padding:40px;transition:all .3s}.dropzone.active,.dropzone:hover{color:#888;border-color:#444}.hidden{display:none}.header{color:#444;justify-content:space-between;margin-bottom:15px;font-size:12px;display:flex}.btn-logout{color:#444;cursor:pointer;background:0 0;border:none}.item{color:#aaa;justify-content:space-between;padding:5px 0;font-size:13px;display:flex}.result{gap:5px;margin-top:20px;display:flex}.btn-copy{color:#fff;cursor:pointer;background:#222;border:none;padding:0 15px}.loader{border:2px solid #111;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin:0 auto 10px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.file-list{flex-direction:column;gap:8px;display:flex}.file-link{color:#ddd;background:#111;border:1px solid #222;border-radius:4px;justify-content:space-between;padding:12px;text-decoration:none;transition:all .2s;display:flex}.file-link:hover{background:#1a1a1a;border-color:#333}.file-name{text-overflow:ellipsis;white-space:nowrap;max-width:70%;overflow:hidden}.file-size{color:#666;font-size:12px}