:root{font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;color:#183047;background:#edf3f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,#d5eee6,transparent 35%),linear-gradient(145deg,#f7faf8,#e5eef3)}.shell{width:min(900px,100%);margin:auto;padding:28px 18px 60px}header{display:flex;align-items:center;gap:14px;margin-bottom:24px}h1,h2,p{margin-top:0}header h1{margin:0;font-size:1.45rem}header p{margin:3px 0 0;color:#637584}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#0e6b64;color:white;font-weight:800;font-size:1.5rem;box-shadow:0 8px 22px #0e6b6430}.card,.toolbar,.drop-zone,.file-list,.empty{background:#fff;border:1px solid #dce6e9;border-radius:18px;box-shadow:0 8px 28px #1733490d}.card{max-width:570px;margin:50px auto;padding:28px}.card p{color:#657783;line-height:1.8}form{display:grid;gap:16px}label{font-size:.92rem;font-weight:650;display:grid;gap:7px}input{width:100%;border:1px solid #cbd9de;border-radius:11px;padding:13px;font:inherit;direction:ltr}input:focus{outline:3px solid #61b9ad40;border-color:#16877d}button{border:0;border-radius:11px;padding:12px 18px;background:#0e746b;color:#fff;font:inherit;font-weight:700;cursor:pointer}button:hover{background:#095f58}.secondary{background:#e9f0f2;color:#334c5d}.secondary:hover{background:#dce7ea}.toolbar{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:15px}.toolbar small{color:#72838e}.breadcrumbs{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.breadcrumbs button{padding:0;background:none;color:#0b7169}.breadcrumbs span{color:#8b9aa2}.drop-zone{position:relative;text-align:center;margin:16px 0;padding:25px;border:2px dashed #9bc8c1;background:#f8fcfb;display:grid;justify-items:center;gap:6px}.drop-zone.drag{background:#e2f5f1;border-color:#0e746b}.drop-zone span{color:#70828d;font-size:.9rem}.drop-zone input{display:none}.drop-zone button{margin-top:7px}.progress{margin:16px 0;color:#49606f}.progress>div{height:8px;background:#dce7e9;border-radius:8px;overflow:hidden;margin-top:8px}.progress i{display:block;width:0;height:100%;background:#0e746b;transition:width .2s}.list-head{display:flex;align-items:center;justify-content:space-between}.list-head h2{margin:8px 0 12px}.icon-button{font-size:1.4rem;padding:4px 12px;background:transparent;color:#0e746b}.file-list{overflow:hidden}.file-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px 16px;border-bottom:1px solid #e6edef}.file-row:last-child{border:0}.file-row:hover{background:#f8fbfb}.file-icon{width:42px;height:42px;border-radius:12px;background:#e8f3f1;display:grid;place-items:center;font-size:1.25rem}.file-name{font-weight:680;word-break:break-word}.file-meta{color:#778891;font-size:.8rem;margin-top:3px;direction:ltr;text-align:right}.actions{display:flex;gap:6px}.actions a,.open-folder{display:inline-block;text-decoration:none;border:0;border-radius:9px;padding:8px 11px;background:#edf3f4;color:#1f5360;font-weight:650;cursor:pointer;font:inherit}.empty{text-align:center;color:#7b8b94;padding:45px}.message{position:fixed;bottom:20px;right:20px;left:20px;max-width:600px;margin:auto;padding:14px 18px;border-radius:12px;background:#8b2d34;color:white;box-shadow:0 10px 30px #0002}.hidden{display:none!important}@media(max-width:580px){.shell{padding:20px 12px 45px}.card{margin:25px auto;padding:21px}.file-row{grid-template-columns:auto 1fr}.actions{grid-column:2}.toolbar{align-items:flex-start}.drop-zone{padding:20px 12px}}