:root{color:#172033;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;background:#f3f6fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{border:0;cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr);background:radial-gradient(circle at 80% 0%,rgba(42,123,255,.09),transparent 30%),linear-gradient(135deg,#fbfdff,#edf3f8)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:20px;padding:20px 16px;color:#d7e3ef;background:linear-gradient(180deg,#142132,#0e1a28);border-right:1px solid rgba(126,143,160,.2);overflow-y:auto}.brand,.nav-list a,.nav-list button,.storage-top,.topbar,.panel-head,.stats,.file-item,.row,.file-name,.status-pill,.message,.input-icon{display:flex;align-items:center}.brand{gap:12px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:#2a7bff;border-radius:8px;box-shadow:0 10px 24px #2a7bff38}.brand strong,.brand span{display:block}.brand strong{color:#fff;font-size:15px}.brand span{margin-top:4px;color:#91a4b8;font-size:12px}.nav-list{display:grid;gap:8px}.nav-list a,.nav-list button{min-height:38px;gap:10px;padding:0 11px;color:#b7c4d2;font-size:13px;text-decoration:none;border-radius:8px;background:transparent}.nav-list a.active,.nav-list a:hover,.nav-list button.active,.nav-list button:hover{color:#fff;background:#2a7bff}.storage{margin-top:auto;padding:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px}.storage-top{gap:10px;color:#fff;font-weight:700}.storage p{margin:12px 0 0;color:#91a4b8;font-size:13px;line-height:1.6}.workspace{min-width:0;padding:22px}.topbar{justify-content:space-between;gap:20px}.eyebrow{margin:0 0 7px;color:#2a7bff;font-size:12px;font-weight:800;letter-spacing:0}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(26px,2.8vw,34px);line-height:1.08;font-weight:850}h2{margin-bottom:4px;font-size:16px;line-height:1.25}.status-pill{gap:8px;min-height:32px;padding:0 12px;color:#176e5c;background:#e8f6ef;border:1px solid #cfeedd;border-radius:999px;font-size:12px;font-weight:700}.stats{gap:12px;margin:18px 0}.stats article{flex:1;min-width:0;padding:14px 16px;background:#fff;border:1px solid #dfe7ee;border-radius:8px}.stats svg{color:#2a7bff}.stats span{display:block;margin:10px 0 5px;color:#66758a;font-size:12px}.stats strong{display:block;overflow:hidden;color:#172033;font-size:19px;text-overflow:ellipsis;white-space:nowrap}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.upload-grid{align-items:stretch}.transfer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 280px;gap:14px;align-items:stretch}.upload-panel,.connection-panel,.transfer-action-panel{height:100%}.panel{min-width:0;padding:16px;background:#fffffff5;border:1px solid #dfe7ee;border-radius:8px;box-shadow:0 10px 34px #313f520f}.panel-head{justify-content:space-between;gap:12px;margin-bottom:13px}.compact h2{margin-bottom:0}.compact span{color:#66758a;font-size:12px;font-weight:700}.drop-zone{display:grid;place-items:center;min-height:230px;padding:24px 18px;text-align:center;color:#64748b;background:#f8fbfd;border:1.5px dashed #cbd8e6;border-radius:8px}.drop-zone svg{color:#2a7bff}.drop-zone h2{margin:10px 0 6px;color:#172033;font-size:19px}.drop-zone p{max-width:520px;margin-bottom:16px;font-size:13px;line-height:1.55}.file-picker,.primary{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;color:#fff;background:#2a7bff;border-radius:8px;font-size:13px;font-weight:800;box-shadow:0 10px 22px #2a7bff33}.file-picker input{display:none}.selected-files{margin-top:14px}.file-item{gap:10px;min-height:42px;padding:0 12px;border-top:1px solid #e3eaef}.file-item svg{color:#2a7bff}.file-item strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item span,.empty-state{color:#66758a;font-size:13px}.empty-state{padding:18px 0 4px}.connection-panel{display:grid;gap:11px}.transfer-action-panel{display:grid;align-content:space-between;gap:14px}.transfer-action-panel p{margin-bottom:0;color:#66758a;font-size:13px;line-height:1.6}label{display:grid;gap:7px;color:#2b384c;font-size:12px;font-weight:800}input,select{width:100%;min-width:0;height:36px;color:#172033;background:#fff;border:1px solid #dbe5ed;border-radius:8px;outline:0}input:focus,select:focus{border-color:#2a7bff;box-shadow:0 0 0 3px #2a7bff1f}input,select{padding:0 11px}.input-icon{gap:9px;padding:0 11px;background:#fff;border:1px solid #dbe5ed;border-radius:8px}.input-icon:focus-within{border-color:#2a7bff;box-shadow:0 0 0 3px #2a7bff1f}.input-icon svg{flex:0 0 auto;color:#7a8899}.input-icon input{padding:0;border:0;background:transparent;box-shadow:none}.icon-action{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;color:#66758a;background:transparent;border-radius:6px}.icon-action:hover{color:#2a7bff;background:#eef5ff}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#172033;box-shadow:0 0 0 1000px #fff inset;transition:background-color 9999s ease-in-out 0s}.split{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px}.submit-button{width:100%;margin-top:4px}.submit-button:disabled{cursor:not-allowed;opacity:.72}.spin{animation:spin .9s linear infinite}.message{gap:9px;padding:10px 12px;border-radius:8px;font-size:12px;line-height:1.5}.message.success{color:#176e5c;background:#e8f6ef}.message.error{color:#b92338;background:#fff0f2}.history-panel{margin-top:14px}.history-panel button{width:36px;height:36px;display:grid;place-items:center;color:#273447;background:#fff;border:1px solid #d8e2e8;border-radius:8px}.table{overflow-x:auto}.row{min-width:740px;display:grid;grid-template-columns:minmax(250px,1.2fr) 180px 110px 120px 130px;gap:14px;padding:10px 0;border-top:1px solid #e3eaef;color:#536277}.row.head{padding-top:0;color:#8a98a9;font-size:12px;font-weight:800;border-top:0}.file-name{gap:12px;color:#273447}.file-name svg{color:#2a7bff}.file-name strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row b{display:inline-flex;padding:6px 10px;color:#176e5c;background:#e8f6ef;border-radius:999px;font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#0c18276b}.path-modal{width:min(620px,100%);max-height:min(680px,calc(100vh - 48px));display:grid;gap:12px;padding:18px;overflow:hidden;background:#fff;border:1px solid #dfe7ee;border-radius:8px;box-shadow:0 24px 70px #0c18273d}.path-modal .panel-head{margin-bottom:0}.path-modal .panel-head button,.path-bar button,.modal-actions button{min-height:36px;padding:0 12px;color:#273447;background:#fff;border:1px solid #dbe5ed;border-radius:8px}.path-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.path-list{min-height:220px;max-height:360px;overflow:auto;border:1px solid #e3eaef;border-radius:8px}.path-list button{width:100%;min-height:38px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#273447;text-align:left;background:#fff;border-bottom:1px solid #edf2f6}.path-list button:hover{background:#f6f9fd}.path-list button svg{color:#7a8899}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions .primary{color:#fff;background:#2a7bff;border-color:#2a7bff}.login-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,rgba(42,123,255,.18),transparent 32%),#091422ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-modal{width:min(390px,100%);display:grid;gap:14px;padding:28px;background:#fff;border:1px solid #dfe7ee;border-radius:8px;box-shadow:0 26px 80px #09142247}.login-mark{width:46px;height:46px;display:grid;place-items:center;color:#fff;background:#2a7bff;border-radius:8px;box-shadow:0 12px 28px #2a7bff3d}.login-modal h2{margin:2px 0 0;font-size:23px}.login-modal p{margin:-4px 0 4px;color:#66758a;font-size:13px;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1040px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding-bottom:18px}.nav-list{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-list a,.nav-list button{justify-content:center;padding:0 8px;font-size:13px}.storage{display:none}.content-grid,.transfer-grid{grid-template-columns:1fr}}@media(max-width:640px){.workspace{padding:24px 16px}.topbar,.stats{align-items:stretch;flex-direction:column}.stats article{width:100%}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}h1{font-size:36px}}