:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#17211f;background:#f5f7f5;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#17211f;--muted:#83908b;--green:#197a5a;--mint:#e4f3ec;--line:#e8ede9;--white:#fff;--shadow:0 18px 60px rgba(34,70,55,.07)}
[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 88% 4%,#e9f5ee 0,transparent 30%),#f7f9f7}button,input{font:inherit}button{cursor:pointer;border:0}.app-shell{max-width:1040px;margin:0 auto;padding:0 34px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font:800 21px Manrope,sans-serif;text-decoration:none;letter-spacing:-1px}.brand-dot{color:#38a677}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#dff2e8;color:#177452;font:700 25px Manrope;transform:rotate(-7deg)}.brand-mark.small{width:32px;height:32px;font-size:20px;border-radius:10px}.top-actions{display:flex;align-items:center;gap:24px}.secure{font-size:12px;color:#74817b}.secure i{display:inline-block;width:7px;height:7px;background:#46ac79;border-radius:50%;margin-right:7px}.quiet{background:transparent;color:#65726d;padding:9px 10px;font-weight:600;font-size:13px}.quiet:hover{color:var(--green)}.welcome{display:flex;justify-content:space-between;align-items:end;padding:54px 0 34px}.eyebrow{margin:0 0 11px;color:#709080;letter-spacing:1.6px;font-size:10px;font-weight:700}.welcome h1,.login-card h1{font:700 clamp(32px,5vw,46px)/1.13 Manrope,sans-serif;letter-spacing:-1.9px;margin:0}.welcome h1 span,.login-card h1 span{color:#9bab9f}.welcome .muted{margin:14px 0 0;font-size:14px}.muted{color:var(--muted)}.storage-chip{display:flex;gap:13px;align-items:center;padding:13px 17px;border:1px solid #e8eee9;background:#fff;border-radius:15px;box-shadow:0 5px 18px #294a3610;margin-bottom:4px}.storage-icon{width:36px;height:36px;border-radius:11px;background:#edf6f0;color:#328263;display:grid;place-items:center;font-size:19px}.storage-chip strong,.storage-chip small{display:block}.storage-chip strong{font-size:12px}.storage-chip small{color:var(--muted);font-size:10px;margin-top:3px}.dropzone{background:#fff;border:1.5px dashed #c9d9ce;border-radius:20px;min-height:257px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;transition:.18s ease;box-shadow:var(--shadow);outline:none}.dropzone.dragging,.dropzone:focus-visible{border-color:#51a780;background:#f6fcf8;box-shadow:0 0 0 4px #48a77918}.upload-icon{width:48px;height:48px;border-radius:16px;background:#edf7f1;display:grid;place-items:center;margin-bottom:10px}.upload-icon svg{width:27px;fill:none;stroke:#248461;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dropzone h2{font:700 17px Manrope;margin:4px 0 6px;letter-spacing:-.4px}.dropzone p{margin:0;color:var(--muted);font-size:12px}.dropzone p span{color:#c5d0ca;padding:0 4px}.upload-actions{display:flex;gap:9px;margin-top:19px}.primary,.secondary{border-radius:10px;padding:11px 16px;font-size:12px;font-weight:700;transition:transform .15s,background .15s}.primary{background:#197a5a;color:#fff;box-shadow:0 5px 12px #197a5a20}.primary:hover{background:#126549;transform:translateY(-1px)}.secondary{background:#f3f6f3;color:#53635b}.secondary:hover{background:#eaf1ec}.upload-panel,.files-section{margin-top:39px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.section-heading .eyebrow{margin-bottom:5px}.section-heading h2{font:700 19px Manrope;letter-spacing:-.5px;margin:0}.section-heading>.muted{font-size:12px}.upload-list{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden}.upload-row{padding:14px 17px;border-bottom:1px solid #f0f3f1}.upload-row:last-child{border-bottom:0}.upload-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.upload-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.upload-detail{font-size:10px;color:var(--muted);white-space:nowrap}.progress-track{height:5px;background:#edf1ed;border-radius:8px;overflow:hidden;margin-top:10px}.progress-value{height:100%;width:0;background:#38a677;border-radius:8px;transition:width .12s}.upload-foot{display:flex;justify-content:space-between;color:#819087;font-size:10px;margin-top:6px}.file-list{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden}.file-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 120px 74px;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f0f3f1}.file-row:last-child{border-bottom:0}.file-info{min-width:0;display:flex;align-items:center;gap:11px}.file-icon{flex:none;width:34px;height:34px;border-radius:10px;background:#eff6f1;color:#438c6b;display:grid;place-items:center;font-size:14px}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.file-path{font-size:10px;color:#9aa59f;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size,.file-date{font-size:11px;color:#7f8b85}.file-actions{display:flex;justify-content:end;gap:4px}.icon-button{background:transparent;width:31px;height:31px;border-radius:8px;color:#728078;font-size:15px}.icon-button:hover{background:#edf6f0;color:#197a5a}.icon-button.delete:hover{background:#fff0ed;color:#c4543f}.empty-state{padding:42px 20px;background:#fff;border:1px solid var(--line);border-radius:15px;text-align:center}.empty-icon{display:grid;place-items:center;margin:0 auto 8px;width:39px;height:39px;border-radius:12px;background:#f1f5f2;color:#7d9b89;font-size:22px}.empty-state h3{font:700 13px Manrope;margin:7px 0}.empty-state p{font-size:11px;color:var(--muted);margin:0}footer{text-align:center;color:#9ba69f;font-size:10px;padding:36px 0 28px}.login-view{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,390px);padding:38px;background:#fff;border:1px solid #e9efea;border-radius:24px;box-shadow:0 24px 90px #24493612}.login-card .brand-mark{margin-bottom:28px}.login-card h1{font-size:34px}.login-card>.muted{font-size:13px;margin:12px 0 28px}.login-card label{display:block;font-size:11px;font-weight:700;margin-bottom:8px}.login-card input{width:100%;border:1px solid #dfe7e1;background:#fbfcfb;border-radius:10px;padding:12px;outline:0}.login-card input:focus{border-color:#55a67f;box-shadow:0 0 0 3px #55a67f18}.wide{width:100%;margin-top:13px;display:flex;justify-content:space-between;align-items:center}.footnote{border-top:1px solid #edf1ee;margin:24px 0 0;padding-top:16px;text-align:center;font-size:10px;color:#98a49d}.error{min-height:14px;color:#bd4937;font-size:11px;margin:8px 0 0}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#20352b;color:#fff;padding:12px 17px;border-radius:11px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 9px 30px #15251c22}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-break{display:none}
@media(max-width:680px){.app-shell{padding:0 18px}.topbar{height:67px}.secure{display:none}.welcome{padding:37px 0 24px;align-items:start;flex-direction:column;gap:18px}.welcome h1{font-size:35px}.welcome .muted{font-size:12px;line-height:1.5}.storage-chip{padding:10px 12px}.dropzone{min-height:245px;padding:20px 12px}.dropzone h2{font-size:15px}.dropzone p{max-width:260px;line-height:1.6}.upload-actions{gap:7px}.primary,.secondary{padding:11px 12px;font-size:11px}.section-heading h2{font-size:17px}.file-row{grid-template-columns:minmax(0,1fr) 68px 62px;gap:6px;padding:10px}.file-date{display:none}.file-size{font-size:10px}.file-info{gap:8px}.file-icon{width:30px;height:30px}.file-name{font-size:11px}.file-actions{gap:0}.icon-button{width:27px;height:28px;font-size:13px}.login-card{padding:29px 24px}.login-card h1{font-size:30px}.mobile-break{display:block}}