:root{--green:#21401A;--light:#B5CF8F;--pale:#EBFFC7;--ink:#203024;--muted:#61705f;--bg:#f7f8f4;--card:#fff;--border:#dce5d5;--radius:16px;--shadow:0 8px 24px rgba(33,64,26,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}a{color:var(--green)}.app-shell{min-height:100vh;display:flex}aside{position:fixed;inset:0 auto 0 0;width:248px;background:var(--green);color:white;padding:28px 20px;display:flex;flex-direction:column;z-index:2}.brand{font-weight:800;font-size:1.05rem;letter-spacing:-.02em}.brand span{display:block;color:var(--light);font-size:.78rem;font-weight:600;margin-top:4px}nav{display:grid;gap:6px;margin-top:52px}nav a{color:#eaf4e4;text-decoration:none;padding:12px 13px;border-radius:10px;font-weight:700}nav a:hover,nav a.active{background:var(--light);color:var(--green)}.quiet{margin-top:auto;background:transparent;color:#eaf4e4;text-align:left;padding:12px;border:0}.content{margin-left:248px;width:calc(100% - 248px);max-width:1160px;padding:30px 5vw 64px}header{display:flex;justify-content:flex-end;gap:16px;align-items:center;color:var(--muted);font-size:.9rem;margin-bottom:52px}header strong{color:var(--green)}.menu{display:none}.content h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.1;margin:0 0 10px;letter-spacing:-.04em;color:var(--green)}.lead{color:var(--muted);margin:0 0 28px}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin:20px 0;box-shadow:var(--shadow)}.panel h2{font-size:1.1rem;margin:0 0 17px;color:var(--green)}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.kpis div{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:19px;display:grid;gap:10px;box-shadow:var(--shadow)}.kpis span{color:var(--muted);font-size:.86rem}.kpis b{font-size:1.3rem;color:var(--green)}.settlement{display:flex;justify-content:space-between;gap:18px;align-items:center}.settlement b{font-size:1.4rem;color:var(--green)}.settlement span{color:var(--muted)}.text-link{display:inline-block;margin-top:18px;color:var(--green);font-weight:800;text-decoration:underline;text-underline-offset:3px}.linkbox{display:flex;gap:9px;align-items:center;background:var(--pale);padding:10px;border-radius:12px;word-break:break-word}.linkbox code{flex:1;min-width:0;font-size:.85rem}.linkbox button,.auth button{white-space:nowrap;background:var(--green);color:white;border:0;border-radius:10px;padding:13px 16px;font-weight:800}.steps{display:grid;gap:18px;padding-left:23px}.steps span{display:block;color:var(--muted);margin-top:5px}.success{color:var(--green);font-weight:800}.muted,.empty{color:var(--muted);font-size:.9rem}.history{display:grid}.history>div{display:grid;grid-template-columns:1fr auto;gap:4px;padding:14px 0;border-bottom:1px solid var(--border)}.history small{grid-column:1/-1;color:var(--muted)}dl{display:grid;grid-template-columns:160px 1fr;gap:15px;margin:0}dt{color:var(--muted)}dd{margin:0;font-weight:700}.notice{padding:13px 15px;border-radius:11px;background:var(--pale);margin:16px 0}.error{background:#fff1ed;color:#8b321e}.auth{max-width:500px;margin:0 auto;padding:56px 18px}.auth .brand{color:var(--green);margin-bottom:42px}.auth .brand span{display:inline;color:var(--muted);margin-left:5px}.auth .card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:var(--shadow)}.auth h1{font-size:2.4rem;line-height:1.1;color:var(--green);margin:8px 0 12px}.auth p{color:var(--muted);line-height:1.55}.auth label{display:grid;gap:8px;margin:20px 0;font-weight:750;color:var(--ink)}.auth input{width:100%;border:1px solid #b9c9b3;border-radius:10px;padding:13px 14px;background:white}.auth input:focus{outline:3px solid rgba(181,207,143,.55);border-color:var(--green)}button:focus,a:focus{outline:3px solid rgba(181,207,143,.8);outline-offset:2px}.auth button{width:100%;margin-top:4px}.eyebrow{font-size:.75rem;font-weight:850;letter-spacing:.12em;color:var(--green)!important}@media(max-width:760px){aside{transform:translateX(-100%);transition:transform .2s;width:248px}aside.open{transform:translateX(0)}.content{margin-left:0;width:100%;padding:20px 18px 45px}header{justify-content:space-between;margin-bottom:40px}.menu{display:block;background:var(--pale);color:var(--green);padding:9px 12px;border:0;border-radius:10px;font-weight:800}.kpis{grid-template-columns:1fr}.settlement{align-items:flex-start;flex-direction:column}.linkbox{align-items:stretch;flex-direction:column}.linkbox button{width:100%}dl{grid-template-columns:1fr;gap:5px}dd{margin-bottom:9px}}
/* Official Lildog assets and restrained SaaS styling. */
:root{--bg:#f8f8f4;--border:#dfe8d9;--radius:18px;--shadow:0 12px 32px rgba(33,64,26,.07)}body{min-width:320px;-webkit-font-smoothing:antialiased}aside{padding:30px 18px;box-shadow:8px 0 30px rgba(33,64,26,.12)}aside .brand{height:52px;width:170px;background:url("./assets/Lildog_Small_White_RGB.png") left center/contain no-repeat;font-size:0;margin:0 10px}aside .brand span{display:none}nav{margin-top:56px;gap:8px}nav a{padding:13px 14px;transition:background .16s ease,transform .16s ease}nav a:hover{transform:translateX(2px)}nav a.active{box-shadow:0 4px 12px rgba(0,0,0,.12)}.content{max-width:1280px;padding:34px clamp(24px,5vw,72px) 72px}header{border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:56px}.content h1{font-size:clamp(1.8rem,3vw,2.35rem)}.panel,.kpis div{box-shadow:var(--shadow);transition:box-shadow .16s ease,transform .16s ease}.kpis div:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(33,64,26,.11)}.kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.kpis div{padding:22px;border-radius:18px}.kpis b{font-size:1.55rem}.panel{padding:28px}.history>div{padding:17px 4px;align-items:center}.auth{max-width:480px;padding:72px 20px}.auth .brand{height:64px;width:190px;background:url("./assets/Lildog_logo_green.png") left center/contain no-repeat;font-size:0;margin:0 auto 44px}.auth .brand span{display:none}.auth .card{padding:36px;border-radius:22px;box-shadow:0 18px 45px rgba(33,64,26,.1)}.auth h1{font-size:2rem}.auth input{min-height:48px;border-radius:12px}.auth button,.linkbox button{border-radius:12px;transition:background .16s ease,transform .16s ease}.auth button:hover,.linkbox button:hover{background:#173313;transform:translateY(-1px)}@media(max-width:760px){.content{padding:22px 18px 48px}.kpis{grid-template-columns:1fr}.panel{padding:22px}.auth{padding:44px 16px}.auth .card{padding:26px 22px}}
.password-field{position:relative;display:flex;align-items:center}.password-field input{padding-right:48px}.auth .password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px!important;height:34px;min-height:34px;padding:0!important;margin:0!important;border:0!important;border-radius:9px;background:transparent!important;color:var(--muted);font-size:0;box-shadow:none}.password-toggle span,.password-toggle::before{content:"";display:block;width:18px;height:12px;margin:auto;border:1.8px solid currentColor;border-radius:75% 15%;transform:rotate(45deg)}.password-toggle span::after,.password-toggle::after{content:"";position:absolute;left:14px;top:11px;width:6px;height:6px;border:1.8px solid currentColor;border-radius:50%}.password-toggle:hover{background:var(--pale)!important;color:var(--green)}
.data-panel{overflow:hidden}.data-list{display:grid}.data-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(120px,auto) minmax(160px,1fr);gap:18px;align-items:center;padding:17px 4px;border-bottom:1px solid var(--border)}.data-row:last-child{border-bottom:0}.data-row small,.data-row em{display:block;color:var(--muted);font-size:.86rem;font-style:normal;margin-top:4px}.data-row>span{color:var(--green);font-weight:800;text-align:right}.activity-list{display:grid}.activity-row{display:flex;gap:13px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--border)}.activity-row:last-child{border-bottom:0}.activity-dot{width:9px;height:9px;background:var(--light);border-radius:50%;margin-top:6px;flex:0 0 auto}.activity-row small{display:block;color:var(--muted);margin-top:4px}.empty-state{color:var(--muted);padding:12px 0}.referral-panel{background:linear-gradient(135deg,#fff 0%,#fbfff7 100%)}
@media(max-width:760px){.data-row{grid-template-columns:1fr;gap:5px}.data-row>span{text-align:left}.data-row em{margin-bottom:4px}.referral-panel .linkbox{margin-top:18px}}
.chart-panel{min-height:230px}.chart{min-height:150px}.chart-bars{height:150px;display:flex;align-items:end;gap:10px;border-bottom:1px solid var(--border);padding:0 8px}.chart-column{height:100%;flex:1;min-width:24px;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px}.chart-value{font-size:.68rem;color:var(--muted);white-space:nowrap}.chart-bar-group{height:105px;display:flex;align-items:end;gap:3px}.chart-bar{width:12px;max-height:100%;min-height:4px;background:var(--green);border-radius:5px 5px 0 0}.transferred-bar{background:var(--light)}.chart-column small{font-size:.68rem;color:var(--muted);transform:rotate(-35deg);transform-origin:top center;margin-top:7px}.chart-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;padding-top:12px}.chart-empty{display:grid;place-items:center;min-height:150px;color:var(--muted);background:var(--bg);border-radius:12px}.chart-legend{display:flex;gap:18px;color:var(--muted);font-size:.82rem;margin:-5px 0 15px}.chart-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);margin-right:6px}.chart-legend .legend-transferred{background:var(--light)}
 .demo-badge{display:inline-block;margin-top:12px;padding:5px 8px;border-radius:7px;background:#f7d66b;color:#3c2b00;font-size:.68rem;letter-spacing:.08em;font-weight:900}
.analytics-panel{overflow:hidden}.analytics-chart{padding-top:14px}.analytics-bars{height:190px;display:flex;align-items:end;gap:8px;border-bottom:1px solid var(--border);padding:0 8px}.analytics-month{height:100%;flex:1;min-width:28px;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}.analytics-bar-group{height:145px;display:flex;align-items:end;gap:3px}.analytics-bar{position:relative;width:16px;min-height:3px;background:var(--green);border-radius:5px 5px 0 0}.analytics-bar.transferred-bar{background:var(--light)}.analytics-bar span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:.62rem;color:var(--muted);white-space:nowrap;margin-bottom:3px}.analytics-month small{font-size:.72rem;color:var(--muted)}.analytics-axis{display:flex;justify-content:space-between;padding-top:10px;color:var(--muted);font-size:.76rem}.forecast-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.forecast-list div{display:flex;justify-content:space-between;gap:8px;padding:10px;background:var(--bg);border-radius:9px}.forecast-list span{color:var(--muted)}.forecast-list b{color:var(--green)}
.portal-polish{color:var(--ink)}
/* Final Partner Portal V2 visual layer: compact SaaS layout, tables and responsive charts. */
:root{--surface:#fff;--surface-soft:#fbfcf8;--line:#d8e3d3;--line-strong:#c2d2bc;--radius-sm:10px;--radius-lg:18px;--shadow-soft:0 8px 24px rgba(33,64,26,.06)}
body{background:#f5f7f2;color:var(--ink)}
.content{max-width:1380px;padding:32px clamp(28px,5vw,76px) 72px}.content header{margin-bottom:38px}.page-heading{max-width:760px;margin-bottom:24px}.content h1{font-size:clamp(1.75rem,3vw,2.25rem);letter-spacing:-.035em}.lead{font-size:.98rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:24px;margin:18px 0}.panel h2{font-size:1.02rem;letter-spacing:-.01em;margin-bottom:14px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.kpis div{min-height:110px;padding:18px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:none}.kpis span{font-size:.78rem;font-weight:700;color:var(--muted)}.kpis b{font-size:1.38rem;letter-spacing:-.025em}.referral-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,480px);gap:28px;align-items:center;background:var(--surface-soft)}.linkbox{border:1px solid var(--line-strong);background:var(--pale);padding:8px;border-radius:12px}.linkbox code{font-size:.78rem}.data-panel{padding:0;overflow:hidden}.data-panel>.notice,.data-panel>.muted{margin:20px 24px}.data-list{padding:0 24px}.data-row{grid-template-columns:minmax(190px,1.2fr) minmax(110px,.6fr) minmax(150px,1fr);min-height:66px;padding:14px 0;border-bottom:1px solid #edf1ea}.data-row b{font-size:.88rem}.data-row small,.data-row em{font-size:.78rem}.data-row>span{font-size:.82rem}.history-row{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid #edf1ea}.history-row:last-child{border-bottom:0}.notice{font-size:.82rem;border:1px solid #d9e9c9}.chart-panel,.analytics-panel{padding:24px}.analytics-bars{height:180px}.analytics-bar{width:18px}.analytics-bar span{font-variant-numeric:tabular-nums;font-size:.62rem}.analytics-month small{font-size:.7rem;text-transform:capitalize}.chart-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:.78rem;font-weight:700}.forecast-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.forecast-list div{border:1px solid var(--line);background:var(--surface-soft);font-size:.8rem}.demo-badge{margin-left:10px;margin-top:0;vertical-align:middle}
@media(max-width:980px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-panel{grid-template-columns:1fr}.forecast-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.content{padding:22px 16px 48px}.panel{padding:18px;margin:14px 0}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpis div{min-height:94px;padding:14px}.kpis b{font-size:1.12rem}.data-list{padding:0 18px}.data-row{grid-template-columns:1fr;gap:5px;padding:14px 0}.data-row>span{text-align:left}.history-row{grid-template-columns:1fr auto;gap:6px}.history-row span:last-child{grid-column:1/-1}.analytics-bars{gap:4px}.analytics-bar{width:12px}.analytics-bar span{font-size:.55rem}.forecast-list{grid-template-columns:1fr}.linkbox{font-size:.76rem}}
.data-panel>.table-wrap{padding:0 14px 14px}.next-page{display:block;margin:18px 24px 22px;width:calc(100% - 48px);background:var(--green);color:#fff;border:1px solid var(--green);border-radius:10px;padding:11px 16px;font-weight:800}.next-page:hover{background:#173313}.next-page:focus{outline:3px solid rgba(181,207,143,.8);outline-offset:2px}.next-page:disabled{cursor:wait;opacity:.6}.analytics-bar{position:relative;padding:0;border:0;cursor:pointer}.analytics-bar:focus{outline:3px solid var(--light);outline-offset:2px}.chart-value-label{display:none}.analytics-bar:hover::after,.analytics-bar:focus::after{content:attr(aria-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:2;background:var(--green);color:#fff;padding:6px 8px;border-radius:6px;font-size:.7rem;white-space:nowrap;pointer-events:none}
.subscription-bar-chart{height:220px;padding:16px 18px 10px}.subscription-bars{height:170px;display:flex;align-items:end;gap:12px;border-bottom:1px solid var(--border);padding:0 8px}.subscription-month{height:100%;flex:1;min-width:28px;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}.subscription-bar-wrap{height:145px;width:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:4px}.subscription-bar-wrap b{color:var(--green);font-size:.8rem}.subscription-bar{display:block;width:min(34px,70%);min-height:0;background:var(--green);border-radius:5px 5px 0 0}.subscription-month small{font-size:.7rem;color:var(--muted)}
@media (max-width:600px){.subscription-bar-chart{height:205px;padding-inline:8px}.subscription-bars{height:155px;gap:4px;padding-inline:2px}.subscription-bar-wrap{height:130px}.subscription-month small{font-size:.58rem}.analytics-bar:hover::after,.analytics-bar:focus::after{font-size:.62rem;max-width:130px;white-space:normal;text-align:center}}
.chart-layout{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:stretch}.chart-y-axis{height:180px;display:flex;flex-direction:column;justify-content:space-between;align-items:end;color:var(--muted);font-size:.68rem;line-height:1;white-space:nowrap;padding:0 2px 0 0}.chart-plot{position:relative;min-width:0}.chart-gridlines{position:absolute;inset:0 0 0 0;height:180px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:0}.chart-gridlines i{display:block;border-top:1px solid rgba(194,210,188,.55)}.chart-layout .analytics-bars,.chart-layout .subscription-bars{position:relative;z-index:1}.chart-layout .analytics-bars{height:180px;border-bottom:0}.chart-layout .subscription-bars{height:180px;border-bottom:0}.chart-layout .analytics-month,.chart-layout .subscription-month{position:relative}.chart-layout .analytics-bar-group{height:145px}.chart-layout .subscription-bar-wrap{height:145px}.chart-y-axis span:last-child{font-weight:700;color:var(--ink)}
@media(max-width:600px){.chart-layout{grid-template-columns:46px minmax(0,1fr);gap:6px}.chart-y-axis{height:155px;font-size:.58rem}.chart-gridlines{height:155px}.chart-layout .analytics-bars,.chart-layout .subscription-bars{height:155px}.chart-layout .analytics-bar-group,.chart-layout .subscription-bar-wrap{height:125px}}
.subscription-line-chart{height:220px;padding:18px 18px 10px}.subscription-line-chart svg{display:block;width:100%;height:150px;overflow:visible}.line-chart-labels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;text-align:center}.line-chart-labels span{display:grid;gap:3px}.line-chart-labels b{color:var(--green);font-size:.85rem}.line-chart-labels small{color:var(--muted);font-size:.7rem;white-space:nowrap}
@media (max-width:600px){.subscription-line-chart{height:205px;padding-inline:8px}.subscription-line-chart svg{height:135px}.line-chart-labels{gap:2px}.line-chart-labels small{font-size:.58rem}}
.table-wrap{overflow-x:auto}.portal-table{width:100%;border-collapse:collapse;min-width:620px;font-size:.84rem}.portal-table th{padding:12px 10px;text-align:left;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}.portal-table td{padding:15px 10px;border-bottom:1px solid #edf1ea;vertical-align:middle}.portal-table tbody tr:last-child td{border-bottom:0}.portal-table td strong{color:var(--green);font-weight:800}.status-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef2eb;color:var(--muted);font-size:.72rem;font-weight:800;white-space:nowrap}.status-active,.status-eligible{background:var(--pale);color:var(--green)}.status-paid,.status-succeeded{background:#e8f1ff;color:#22518a}.status-canceled,.status-reversed{background:#f1f1ef;color:#666}.status-manual_review{background:#fff0c2;color:#735600}
.analytics-bars{display:flex;flex-direction:row;width:100%;min-height:0;overflow:visible}.analytics-month{flex:1 1 0;min-width:0;max-width:none}.analytics-bar-group{width:100%;justify-content:center;flex-direction:row;align-items:end;min-height:0}.analytics-bar{flex:0 1 18px;max-width:18px}
.analytics-bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;width:100%;height:180px;gap:12px;overflow:visible}.analytics-month{width:100%;height:100%;min-width:0;display:flex;align-items:center;justify-content:end}.analytics-bar-group{width:100%;height:145px;display:flex;align-items:end;justify-content:center;flex-direction:row}.analytics-bar{flex:0 1 18px;height:auto;max-width:18px}
.qr-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:28px;align-items:center}.qr-content{min-width:0;text-align:center}.qr-content canvas{display:block;width:min(100%,360px);max-width:100%;height:auto;margin:0 auto 12px;background:#fff;border:10px solid #fff;border-radius:8px}.qr-url{margin:0 auto 16px;color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}.qr-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.button-secondary{background:#fff;color:var(--green);border:1px solid var(--green);border-radius:12px;padding:13px 16px;font-weight:800}.button-secondary:hover{background:var(--pale)}.inspiration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.inspiration-grid article{padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--bg)}.inspiration-grid article>span{font-size:1.5rem}.inspiration-grid h3{margin:8px 0 4px;font-size:.95rem;color:var(--green)}.inspiration-grid p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.45}.qr-panel .notice{margin:12px 0}@media(max-width:760px){.qr-panel{grid-template-columns:1fr}.inspiration-grid{grid-template-columns:1fr}.qr-content canvas{width:min(100%,320px)}}
.referral-sharing{padding:28px}.referral-sharing-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,480px);gap:24px;align-items:end;padding-bottom:24px;border-bottom:1px solid var(--border)}.referral-sharing-header h2{margin-bottom:8px}.referral-sharing-header .linkbox{margin-bottom:0}.referral-sharing-main{display:grid;grid-template-columns:1fr;gap:24px;padding-top:24px}.referral-sharing-main h3{margin:0 0 14px;color:var(--green)}.referral-sharing-main>.qr-content{max-width:520px;margin:0 auto;width:100%}.referral-sharing-main>div:last-child{border-top:1px solid var(--border);padding-top:22px}.referral-sharing .inspiration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.referral-sharing .inspiration-grid article{display:flex;flex-direction:column;min-width:0;padding:14px}.referral-sharing .inspiration-grid article>img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;border-radius:12px;margin-bottom:12px}.referral-sharing .inspiration-grid article:first-child>img{object-position:center 58%}.referral-sharing .inspiration-grid article:nth-child(2)>img{object-position:center 52%}.referral-sharing .inspiration-grid article:nth-child(3)>img{object-position:center 48%}.referral-sharing h4{margin:0;color:var(--green)}.referral-sharing .inspiration-grid p{margin:4px 0 0;color:var(--muted);font-size:.85rem;line-height:1.45}.referral-sharing .qr-actions .button{min-width:140px}@media(max-width:760px){.referral-sharing{padding:20px}.referral-sharing-header{grid-template-columns:1fr;gap:22px}.referral-sharing-main{gap:20px;padding-top:20px}.referral-sharing .inspiration-grid{grid-template-columns:1fr;gap:14px}.referral-sharing .inspiration-grid article>img{aspect-ratio:4/3}.referral-sharing-main>div:last-child{padding-top:18px}}
.kpis .kpi-link{position:relative;overflow:hidden;cursor:pointer;background:linear-gradient(145deg,#fff 0%,#f5fbe9 100%);box-shadow:0 8px 24px rgba(33,64,26,.08);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.kpis .kpi-link::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--green)}.kpis .kpi-link::after{content:"↗";position:absolute;right:18px;top:16px;color:var(--green);font-size:1.05rem;font-weight:800}.kpis .kpi-link:hover{transform:translateY(-3px);border-color:var(--light);box-shadow:0 16px 34px rgba(33,64,26,.14)}.kpis .kpi-link:focus{outline:3px solid rgba(181,207,143,.85);outline-offset:3px}.lightbox{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:rgba(20,30,20,.82)}.lightbox[hidden]{display:none}.lightbox-panel{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:12px;width:min(100%,1100px);height:min(100%,820px);padding:24px;background:#172b14;border:1px solid rgba(255,255,255,.25);border-radius:18px}.lightbox-image{grid-column:2;grid-row:1;width:100%;height:100%;max-height:calc(100vh - 150px);object-fit:contain}.lightbox-caption{grid-column:1/-1;grid-row:2;margin:0;color:#fff;text-align:center;font-weight:800}.lightbox-close,.lightbox-prev,.lightbox-next{border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:10px;font-size:1.8rem;line-height:1;min-width:40px;min-height:40px}.lightbox-close{position:absolute;right:14px;top:14px}.lightbox-prev{grid-column:1;grid-row:1}.lightbox-next{grid-column:3;grid-row:1}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:var(--light);color:var(--green)}.lightbox-close:focus,.lightbox-prev:focus,.lightbox-next:focus{outline:3px solid var(--pale);outline-offset:2px}.lightbox-open{overflow:hidden}@media(max-width:600px){.kpis .kpi-link::after{right:12px;top:12px}.lightbox{padding:10px}.lightbox-panel{grid-template-columns:38px minmax(0,1fr) 38px;gap:4px;padding:14px 8px;border-radius:12px}.lightbox-close{right:8px;top:8px}.lightbox-image{max-height:calc(100vh - 120px)}}
.payout-history-panel{padding:24px}
.payout-history-panel{padding:24px}.payout-history-panel>.table-wrap{padding:0}