.transfer-page{max-width:1600px;margin:auto;padding:28px;background:#f5f8fc;min-height:calc(100vh - 80px);color:#17263e;font-family:system-ui,-apple-system,sans-serif}.transfer-page *{box-sizing:border-box}.tr-breadcrumb{font-size:13px;color:#8c98ab;margin-bottom:22px}.tr-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding:0 6px}.tr-hero h1{font-size:34px;letter-spacing:-1px;margin:0 0 10px}.tr-hero p{color:#778398;margin:0 0 18px;font-size:15px}.tr-badges{display:flex;gap:10px;flex-wrap:wrap}.tr-badges span{padding:7px 13px;border-radius:20px;background:#e2f7ed;color:#209568;font-size:13px;font-weight:600}.tr-badges span:nth-child(2){background:#e7f0ff;color:#367deb}.tr-badges span:nth-child(3){background:#eee7ff;color:#875bdd}.tr-illustration{width:260px;text-align:center;color:#7eb5ff;font-size:78px;line-height:1;background:radial-gradient(ellipse,#e4f0ff,transparent 70%)}.tr-illustration span{font-size:36px}.tr-illustration small{display:block;font-size:13px;line-height:2;color:#7b98bb}.tr-columns{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(310px,1.35fr) minmax(240px,.85fr);gap:20px}.tr-card{background:#fff;border:1px solid #eaf0f7;border-radius:16px;padding:24px;box-shadow:0 5px 20px #243d6710}.tr-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.tr-heading h2{font-size:19px;margin:0}.transfer-page button{font:inherit;cursor:pointer;border:0;background:transparent;color:#3987ef;padding:7px;border-radius:7px}.transfer-page button:disabled{opacity:.5;cursor:default}.transfer-page button:hover:not(:disabled){background:#eef5ff}.tr-qr{width:232px;height:232px;padding:11px;border:1px solid #e6edf6;border-radius:12px;margin:12px auto}.tr-qr img,.tr-qr canvas{max-width:100%}.tr-center{text-align:center;color:#7b889b;font-size:13px}.tr-copylink{width:100%;background:#f3f7fc!important;margin:6px 0 18px}.tr-status{border:1px solid #e7edf5;border-radius:10px;padding:14px;background:#f7f9fc;color:#8695a8;font-size:13px}.tr-status.connected{color:#20956d;background:#f0fcf6;border-color:#dcf4e8}.tr-status small{display:block;margin-top:6px;color:#8c9ca9}.tr-devices{display:flex;flex-wrap:wrap;gap:12px;margin:17px 0}.tr-devices span{font-size:12px;color:#6c7a91}.tr-devices i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ccd5df;margin-right:6px}.tr-devices i.online{background:#27b477}.tr-sync,.tr-muted{font-size:12px;color:#94a0b2;line-height:1.6}.tr-tabs{display:flex;gap:8px;margin-bottom:16px}.tr-tabs button{flex:1;background:#f3f6fa;color:#758197;padding:11px}.tr-tabs button.active{background:#3289ff;color:#fff}.tr-drop{position:relative;display:flex;min-height:170px;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px dashed #a5ccff;border-radius:10px;background:#f8fbff;text-align:center;padding:20px;cursor:pointer}.tr-drop>span{font-size:40px;color:#aabdd5}.tr-drop b{font-size:14px;color:#5f7695}.tr-drop small{font-size:12px;color:#99a7b9}.tr-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.tr-files{max-height:160px;overflow:auto;margin:10px 0}.tr-files>div{display:flex;gap:10px;align-items:center;background:#f6f8fc;border-radius:7px;padding:5px 10px;margin:5px 0;font-size:13px}.tr-files span{flex:1;overflow-wrap:anywhere}.tr-files small{white-space:nowrap;color:#99a7b9}.tr-send textarea{width:100%;min-height:230px;border:1px solid #dce5ef;border-radius:10px;padding:15px;font:inherit;resize:vertical;outline-color:#3987ef}.transfer-page .tr-primary{width:100%;background:#2582ff;color:white;font-weight:600;padding:14px;margin:17px 0 10px}.transfer-page .tr-primary:hover:not(:disabled){background:#176fee}.tr-progress progress{width:100%;accent-color:#3289ff}.tr-progress small{font-size:12px;color:#3987ef}.tr-settings>label{display:block;font-size:14px;color:#66788e}.tr-settings select{display:block;width:100%;margin-top:10px;border:1px solid #dce5ef;border-radius:8px;padding:11px;background:white;color:#253951;font:inherit}.tr-expiry{font-size:12px;color:#8594a6;margin-bottom:22px}.tr-check{display:flex!important;gap:8px;align-items:center;line-height:1.8}.tr-note{background:#f5f9ff;border-radius:10px;padding:17px;margin:22px 0 15px;font-size:13px;line-height:1.8;color:#8190a5}.tr-note b{color:#4675b4}.tr-note p{margin:10px 0 0}.tr-setting-actions{display:flex;flex-wrap:wrap;gap:4px}.tr-history{margin-top:20px}.tr-heading h2 small{font-size:12px;background:#eef4fc;color:#7d92ad;border-radius:20px;padding:3px 8px}.tr-empty{text-align:center;color:#b5c6de;font-size:42px;padding:18px}.tr-empty p{font-size:13px;color:#98a5b6}.tr-record{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid #f0f3f7}.tr-fileicon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:46px;border-radius:9px;background:#e6efff;color:#3788f8;font-size:26px}.tr-fileicon.file{background:#e7f7ef;color:#2ba574}.tr-record-main{flex:1;min-width:0}.tr-record-main b{display:block;font-size:14px;font-weight:500;white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto}.tr-record-main small{display:block;font-size:12px;color:#98a5b5;margin-top:5px}.tr-record-actions{display:flex;flex-shrink:0;gap:8px;font-size:13px}.tr-error{background:#fff0ed;color:#bc513d;padding:14px;border-radius:10px;margin-bottom:15px;font-size:14px}.tr-preview{position:fixed;inset:0;background:#152031dd;z-index:9999;display:flex;align-items:center;justify-content:center;padding:30px}.tr-preview img{max-width:95%;max-height:90vh;object-fit:contain}.tr-preview button{position:absolute;right:20px;top:15px;color:white}.tr-loading{padding:60px;text-align:center;color:#8798af}@media(max-width:1150px){.tr-columns{grid-template-columns:minmax(250px,1fr) minmax(310px,1.3fr)}.tr-settings{grid-column:1/-1}.tr-illustration{display:none}}@media(max-width:700px){.transfer-page{padding:16px 12px}.tr-hero{margin-bottom:20px}.tr-hero h1{font-size:28px}.tr-hero p{font-size:13px}.tr-columns{grid-template-columns:1fr;gap:14px}.tr-card{padding:19px;border-radius:14px}.tr-heading h2{font-size:18px}.tr-settings{grid-column:auto}.tr-history{margin-top:14px}.tr-record{gap:9px;flex-wrap:wrap}.tr-record-actions{margin-left:auto}.tr-record-main{min-width:170px}.tr-breadcrumb{margin:0 0 14px}.tr-badges span{font-size:12px;padding:6px 10px}}