.affiliate-area{--aff-blue:#146ca5;display:flex;flex-direction:column;gap:20px}.aff-tabs{display:flex;gap:8px;flex-wrap:wrap}.aff-tabs button{min-height:42px}.aff-hero{display:flex;justify-content:space-between;gap:24px;padding:28px;border-radius:18px;background:linear-gradient(115deg,#123e5b,#137c9f);color:#fff}.aff-hero h2{font-size:28px;margin:7px 0}.aff-hero p{max-width:620px;line-height:1.7}.aff-hero .eyebrow{color:#b7e6f0}.aff-hero .primary{margin-top:18px;display:inline-flex}.aff-position{text-align:right;min-width:130px}.aff-position strong{display:block;font-size:44px}.aff-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.aff-stat{border:1px solid #dce7ee;background:white;padding:20px;border-radius:14px;display:flex;flex-direction:column;gap:10px}.aff-stat span{font-size:14px;color:#526f81}.aff-stat strong{font-size:25px;color:#174e71;overflow-wrap:anywhere}.aff-stat small{font-size:12px;color:#6b8190}.aff-link{display:flex;gap:10px;margin:16px 0}.aff-link input{flex:1;min-width:0;padding:12px;border:1px solid #ccdfe9;border-radius:9px;background:#f5f9fc}.aff-pagination{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding:16px;font-size:14px}.aff-pagination>span:first-child{margin-right:auto}.aff-empty{padding:28px;color:#6e8392}.aff-picker{position:relative;margin:12px 0}.aff-picker .field>span{display:flex;gap:8px;align-items:center}.aff-results{border:1px solid #d7e4ec;border-radius:10px;max-height:260px;overflow:auto;background:white}.aff-results button{display:flex;flex-direction:column;width:100%;padding:12px;text-align:left;border-bottom:1px solid #eef3f7}.aff-results button:hover{background:#f1f8fc}.aff-results small{color:#668090}.aff-ranks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.aff-rank{padding:20px;border:1px solid #dce7ee;border-radius:14px;background:#fff}.aff-rank strong{font-size:32px;color:#146ca5;display:block;margin:12px 0}.aff-admin-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.aff-admin-toolbar input{flex:1;min-width:180px}.aff-admin-toolbar input,.aff-payout input,.aff-payout select,.affiliate-area select{border:1px solid #cfdee6;border-radius:8px;padding:9px;background:#fff}.aff-payout{padding:18px;border:1px solid #dce7ee;border-radius:12px;margin-bottom:12px}.aff-payout-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.aff-payout-head strong:last-child{margin-left:auto}.aff-bank{font-size:14px;color:#526f81;line-height:1.7;margin:10px 0}.aff-rate-image{width:40px;height:52px;object-fit:contain}.aff-rate-input{width:84px;border:1px solid #d5e3ec;border-radius:6px;padding:7px}.aff-form-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.affiliate-register{max-width:800px}.aff-tag{margin-top:20px}.aff-scope{max-height:190px;overflow:auto;border:1px solid #dae6ed;border-radius:8px;padding:10px}.aff-scope label{display:flex;gap:8px;padding:6px;font-size:14px}@media(max-width:1000px){.aff-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.aff-hero{padding:20px;flex-direction:column}.aff-position{text-align:left}.aff-ranks{grid-template-columns:1fr}.aff-stat{padding:15px}.aff-stat strong{font-size:21px}.aff-link{flex-wrap:wrap}.aff-link input{width:100%;flex-basis:100%}.aff-tabs button{flex:1}.aff-payout-head{flex-wrap:wrap}}