.referrals-page{display:grid;gap:14px;margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 7px 24px rgba(23,76,125,.09)}.referrals-page>header{display:flex;align-items:center;justify-content:space-between;gap:15px}.referrals-page h2{margin:0;color:#07599d;font-size:19px}.referrals-page header p{margin:5px 0 0;color:#7890a5;font-size:11px}.referrals-page header a{padding:9px 14px;border-radius:18px;background:#edf6fc;color:#07599d;font-size:10px}.ref-code{display:flex;align-items:center;gap:7px;padding:14px;border:1px solid #bfe3f7;border-radius:11px;background:linear-gradient(110deg,#edf9ff,#dff3ff)}.ref-code>div{display:flex;align-items:center;gap:16px;flex:1}.ref-code span{color:#6b879d;font-size:11px}.ref-code strong{color:#07599d;font-size:18px;letter-spacing:.06em}.ref-code button{height:34px;padding:0 13px;border:0;border-radius:7px;background:#079ee8;color:#fff;font-size:10px}.ref-code button:last-child{background:#07599d}.ref-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ref-stats article{display:grid;gap:5px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#f8fbfe}.ref-stats span{color:#7890a5;font-size:10px}.ref-stats strong{color:#07599d;font-size:16px}.ref-stats small{color:#8da0b1;font-size:9px}.ref-filter{display:flex;align-items:flex-end;gap:8px;padding:12px;border-radius:10px;background:#f4f7fb}.ref-filter label{display:grid;gap:5px;color:#7890a5;font-size:9px}.ref-filter select,.ref-filter input{height:36px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#fff;outline:0;color:#405f78;font-size:10px}.ref-filter label:last-of-type{flex:1}.ref-filter input{width:100%}.ref-filter>button{height:36px;padding:0 20px;border:0;border-radius:7px;background:linear-gradient(135deg,#22b8f2,#079ee8,#07599d);color:#fff;font-size:10px}.ref-table{overflow:auto;border:1px solid var(--line);border-radius:10px}.ref-table table{width:100%;min-width:790px;border-collapse:collapse}.ref-table th,.ref-table td{padding:12px 8px;border-bottom:1px solid var(--line);text-align:center;font-size:10px}.ref-table th{background:linear-gradient(#e7f5ff,#f4f7fb);color:#07599d}.ref-table td b{color:#405f78}.ref-status{display:inline-flex;min-width:50px;justify-content:center;padding:5px;border-radius:13px}.ref-status.is-active{background:#e9f8ef;color:#159458}.ref-status.is-waiting{background:#fff6dc;color:#b47c09}.ref-status.is-sleep{background:#edf0f4;color:#748491}.ref-notice{padding:13px;border-left:3px solid #079ee8;border-radius:0 8px 8px 0;background:#f0f8fe;color:#53718b;font-size:10px}.ref-notice b{color:#07599d}.ref-notice ul{margin:7px 0 0;padding-left:18px;line-height:1.7}.ref-pages{display:flex;justify-content:center;gap:7px}.ref-pages>*{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;color:#7890a5}.ref-pages strong{background:#079ee8;color:#fff}.ref-empty td{height:100px!important;color:#7890a5}
@media(max-width:760px){.referrals-page{min-width:0;margin-top:12px;padding:12px}.referrals-page>header{align-items:flex-start}.ref-code{align-items:stretch;flex-wrap:wrap}.ref-code>div{width:100%;flex-basis:100%;justify-content:space-between}.ref-code strong{font-size:15px}.ref-code button{flex:1}.ref-stats{grid-template-columns:1fr 1fr}.ref-filter{display:grid;grid-template-columns:1fr 1fr}.ref-filter label:last-of-type{grid-column:1/-1}.ref-filter>button{grid-column:1/-1}.ref-table{overflow:visible;border:0}.ref-table table,.ref-table tbody,.ref-table tr,.ref-table td{display:block;width:100%;min-width:0}.ref-table thead{display:none}.ref-table tbody{display:grid;gap:8px}.ref-table tr{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#f8fbfe}.ref-table td{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border:0;text-align:right}.ref-table td:before{color:#7890a5}.ref-table td:nth-child(1){display:none}.ref-table td:nth-child(2){grid-column:1/-1;padding-bottom:7px;border-bottom:1px solid var(--line)}.ref-table td:nth-child(2):before{content:'가입일시'}.ref-table td:nth-child(3):before{content:'추천회원'}.ref-table td:nth-child(4):before{content:'레벨'}.ref-table td:nth-child(5):before{content:'상태'}.ref-table td:nth-child(6):before{content:'활동금액'}.ref-table td:nth-child(7){grid-column:1/-1;padding-top:7px;border-top:1px solid var(--line)}.ref-table td:nth-child(7):before{content:'적립 포인트'}.ref-empty{display:block!important}.ref-empty td{display:block!important;height:auto!important}.ref-empty td:before{display:none}}
@media(max-width:390px){.ref-stats,.ref-filter,.ref-table tr{grid-template-columns:1fr}.ref-filter label:last-of-type,.ref-filter>button,.ref-table td:nth-child(2),.ref-table td:nth-child(7){grid-column:auto}.ref-code>div{align-items:flex-start;flex-direction:column;gap:4px}}