:root{font-family:Arial,Helvetica,sans-serif;color:#142033;background:#f5f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bc1237;outline-offset:3px}.skip-link{position:absolute;top:-80px;left:12px;background:#fff;padding:12px;z-index:20}.skip-link:focus{top:12px}.creator-shell{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:100vh}.creator-sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid #e6e9ee;padding:27px 16px 20px;display:flex;flex-direction:column;gap:20px}.creator-brand{display:block;padding:0 16px}.creator-brand img{display:block;width:138px;max-width:100%;height:auto}.side-caption{padding:0 14px;margin:0;color:#52647c;font-size:11px;letter-spacing:.14em;font-weight:800}.creator-sidebar nav{display:grid;gap:5px}.creator-sidebar nav button{display:flex;align-items:center;gap:14px;width:100%;border:0;background:transparent;color:#26364b;text-align:left;border-radius:9px;padding:12px 14px;min-height:46px;cursor:pointer;font-size:14px;font-weight:650}.creator-sidebar nav button>span{display:grid;place-items:center;width:20px;font-size:21px;line-height:1;color:#26364b}.creator-sidebar nav button:hover{background:#f5f7fa}.creator-sidebar nav button[aria-current=page]{background:#fff0f2;color:#ce082e;box-shadow:inset 3px 0 #d70730}.creator-sidebar nav button[aria-current=page]>span{color:#ce082e}.back-shop{margin-top:auto;color:#3c4b5f;text-decoration:none;font-size:12px;padding:0 12px}.back-shop:hover{text-decoration:underline}main{min-width:0;padding:20px clamp(16px,2vw,32px) 56px;width:100%;max-width:1760px;margin:auto}.creator-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.creator-top h1{font-size:clamp(25px,2.15vw,36px);line-height:1.13;letter-spacing:-.035em;margin:0 0 5px;color:#080d16}.creator-top p{color:#607087;margin:0;font-size:15px}.top-actions{display:flex;align-items:center;gap:20px}.account-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:#152034;border-left:1px solid #d9dfe7;padding-left:20px}.account-link strong,.account-link small{display:block;white-space:nowrap}.account-link strong{font-size:13px}.account-link small{font-size:12px;color:#65758a;margin-top:2px}.creator-avatar{width:42px;height:42px;display:grid;place-items:center;flex:none;background:#182231;color:#fff;border-radius:50%;font-weight:700}.creator-toolbar{display:flex;align-items:end;gap:7px;margin:0}.creator-toolbar label{display:grid;gap:2px;font-size:11px;font-weight:700;color:#65758a}.creator-toolbar input{height:32px;width:116px;border:1px solid #dce2e9;border-radius:6px;background:#fff;padding:5px 7px;color:#172538;font-size:12px}.creator-toolbar .calendar-icon svg{width:20px;height:20px;color:#c50932;margin:0 5px 7px 0}.creator-toolbar .creator-button{min-height:32px;padding:6px 11px;font-size:12px}.creator-card,.metric,.creator-table-wrap{background:#fff;border:1px solid #e9edf2;border-radius:13px;box-shadow:0 6px 24px rgba(18,31,53,.035)}.creator-card{padding:18px;min-width:0}.creator-card h2{margin:0;font-size:16px;letter-spacing:-.025em}.creator-card p{color:#68788f;line-height:1.48;margin:4px 0 0;font-size:12px}.creator-grid{display:grid;gap:12px}.creator-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.creator-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}.metric{display:flex;align-items:flex-start;gap:13px;min-width:0;padding:15px}.metric-icon,.heading-icon,.funnel-icon{flex:none;display:grid;place-items:center;color:#d00932;background:#fff0f3}.metric-icon{width:46px;height:46px;border-radius:11px}.metric-icon svg{width:25px;height:25px}.metric>div{min-width:0}.metric-label{display:block;color:#35465d;font-size:12px;line-height:1.25;font-weight:700}.metric strong{display:block;font-size:clamp(22px,2vw,29px);line-height:1.13;color:#080d16;letter-spacing:-.045em;margin-top:7px;white-space:nowrap}.metric small{display:block;color:#6b7b90;margin-top:8px;font-size:11px;line-height:1.28}.creator-grid-five .metric{padding:14px 11px;gap:10px}.creator-grid-five .metric strong{font-size:clamp(19px,1.6vw,25px)}.creator-stack{display:grid;gap:16px}.creator-insights{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(270px,.82fr) minmax(270px,.82fr);gap:12px}.creator-bottom{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(285px,1fr) minmax(260px,.9fr);gap:12px}.card-head{display:flex;align-items:flex-start;gap:10px;min-width:0}.card-head>div{min-width:0}.heading-icon{width:23px;height:23px;background:transparent}.heading-icon svg{width:22px;height:22px}.card-head .text-button{margin-left:auto;white-space:nowrap}.text-button{border:0;background:none;padding:2px 0;color:#cc052e;text-decoration:underline;font-weight:700;font-size:12px;cursor:pointer}.trend-card,.funnel-card,.campaigns-card{min-height:290px}.chart-legend{display:flex;justify-content:flex-end;gap:18px;margin:8px 0 0;font-size:10px;color:#65748a}.chart-legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#dc0634;margin-right:5px}.chart-legend span+span:before{background:#ffb5c1}.trend-chart{display:block;width:100%;height:auto;max-height:208px;margin-top:7px;overflow:visible}.trend-chart text{fill:#718199;font-size:10px}.trend-grid line{stroke:#e8edf2;stroke-width:1}.trend-revenue,.trend-earnings{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.trend-revenue{stroke:#df1238}.trend-earnings{stroke:#ffb8c4}.funnel-row{display:grid;grid-template-columns:28px 1fr auto 72px 30px;align-items:center;gap:6px;margin:15px 0;font-size:11px}.funnel-icon{width:26px;height:26px;border-radius:8px}.funnel-icon svg{width:17px;height:17px}.funnel-row strong{font-size:13px}.funnel-row small{color:#66768d;text-align:right}.funnel-track{height:9px;border-radius:20px;background:#edf1f5;overflow:hidden}.funnel-track i{display:block;height:100%;background:#d70631;border-radius:20px}.conversion-box{background:#fff0f3;border-radius:9px;padding:12px 15px;color:#be052a}.conversion-box span,.conversion-box small{display:block;font-size:11px}.conversion-box strong{display:block;font-size:22px;color:#121b29;margin:2px 0}.campaigns-card{display:flex;flex-direction:column}.campaign-empty{margin:auto 0;text-align:center;padding:10px 4px}.campaign-empty strong{display:block;margin-top:8px;font-size:13px}.campaign-empty p{max-width:210px;margin:5px auto 0}.campaign-illustration{display:grid;place-items:center;margin:auto;width:62px;height:62px;background:#fff0f3;color:#df1238;border-radius:18px;transform:rotate(-9deg)}.campaign-illustration svg{width:39px;height:39px}.campaign-list{display:grid;gap:10px;margin:18px 0}.campaign-list>div{border-bottom:1px solid #edf0f4;padding-bottom:9px}.campaign-list strong,.campaign-list small{display:block}.campaign-list small{color:#65758a;margin-top:3px}.campaigns-card>.creator-button{margin-top:auto}.creator-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.creator-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid #d80732;border-radius:7px;background:#d80732;color:#fff;padding:9px 13px;cursor:pointer;font-weight:700;text-decoration:none;font-size:13px}.creator-button:hover{background:#b8052a;border-color:#b8052a}.creator-button.secondary{background:#fff;color:#c6062d}.creator-button.secondary:hover{background:#fff4f6}.creator-button:disabled{opacity:.55;cursor:not-allowed}.creator-button svg{width:17px;height:17px}.creator-button.full{width:100%}.creator-link{overflow-wrap:anywhere;background:#f7f9fb;border:1px solid #dce3ec;border-radius:8px;padding:11px;margin:14px 0 10px;color:#2d405b;font-size:12px}.creator-actions{display:flex;flex-wrap:wrap;gap:8px}.creator-actions>.creator-button:not(.full){flex:1;min-width:130px}.recent-card .creator-table-wrap{border:0;box-shadow:none;margin-top:12px}.recent-card .creator-table{min-width:440px}.empty-state{text-align:center;padding:29px 12px 16px;color:#627289}.empty-state>span{display:grid;place-items:center;margin:auto;width:44px;height:44px;color:#bdc6d2}.empty-state svg{width:30px;height:30px}.empty-state strong{display:block;color:#26364b;font-size:13px}.empty-state p{max-width:330px;margin:4px auto}.earnings-card{background:linear-gradient(135deg,#fff 55%,#fff2f4)}.earnings-card ol{counter-reset:earn;list-style:none;padding:0;margin:14px 0 0}.earnings-card li{counter-increment:earn;position:relative;padding:0 0 14px 35px;font-size:11px;line-height:1.35;border-left:1px solid #f0a2b2;margin-left:11px}.earnings-card li:last-child{border-left:0;padding-bottom:0}.earnings-card li:before{content:counter(earn);position:absolute;left:-12px;top:0;width:23px;height:23px;display:grid;place-items:center;color:#d00631;border:1px solid #e00a34;border-radius:50%;background:#fff;font-weight:700}.earnings-card li strong,.earnings-card li span{display:block}.earnings-card li span{color:#69788e;margin-top:2px}.creator-form{display:grid;gap:14px}.creator-form label{display:grid;gap:6px;font-size:13px;font-weight:700}.creator-form input,.creator-form select{border:1px solid #cbd3de;border-radius:8px;min-height:44px;padding:9px 12px;background:#fff;max-width:100%}.creator-table-wrap{overflow:auto}.creator-table{width:100%;border-collapse:collapse;min-width:620px;text-align:left}.creator-table th,.creator-table td{padding:11px 12px;border-bottom:1px solid #edf0f4;vertical-align:top}.creator-table th{font-size:10px;letter-spacing:.03em;color:#53637a;background:#f5f7fa;text-transform:uppercase}.creator-table td{font-size:12px}.badge{display:inline-block;background:#eef3fa;color:#244f85;padding:5px 9px;border-radius:99px;font-weight:700;font-size:11px}.badge.paid,.badge.approved,.badge.completed{background:#e7f5ec;color:#167543}.badge.pending,.badge.requested{background:#fff5dc;color:#88600c}.badge.reversed,.badge.rejected,.badge.canceled{background:#fce9ed;color:#a11435}.empty{padding:32px;text-align:center;color:#657186}.creator-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.creator-media article{border:1px solid #e0e5ec;border-radius:12px;overflow:hidden}.creator-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#f3f5f8}.creator-media div{padding:12px}#creator-feedback:not(:empty){padding:12px 16px;border-radius:8px;background:#eef5fd;color:#173c68;margin-bottom:16px}.loading{padding:30px;color:#59677a}
@media(max-width:1400px){.creator-insights{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.campaigns-card{grid-column:1/-1;min-height:210px}.campaign-empty{margin:15px auto}.creator-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.earnings-card{grid-column:1/-1}.creator-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.creator-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-insights{grid-template-columns:1fr}.campaigns-card{grid-column:auto}.creator-top{display:block}.top-actions{justify-content:space-between;margin-top:15px}.creator-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.creator-shell{display:block}.creator-sidebar{position:sticky;top:0;z-index:5;height:auto;padding:8px 12px;gap:6px;border-right:0;border-bottom:1px solid #e4e9ef}.creator-brand img{width:88px}.side-caption,.back-shop{display:none}.creator-sidebar nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin}.creator-sidebar nav button{width:auto;white-space:nowrap;padding:9px 11px;font-size:12px;min-height:44px}.creator-sidebar nav button>span{width:16px;font-size:16px}.creator-sidebar nav button[aria-current=page]{box-shadow:inset 0 -3px #d70730}main{padding:20px 13px 44px}.creator-top h1{font-size:27px}.creator-top p{font-size:13px}.top-actions{flex-wrap:wrap;gap:12px}.account-link{border:0;padding:0}.creator-bottom{grid-template-columns:1fr}.earnings-card{grid-column:auto}.creator-two{grid-template-columns:1fr}.creator-insights{grid-template-columns:1fr}.trend-card,.funnel-card,.campaigns-card{min-height:0}}
@media(max-width:420px){.creator-grid-four,.creator-grid-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{display:block;padding:11px}.metric-icon{width:34px;height:34px}.metric-icon svg{width:20px;height:20px}.metric-label{margin-top:8px;font-size:11px}.metric strong,.creator-grid-five .metric strong{font-size:20px;white-space:normal;overflow-wrap:anywhere}.metric small{font-size:10px}.creator-toolbar{flex-wrap:wrap}.creator-toolbar label{flex:1}.creator-toolbar input{width:100%}.creator-toolbar .calendar-icon{display:none}.creator-card{padding:14px}.funnel-row{grid-template-columns:25px 1fr auto 53px 26px;gap:4px}}
.creator-sidebar nav button>span svg{display:block;width:20px;height:20px}
