.transfer-page{width:min(100%,680px);min-height:calc(100vh - 220px);margin-inline:auto;color:#e9eaf2;position:relative;padding-bottom:66px}
.transfer-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:0}
.transfer-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;min-width:0;border:1px solid #1d1d1f;border-radius:10px}
.transfer-tabs button{min-width:0;min-height:40px;padding:7px 6px;border:2px solid transparent;border-radius:9px;background:transparent;color:#99999f;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:none}
.transfer-tabs button.active{border-color:#e9eaf2;color:#e9eaf2}
.transfer-tool-button{display:flex;align-items:center;justify-content:center;flex:none;gap:5px;min-width:44px;height:40px;padding:0;border:0;background:transparent;color:#e9eaf2}
.transfer-tool-button>.transfer-symbol:first-child{width:22px;height:22px}
.transfer-tool-button>.transfer-symbol-sort{width:16px;height:20px;color:#aaaab0}
.transfer-tool-button.transfer-add{font-size:36px;font-weight:400}
.transfer-list{display:grid;gap:var(--player-list-row-gap)}
.market-value-update-event{display:flex;align-items:center;gap:10px;min-height:26px;color:#a6a6ad}
.market-value-update-rule{height:1px;flex:1;background:#343438}
.market-value-update-label{font-size:11px;font-weight:500;letter-spacing:.01em;white-space:nowrap}
.market-value-update-info{display:grid;place-items:center;flex:none;width:16px;height:16px;padding:0;border:1px solid #85858b;border-radius:50%;background:transparent;color:#bcbcc1;font:600 10px/1 var(--app-font)}
.market-value-update-info:focus-visible{outline:2px solid #e9eaf2;outline-offset:3px}
.transfer-player-row{display:grid;grid-template-columns:var(--player-list-photo-width) minmax(0,1fr);grid-template-rows:64px 32px;column-gap:var(--player-list-column-gap);row-gap:8px;min-width:0}
.transfer-photo{grid-row:1/3;width:100%;height:100%;padding:0;overflow:hidden;border:0;border-radius:0;background:transparent;color:#e9eaf2}
.transfer-photo .player-icon{width:100%;height:100%;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;font-size:26px}
.transfer-photo .player-icon img{width:100%;height:100%;object-fit:cover;object-position:center top;transform:none;border-radius:0}
.transfer-player-main{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:28px 28px;align-items:center;gap:0 6px;min-width:0;width:100%;padding:8px 0 0;border:0;background:transparent;color:inherit;text-align:left}
.transfer-player-heading{display:flex;align-items:center;align-self:end;gap:5px;min-width:0}
.transfer-player-heading>.transfer-statuses{flex:none}
.transfer-player-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;line-height:1.15;text-transform:none}
.transfer-metric{display:flex;align-items:center;justify-content:flex-end;gap:3px;white-space:nowrap;font-size:16px;font-weight:500;line-height:1}
.transfer-metric .transfer-symbol{width:17px;height:17px}
.transfer-statuses{display:flex;align-items:center;gap:5px;min-width:0}
.transfer-position{display:inline-grid;place-items:center;flex:none;min-width:29px;height:21px;padding:0 5px;border-radius:4px;background:#272729;color:#e9eaf2;font-size:10px;font-weight:600}
.transfer-probability{display:grid;place-items:center;flex:none;width:16px;height:16px}
.transfer-probability img{display:block;width:100%;height:100%}
.transfer-statuses .xi-badge{width:16px;height:16px;margin:0;font-size:10px}
.transfer-statuses .availability-badge{width:16px;height:16px;margin:0;font-size:15px}
.transfer-trend{display:inline-block;flex:none;font-size:11px;font-weight:600;line-height:1;white-space:nowrap}
.transfer-trend.is-up{color:#19d889}.transfer-trend.is-down{color:#ff5b24}
.transfer-price{grid-column:2;display:flex;align-items:center;gap:6px;width:100%;min-width:0;height:32px;padding:2px 9px 2px 4px;border:1px solid #202022;border-radius:8px;background:transparent;color:#aaaab0;text-align:left;cursor:pointer}
.transfer-price:hover,.transfer-price:focus-visible{border-color:#67676c;background:#1b1b1d}
.transfer-owner{display:grid;place-items:center;flex:none;width:22px;height:22px;color:#e9eaf2}
.transfer-owner .transfer-symbol{width:22px;height:22px}
.transfer-owner img{width:22px;height:22px;border-radius:50%;object-fit:cover}
.transfer-manager-initials{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#272729;color:#e9eaf2;font-size:9px;font-weight:700}
.transfer-price-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}
.transfer-price time{flex:none;color:#e9eaf2;font-size:11px;font-weight:600;white-space:nowrap}
.transfer-price time.urgent{color:#ff5b5b}
.transfer-price.has-bid{border-color:#168c60}
.transfer-market-details{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.transfer-bid-note{margin:0;color:#19d889;font-size:11px}
.transfer-empty{display:grid;place-content:center;min-height:45vh;text-align:center;color:#a6a6ad;font-size:15px;line-height:1.7}
.transfer-budget{position:sticky;bottom:24px;z-index:4;display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;min-height:39px;margin:24px auto -55px;padding:8px 14px;border:1px solid #00f89a;border-radius:9px;background:#18d986;color:#102920;font-size:16px;font-weight:600;box-shadow:0 2px 12px #0004}
.transfer-budget.is-negative{border-color:#ff6a61;background:#ec514b;color:#fff}
.transfer-symbol{display:inline-block;flex:none;width:20px;height:20px;background:currentColor;-webkit-mask:var(--transfer-symbol) center/contain no-repeat;mask:var(--transfer-symbol) center/contain no-repeat}
.transfer-symbol-kickbase{--transfer-symbol:url('/assets/transfer-icons/kickbase.svg')}
.transfer-symbol-average{--transfer-symbol:url('/assets/transfer-icons/average.svg')}
.transfer-symbol-points{--transfer-symbol:url('/assets/transfer-icons/points.svg')}
.transfer-symbol-trend-up{--transfer-symbol:url('/assets/transfer-icons/trend-up.svg')}
.transfer-symbol-trend-down{--transfer-symbol:url('/assets/transfer-icons/trend-down.svg')}
.transfer-symbol-sort{--transfer-symbol:url('/assets/transfer-icons/sort.svg')}
.transfer-symbol-clock{--transfer-symbol:url('/assets/transfer-icons/clock.svg')}
.transfer-symbol-recent,.transfer-symbol-price,.transfer-symbol-position{background:transparent;display:grid;place-items:center}
.transfer-symbol-recent:before{content:'NEW';font-size:7px;border:1px solid currentColor;border-radius:2px;padding:1px}
.transfer-symbol-price:before{content:'€';font-size:20px}
.transfer-symbol-position:before{content:'⠿';font-size:25px}
.transfer-sort-modal{position:relative}
.transfer-budget-modal{position:relative;display:grid;gap:42px;width:min(100%,560px);padding:34px 28px 38px;text-align:center}
.transfer-budget-modal h2{margin:0;color:#f1eef4;font:800 25px var(--app-font);text-transform:none}
.transfer-budget-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.transfer-budget-values>div{display:grid;gap:8px;justify-items:center;min-width:0}
.transfer-budget-values>.transfer-available-funds{grid-column:1/-1;margin-top:18px}
.transfer-budget-values strong{font-size:clamp(17px,4vw,25px);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.transfer-budget-values span{color:#aaa5af;font-size:13px;letter-spacing:.04em}
.transfer-budget-values .is-positive{color:#19d889}.transfer-budget-values .is-negative{color:#ff5b5b}
.transfer-budget-handle{display:none}
.modal.market-value-update-modal{position:relative;display:flex;flex-direction:column;justify-content:flex-start;width:min(100%,480px);min-height:520px;overflow:hidden;background:#101012;color:#eeedf0;border:1px solid #302d32}
.market-value-update-close{position:absolute;z-index:2;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:#ffffff12;color:#e8e6ea;font-size:21px}
.market-value-update-handle{display:none}
.market-value-update-hero{position:relative;isolation:isolate;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:310px;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#2b2928 0,#171617 48%,#101012 76%);text-align:center}
.market-value-update-hero:before{position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#ffffff38 .8px,transparent .9px);background-size:5px 5px;content:'';opacity:.22;mask-image:linear-gradient(transparent,#000 38%,#000 82%,transparent)}
.market-value-update-brand{font-size:clamp(25px,7vw,39px);font-weight:800;letter-spacing:.04em;line-height:1;color:#f4f2f4;text-shadow:0 2px 16px #000}
.market-value-update-hero h2{margin:4px 0 0;color:#ff6b34;font-size:clamp(43px,12vw,68px);font-style:italic;font-weight:900;letter-spacing:-.055em;line-height:.95;text-shadow:0 3px 18px #000}
.market-value-update-mark{position:absolute;right:-22px;bottom:-43px;width:220px;height:220px;color:#ffffff0c;transform:rotate(-12deg)}
.market-value-update-mark .transfer-symbol{width:100%;height:100%}
.market-value-update-copy{display:grid;gap:18px;padding:25px 28px 30px;font-size:15px;line-height:1.5}
.market-value-update-copy p{margin:0;color:#c3c0c6}
.market-value-update-copy strong{color:#f6f4f7;font-weight:750}
.transfer-sort-modal .modal-header h2,.transfer-sell-modal .modal-header h2{text-transform:none;font-weight:800}
.transfer-sort-modal .modal-content{display:grid;gap:4px;padding:10px 16px 24px}
.transfer-sort-option{display:flex;align-items:center;gap:16px;width:100%;min-height:54px;padding:13px 15px;border:0;border-radius:8px;background:transparent;color:#a6a6ad;text-align:left;font-size:16px}
.transfer-sort-option.selected{background:#1e1e20;color:#e9eaf2}
.transfer-sort-option .transfer-symbol{width:24px;height:24px}
.transfer-sell-choice{display:flex;align-items:center;gap:12px;width:100%;padding:12px 0;border:0;border-bottom:1px solid #272729;background:transparent;color:#e9eaf2;text-align:left}
.transfer-sell-choice>span:nth-child(2){flex:1;min-width:0}.transfer-sell-choice strong,.transfer-sell-choice small{display:block}.transfer-sell-choice small{margin-top:4px;color:#aaaab0}
.transfer-photo:focus-visible,.transfer-player-main:focus-visible,.transfer-tool-button:focus-visible,.transfer-tabs button:focus-visible{outline:2px solid #e9eaf2;outline-offset:3px}
@media(min-width:761px){.transfer-player-row{grid-template-columns:var(--player-list-photo-width) minmax(0,1fr);grid-template-rows:80px 39px;column-gap:var(--player-list-column-gap)}.transfer-player-main{grid-template-rows:35px 35px}.transfer-player-name,.transfer-metric{font-size:20px}.transfer-price{height:39px}.transfer-price-value{font-size:20px}.transfer-price time{font-size:13px}.transfer-position{height:24px;font-size:12px}.transfer-statuses{gap:7px}.transfer-probability{width:19px;height:19px}}
@media(max-width:760px){.transfer-page{min-height:calc(100dvh - 220px)}.transfer-budget{position:fixed;left:50%;bottom:calc(85px + env(safe-area-inset-bottom));transform:translateX(-50%);margin:0;z-index:11}.transfer-budget-modal{align-self:flex-end;width:100%;max-width:100%;min-height:30dvh;gap:38px;padding:30px 16px calc(42px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0}.transfer-budget-modal h2{font-size:25px}.transfer-budget-values{gap:5px}.transfer-budget-values strong{font-size:clamp(15px,4.5vw,22px)}.transfer-budget-values span{font-size:12px}.transfer-budget-handle{position:absolute;top:10px;left:50%;display:block;width:44px;height:4px;transform:translateX(-50%);border-radius:5px;background:#65656b}.transfer-sort-modal{align-self:flex-end;width:100%;max-width:100%;border-radius:16px 16px 0 0;min-height:52dvh}.transfer-sort-modal .modal-header{padding-top:36px}.transfer-sort-modal:before{content:'';position:absolute;top:10px;left:50%;width:44px;height:4px;transform:translateX(-50%);border-radius:5px;background:#65656b}.modal.market-value-update-modal{align-self:flex-end;width:100%;min-height:min(82dvh,720px);max-height:92dvh;border:0;border-radius:16px 16px 0 0}.market-value-update-handle{position:absolute;z-index:2;top:10px;left:50%;display:block;width:44px;height:4px;transform:translateX(-50%);border-radius:5px;background:#65656b}.market-value-update-hero{min-height:0;flex:1}.market-value-update-close{top:25px;right:16px}.market-value-update-copy{gap:16px;padding:22px 22px calc(28px + env(safe-area-inset-bottom));font-size:14px}.modal-backdrop:has([data-market-value-overlay]){padding:0}}
@media(max-width:360px){.transfer-player-row{grid-template-columns:var(--player-list-photo-width) minmax(0,1fr);column-gap:var(--player-list-column-gap)}.transfer-player-name,.transfer-metric,.transfer-price-value{font-size:14px}.transfer-price{gap:4px;padding-right:5px}.transfer-price time{font-size:10px}.transfer-toolbar{gap:8px}.transfer-tabs button{font-size:10px}}
