:root {
	color-scheme: dark;
	--paper: #101713;
	--white: #19231d;
	--ink: #edf4ee;
	--muted: #a0afa5;
	--green: #63bd87;
	--green-dark: #1f4a35;
	--lime: #c8e66c;
	--line: #344239;
	--orange: #eea273;
	--soft-green: #24372b;
	--shadow: 0 22px 65px rgba(0, 0, 0, .34);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	color: var(--ink);
	background: var(--paper);
	font-family: "DM Sans", sans-serif;
	-webkit-font-smoothing: antialiased;
}
button, a { font: inherit; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
.wrap { width: min(1160px, calc(100% - 48px)); margin: 0 auto; }
.site-header { height: 78px; display: flex; align-items: center; border-bottom: 1px solid rgba(23, 36, 29, .08); }
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; }
.brand-logo { display: block; width: 200px; height: auto; }
.header-inner .brand-logo { transform: translate(-11px, 2px); }
.nav { display: flex; align-items: center; gap: 32px; color: #536057; font-size: 14px; }
.nav a:hover, .text-link:hover { color: var(--green); }
.header-actions { display: flex; align-items: center; gap: 18px; font-size: 14px; font-weight: 700; }
.text-link { color: var(--green-dark); }
.button { min-height: 44px; padding: 0 19px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 0; border-radius: 7px; color: white; background: var(--green); font-weight: 700; cursor: pointer; transition: background .2s, transform .2s; }
.button:hover { background: var(--green-dark); transform: translateY(-1px); }
.button-light { color: var(--ink); background: var(--white); border: 1px solid var(--line); }
.button-light:hover { color: var(--green-dark); background: #f1f5ee; }
.button:focus-visible, a:focus-visible, summary:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }

.hero { position: relative; padding: 88px 0 82px; overflow: hidden; }
.hero:before { content: ""; position: absolute; z-index: -1; top: 24px; right: -210px; width: 590px; height: 590px; border: 1px solid rgba(23, 111, 80, .11); border-radius: 50%; box-shadow: 0 0 0 38px rgba(23, 111, 80, .025), 0 0 0 86px rgba(23, 111, 80, .02); }
.hero-grid { display: grid; grid-template-columns: 1fr 1.03fr; align-items: center; gap: 62px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--green); font-size: 11px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; }
.eyebrow:before { content: ""; width: 19px; height: 2px; background: var(--orange); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: Manrope, sans-serif; letter-spacing: 0; }
h1 { max-width: 580px; margin: 20px 0 20px; font-size: clamp(42px, 5vw, 64px); line-height: 1.08; font-weight: 700; }
h1 span { color: var(--green); }
.hero-copy { max-width: 510px; margin-bottom: 27px; color: var(--muted); font-size: 17px; line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; }
.microcopy { margin: 18px 0 0; color: #768178; font-size: 12px; }

.demo-wrap { position: relative; padding: 20px 0 20px 20px; }
.demo-wrap:before { content: ""; position: absolute; z-index: -1; left: 0; bottom: 0; width: 73%; height: 72%; background: var(--lime); }
.demo-card { padding: 23px; border: 1px solid #e6e9e2; border-radius: 9px; background: var(--white); box-shadow: var(--shadow); }
.demo-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-bottom: 18px; border-bottom: 1px solid #edf0ea; }
.demo-heading strong { display: block; font: 700 14px Manrope, sans-serif; }
.demo-heading small, .campaign small { color: var(--muted); font-size: 11px; }
.demo-label { padding: 6px 9px; border-radius: 4px; color: #7d4a2d; background: #fff1e9; font-size: 10px; font-weight: 800; letter-spacing: .5px; }
.campaign { display: flex; align-items: center; gap: 13px; margin: 18px 0; padding: 16px; border: 1px solid var(--line); border-radius: 7px; }
.campaign-icon { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 6px; color: var(--green); background: var(--soft-green); font-size: 17px; font-weight: 800; }
.campaign b { display: block; margin-bottom: 4px; font: 700 13px Manrope, sans-serif; }
.campaign .status { margin-left: auto; align-self: flex-start; color: var(--green); font-size: 10px; font-weight: 700; white-space: nowrap; }
.progress-label { display: flex; justify-content: space-between; margin: 20px 0 8px; color: #58645b; font-size: 11px; }
.progress-track { height: 7px; overflow: hidden; border-radius: 99px; background: #edf0ea; }
.progress-track span { display: block; width: 68%; height: 100%; border-radius: inherit; background: var(--green); }
.demo-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 18px; padding-top: 16px; border-top: 1px solid #edf0ea; color: var(--muted); font-size: 11px; }
.demo-foot b { color: var(--ink); }
.consent-chip { display: inline-flex; align-items: center; gap: 6px; color: var(--green); font-weight: 700; }
.consent-chip:before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #76a94a; }

.trust-row { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.55); }
.trust-inner { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.trust-title { max-width: 200px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.trust-item { display: flex; align-items: center; gap: 10px; color: #3e4c42; font-size: 13px; font-weight: 700; }
.trust-check { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; color: var(--green); background: #e3eedb; font-size: 13px; }
.calc-section { padding: 78px 0; background: #fff; }
.calc-layout { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 70px; }
.calc-copy h2 { margin: 14px 0 12px; font-size: clamp(30px, 4vw, 42px); line-height: 1.17; }
.calc-copy p { margin: 0; color: var(--muted); line-height: 1.7; }
.calc-controls { padding: 23px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.calc-topline { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 18px; font-size: 13px; font-weight: 700; }
.calc-topline output { color: var(--green); font: 800 24px Manrope, sans-serif; }
.calc-range { width: 100%; accent-color: var(--green); cursor: pointer; }
.calc-presets { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px; }
.calc-presets button { min-height: 34px; padding: 0 12px; border: 1px solid var(--line); border-radius: 5px; background: white; font-size: 12px; font-weight: 700; cursor: pointer; }
.calc-presets button:hover, .calc-presets button[aria-pressed="true"] { color: var(--green-dark); border-color: var(--green); background: var(--soft-green); }
.calc-result { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-top: 19px; }
.calc-result p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.calc-total { color: var(--green-dark); font: 800 32px Manrope, sans-serif; white-space: nowrap; }

.section { padding: 92px 0; }
.section-head { max-width: 610px; margin-bottom: 40px; }
.section-head h2 { margin: 14px 0 12px; font-size: clamp(30px, 4vw, 42px); line-height: 1.17; }
.section-head p { margin: 0; color: var(--muted); line-height: 1.7; }
.steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.step { padding: 25px 26px 8px 0; }
.step + .step { padding-left: 26px; border-left: 1px solid var(--line); }
.step-number { color: var(--orange); font: 800 13px Manrope, sans-serif; }
.step h3 { margin: 18px 0 9px; font-size: 19px; }
.step p { max-width: 310px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }

.control-band { padding: 72px 0; color: white; background: var(--green-dark); }
.control-grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 70px; }
.control-band .eyebrow { color: var(--lime); }
.control-band h2 { margin: 16px 0; font-size: clamp(30px, 4vw, 43px); line-height: 1.17; }
.control-band p { max-width: 430px; margin-bottom: 0; color: #c5d5ca; line-height: 1.7; }
.control-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.control-item { min-height: 103px; padding: 17px; border: 1px solid rgba(255,255,255,.18); border-radius: 6px; background: rgba(255,255,255,.055); }
.control-item b { display: block; margin: 12px 0 5px; font: 700 13px Manrope, sans-serif; }
.control-item span { color: #c5d5ca; font-size: 12px; line-height: 1.5; }
.control-symbol { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 5px; color: var(--green-dark); background: var(--lime); font-size: 13px; font-weight: 800; }

.faq { padding: 82px 0 92px; }
.faq-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; }
.faq h2 { margin: 14px 0; font-size: 38px; line-height: 1.18; }
.faq-intro { color: var(--muted); line-height: 1.7; }
.faq-list { border-top: 1px solid var(--line); }
details { border-bottom: 1px solid var(--line); }
summary { position: relative; padding: 19px 30px 19px 0; font: 700 14px Manrope, sans-serif; cursor: pointer; list-style: none; }
summary::-webkit-details-marker { display: none; }
summary:after { content: "+"; position: absolute; right: 2px; top: 15px; color: var(--green); font: 500 23px "DM Sans", sans-serif; }
details[open] summary:after { content: "−"; }
details p { max-width: 610px; margin: -2px 0 19px; color: var(--muted); font-size: 13px; line-height: 1.7; }

.final-cta { padding: 42px 0; background: var(--lime); }
.final-inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.final-inner h2 { margin: 0 0 5px; font-size: 25px; }
.final-inner p { margin: 0; color: #526040; font-size: 14px; }
.final-inner .button { color: white; background: var(--ink); }
.final-inner .button:hover { background: #2e4436; }
footer { padding: 26px 0; background: var(--paper); }
.footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; color: var(--muted); font-size: 12px; }
.footer-inner .brand-logo { width: 160px; transform: translateX(-9px); }
.footer-links { display: flex; gap: 22px; }
.scroll-reveal {
	--reveal-delay: 0ms;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .65s ease var(--reveal-delay), transform .65s cubic-bezier(.2, .7, .2, 1) var(--reveal-delay);
}
.scroll-reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 850px) {
	.hero-grid { grid-template-columns: 1fr; gap: 30px; }
	.hero { padding: 66px 0 58px; }
	.demo-wrap { max-width: 620px; }
	.calc-layout { grid-template-columns: 1fr; gap: 28px; }
	.control-grid { grid-template-columns: 1fr; gap: 35px; }
	.faq-grid { grid-template-columns: 1fr; gap: 25px; }
	.faq h2 { max-width: 470px; }
}
@media (max-width: 620px) {
	.wrap { width: min(100% - 34px, 520px); }
	.site-header { height: 67px; }
	.nav { display: none; }
	.header-actions { gap: 12px; font-size: 13px; }
	.header-actions .button { min-height: 39px; padding: 0 13px; }
	.hero { padding: 55px 0 48px; }
	h1 { font-size: 43px; }
	.hero-copy { font-size: 15px; }
	.hero-actions { align-items: stretch; }
	.hero-actions .button { flex: 1 1 190px; }
	.demo-wrap { padding: 14px 0 14px 14px; }
	.demo-card { padding: 17px; }
	.campaign { padding: 12px; }
	.campaign .status { font-size: 9px; }
	.trust-inner { justify-content: flex-start; flex-wrap: wrap; padding: 19px 0; gap: 13px 20px; }
	.trust-title { flex-basis: 100%; max-width: none; }
	.trust-item { font-size: 11px; }
	.calc-section { padding: 62px 0; }
	.calc-result { align-items: flex-start; flex-direction: column; gap: 7px; }
	.calc-total { font-size: 29px; }
	.section { padding: 67px 0; }
	.steps { grid-template-columns: 1fr; }
	.step, .step + .step { padding: 20px 0; border-left: 0; border-bottom: 1px solid var(--line); }
	.step h3 { margin-top: 11px; }
	.control-band { padding: 58px 0; }
	.control-list { grid-template-columns: 1fr; }
	.control-item { min-height: 0; }
	.faq { padding: 64px 0; }
	.faq h2 { font-size: 32px; }
	.final-inner { align-items: flex-start; flex-direction: column; }
	.footer-inner { align-items: flex-start; flex-direction: column; }
	.footer-links { flex-wrap: wrap; gap: 12px 20px; }
}
@media (prefers-reduced-motion: reduce) {
	*, *:before, *:after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
	.toast { animation-duration: .01ms !important; }
}

.auth-page { min-height: calc(100svh - 136px); display: flex; align-items: center; padding: 64px 0; }
.auth-layout { display: grid; grid-template-columns: 1fr minmax(340px, .82fr); align-items: center; gap: 80px; }
.auth-intro { max-width: 520px; }
.auth-intro h1 { margin: 20px 0 16px; }
.auth-intro h1 span { color: var(--green); }
.auth-intro > p { max-width: 460px; color: var(--muted); font-size: 16px; line-height: 1.75; }
.auth-reminder { max-width: 440px; display: flex; align-items: flex-start; gap: 12px; margin-top: 30px; color: #536057; font-size: 13px; line-height: 1.6; }
.auth-reminder .trust-check { flex: 0 0 auto; }
.auth-panel { padding: 32px; border: 1px solid var(--line); border-radius: 8px; background: var(--white); box-shadow: var(--shadow); }
.auth-panel-heading { margin-bottom: 24px; }
.auth-panel-heading h2 { margin: 0 0 7px; font-size: 26px; }
.auth-panel-heading p { margin: 0; color: var(--muted); font-size: 13px; }
.auth-form { display: grid; gap: 9px; }
.auth-form > .g-recaptcha { justify-self: center; clip-path: inset(2px); }
.auth-form > label:not(.auth-check) { margin-top: 5px; font-size: 13px; font-weight: 700; }
.auth-form input:not([type="checkbox"]) { width: 100%; min-height: 45px; padding: 0 12px; border: 1px solid #cfd8ce; border-radius: 5px; color: var(--ink); background: white; font: inherit; }
.auth-form input:not([type="checkbox"]):focus { border-color: var(--green); outline: 3px solid rgba(23, 111, 80, .14); }
.auth-form input::placeholder { color: #929b93; }
.password-field { position: relative; }
.password-field input:not([type="checkbox"]) { padding-right: 48px; }
.password-toggle { position: absolute; top: 50%; right: 7px; width: 34px; height: 34px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 5px; color: var(--muted); background: transparent; cursor: pointer; transform: translateY(-50%); }
.password-toggle:hover { color: var(--green-dark); background: var(--soft-green); }
.password-toggle:focus-visible { outline: 2px solid var(--orange); outline-offset: 1px; }
.password-toggle svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.password-toggle svg[hidden] { display: none; }
.password-toggle[aria-pressed="true"] { color: var(--green); }
.field-hint { float: right; color: var(--muted); font-size: 11px; font-weight: 400; }
.auth-check { display: flex; align-items: flex-start; gap: 9px; margin: 9px 0 4px; color: #536057; font-size: 12px; line-height: 1.55; }
.auth-check input { width: 16px; height: 16px; flex: 0 0 auto; margin: 1px 0 0; accent-color: var(--green); }
.auth-submit { width: 100%; margin-top: 8px; }
.toast-container { position: fixed; z-index: 1000; top: 24px; right: 24px; width: min(410px, calc(100vw - 32px)); pointer-events: none; }
.balance-toast-container { display: grid; gap: 10px; }
.toast-warning { border-left-color: var(--orange); }
.toast { display: flex; align-items: flex-start; gap: 14px; padding: 14px 12px 14px 16px; border: 1px solid var(--line); border-left: 4px solid var(--green); border-radius: 7px; color: var(--ink); background: var(--white); box-shadow: var(--shadow); pointer-events: auto; animation: toast-enter .22s ease-out both; }
.toast-error { border-left-color: #c85b49; }
.toast-success { border-left-color: var(--green); }
.toast-message { flex: 1; padding-top: 6px; font-size: 13px; line-height: 1.55; }
.toast-close { width: 32px; height: 32px; flex: 0 0 auto; display: grid; place-items: center; border: 0; border-radius: 5px; color: var(--muted); background: transparent; font-size: 23px; line-height: 1; cursor: pointer; }
.toast-close:hover { color: var(--ink); background: var(--soft-green); }
.toast-close:focus-visible { outline: 2px solid var(--orange); outline-offset: 1px; }
.toast.is-closing { opacity: 0; transform: translateX(12px); transition: opacity .2s ease, transform .2s ease; }
@keyframes toast-enter { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
.auth-switch { margin: 19px 0 0; color: var(--muted); text-align: center; font-size: 13px; }
.auth-switch a { color: var(--green-dark); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.auth-disclaimer { margin: 17px 0 0; padding-top: 14px; border-top: 1px solid #edf0ea; color: #7a847c; font-size: 11px; line-height: 1.55; text-align: center; }
@media (max-width: 850px) {
	.auth-layout { grid-template-columns: 1fr minmax(300px, .9fr); gap: 38px; }
}
@media (max-width: 700px) {
	.auth-page { min-height: 0; padding: 42px 0 58px; }
	.auth-layout { grid-template-columns: 1fr; gap: 28px; }
	.auth-intro h1 { font-size: 40px; }
	.auth-intro > p { font-size: 14px; }
	.auth-reminder { margin-top: 18px; }
	.auth-panel { padding: 24px 20px; }
}

.account-page { min-height: calc(100svh - 136px); padding: 74px 0 90px; }
.account-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 35px; }
.account-heading h1 { margin: 15px 0 10px; font-size: clamp(36px, 5vw, 52px); }
.account-heading h1 span { color: var(--green); }
.account-heading p { color: var(--muted); }
.account-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .8fr); align-items: start; gap: 28px; }
.account-main, .account-sidebar { display: grid; gap: 20px; min-width: 0; }
.balance-panel { padding: 25px 27px; border-radius: 7px; color: white; background: var(--green-dark); }
.balance-topline { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: #d3e2d6; font-size: 13px; }
.account-status { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; }
.account-status i { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); }
.balance-value { display: block; margin: 17px 0 7px; font: 800 36px Manrope, sans-serif; }
.balance-panel > p { max-width: 470px; margin: 0; color: #d3e2d6; font-size: 12px; line-height: 1.6; }
.balance-panel > a { display: inline-flex; gap: 8px; margin-top: 20px; color: var(--lime); font-size: 12px; font-weight: 700; }
.account-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.account-metric { min-height: 125px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 7px; padding: 17px 20px 17px 0; }
.account-metric + .account-metric { padding-left: 22px; border-left: 1px solid var(--line); }
.account-label { color: var(--muted); font-size: 12px; }
.account-metric strong { font: 800 28px Manrope, sans-serif; }
.account-metric small { color: var(--muted); font-size: 11px; line-height: 1.5; }
.activity-panel { padding-top: 4px; }
.panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.panel-heading h2 { margin: 0 0 4px; font-size: 17px; }
.panel-heading p { margin: 0; color: var(--muted); font-size: 11px; }
.activity-empty { display: flex; align-items: center; gap: 14px; padding: 24px 0; }
.activity-empty-mark { width: 36px; height: 36px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 6px; color: var(--green); background: var(--soft-green); font-size: 20px; }
.activity-empty strong { font: 700 13px Manrope, sans-serif; }
.activity-empty p { margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.referral-panel { padding: 22px; border: 1px solid var(--line); border-radius: 7px; background: var(--white); }
.referral-panel h2 { margin: 12px 0 8px; font-size: 19px; }
.referral-panel > p:not(.copy-code-status) { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.referral-code-row { display: flex; align-items: center; gap: 8px; margin-top: 17px; }
.referral-code-row code { flex: 1; min-width: 0; padding: 12px; overflow-wrap: anywhere; border: 1px dashed #b9c9b9; border-radius: 5px; color: var(--green-dark); background: #f7faf4; font: 700 13px "DM Sans", sans-serif; letter-spacing: 1px; }
.copy-code-button { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 5px; color: var(--green-dark); background: var(--white); cursor: pointer; }
.copy-code-button:hover { border-color: var(--green); background: var(--soft-green); }
.copy-code-button:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; }
.copy-code-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.copy-code-status { min-height: 16px; margin: 8px 0 0; color: var(--green); font-size: 11px; }
.profile-panel { padding: 20px 0 0; border-top: 1px solid var(--line); }
.profile-details { margin: 0; }
.profile-details > div { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.profile-details dt { flex: 0 0 auto; color: var(--muted); font-size: 11px; }
.profile-details dd { min-width: 0; margin: 0; overflow-wrap: anywhere; color: var(--ink); font-size: 12px; font-weight: 700; text-align: right; }
.account-label { color: var(--muted); font-size: 12px; }
.logout-form { margin: 0; }
@media (max-width: 620px) {
	.account-page { padding: 48px 0 65px; }
	.account-heading { align-items: flex-start; flex-direction: column; }
	.account-layout { grid-template-columns: 1fr; }
	.account-metric { min-height: 112px; }
	.balance-value { font-size: 32px; }
	.header-actions { gap: 10px; }
}

.dashboard-header { position: sticky; z-index: 100; top: 0; height: 76px; background: rgba(246, 247, 241, .94); backdrop-filter: blur(14px); }
.dashboard-header-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 22px; }
.dashboard-header-inner .brand-logo { transform: translate(-11px, 2px); }
.dashboard-menu { display: flex; align-items: center; gap: 4px; padding: 4px; border: 1px solid #dfe5dc; border-radius: 999px; background: var(--white); box-shadow: 0 4px 16px rgba(27, 55, 39, .06); }
.dashboard-menu a { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 14px; border-radius: 999px; color: var(--muted); font-size: 12px; font-weight: 700; white-space: nowrap; transition: background .18s, color .18s; }
.dashboard-menu a:hover { color: var(--green-dark); background: #f1f5ee; }
.dashboard-menu a.is-current { color: var(--ink); background: var(--lime); }
.dashboard-menu svg, .dashboard-user-summary svg { width: 15px; height: 15px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.dashboard-user { position: relative; justify-self: end; }
.dashboard-user-summary { min-height: 34px; display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink); background: var(--white); font: 700 11px "DM Sans", sans-serif; cursor: pointer; }
.dashboard-user-summary:hover, .dashboard-user.is-open .dashboard-user-summary { border-color: #b7c5b7; background: #fbfcf8; }
.dashboard-user-chevron { width: 13px !important; height: 13px !important; }
.dashboard-user.is-open .dashboard-user-chevron { transform: rotate(180deg); }
.dashboard-user-popover { position: absolute; top: calc(100% + 8px); right: 0; width: 220px; padding: 9px; border: 1px solid var(--line); border-radius: 7px; background: var(--white); box-shadow: var(--shadow); }
.dashboard-user-popover[hidden] { display: none; }
.dashboard-user-info { display: grid; gap: 3px; padding: 5px 7px 10px; border-bottom: 1px solid var(--line); }
.dashboard-user-info strong { overflow-wrap: anywhere; font: 700 13px Manrope, sans-serif; }
.dashboard-user-info span { overflow-wrap: anywhere; color: var(--muted); font-size: 11px; }
.dashboard-user-actions { display: grid; gap: 3px; margin-top: 5px; }
.dashboard-user-popover .logout-form { margin: 0; }
.dashboard-user-action { width: 100%; min-height: 34px; display: flex; align-items: center; gap: 9px; padding: 0 8px; border: 0; border-radius: 4px; color: var(--ink); background: transparent; font: 600 12px "DM Sans", sans-serif; text-align: left; text-decoration: none; cursor: pointer; }
.dashboard-user-action:hover { color: var(--green-dark); background: var(--soft-green); }
.dashboard-user-action[aria-current="page"] { color: var(--green); background: var(--soft-green); }
.dashboard-user-action svg { width: 15px; height: 15px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.dashboard-user-action:focus-visible { outline: 2px solid var(--orange); outline-offset: 1px; }
.dashboard-user-logout { color: #875243; }
.account-feature-panel { padding-top: 5px; scroll-margin-top: 94px; }
.account-feature-panel .panel-heading { padding-bottom: 12px; }
.feature-status { flex: 0 0 auto; padding: 5px 8px; border-radius: 4px; color: var(--muted); background: #edf0ea; font-size: 10px; font-weight: 700; }
.feature-status-connected { color: #176f50; background: #e3eedb; }
.feature-status-pending { color: #805220; background: #f7ecd9; }
.feature-empty { display: flex; align-items: center; gap: 12px; padding: 15px 0; color: var(--muted); }
.feature-empty > span { width: 30px; height: 30px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 5px; color: var(--green); background: var(--soft-green); }
.feature-empty p { margin: 0; font-size: 12px; line-height: 1.55; }
.feature-connection-list { display: grid; gap: 9px; }
.feature-connection-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--line); }
.feature-connection-row > div { min-width: 0; display: grid; gap: 3px; }
.feature-connection-row strong { font-size: 12px; }
.feature-connection-row > div > span { overflow-wrap: anywhere; color: var(--muted); font-size: 11px; }
.feature-manage-link { display: inline-flex; margin-top: 13px; color: var(--green-dark); font-size: 12px; font-weight: 700; text-decoration: none; }
.feature-manage-link:hover { text-decoration: underline; }
.send-panel-heading { align-items: center; gap: 14px; }
.send-add-button { flex: 0 0 auto; }
.send-add-button svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.send-panel-list { display: grid; gap: 14px; }
.send-card { min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 6px; background: var(--white); }
.send-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.send-card-heading .eyebrow { font-size: 9px; }
.send-card-heading h3 { margin: 7px 0 0; font-size: 15px; }
.send-draft-meta { margin: 13px 0 5px; color: var(--muted); font-size: 11px; }
.send-connection-label { display: grid; gap: 6px; margin-bottom: 12px; color: var(--ink); font-size: 11px; font-weight: 700; }
.send-connection-label select { width: 100%; min-height: 42px; padding: 0 10px; border: 1px solid var(--line); border-radius: 5px; color: var(--ink); background: var(--paper); font: inherit; }
.send-connection-label select:focus { border-color: var(--green); outline: 2px solid rgba(99, 189, 135, .18); }
.send-start-button { min-height: 40px; }
.send-start-button:disabled, .send-add-button:disabled { opacity: .55; cursor: not-allowed; transform: none; }
.send-card-error { margin: 10px 0 0; color: #a53d34; font-size: 11px; line-height: 1.5; }
.send-card-progress { margin-top: 14px; }
.send-progress { width: 100%; height: 7px; display: block; overflow: hidden; border: 0; border-radius: 4px; background: var(--line); accent-color: var(--green); }
.send-progress::-webkit-progress-bar { border-radius: 4px; background: var(--line); }
.send-progress::-webkit-progress-value { border-radius: 4px; background: var(--green); transition: width .3s ease; }
.send-progress::-moz-progress-bar { border-radius: 4px; background: var(--green); }
.send-progress-label { margin: 7px 0 10px; color: var(--muted); font-size: 10px; }
.send-counts { display: flex; flex-wrap: wrap; gap: 8px 18px; color: var(--muted); font-size: 10px; }
.send-counts strong { margin-left: 4px; color: var(--ink); font-size: 11px; }
.send-results-wrap { max-height: 270px; margin-top: 12px; overflow: auto; border-top: 1px solid var(--line); }
.send-results { width: 100%; border-collapse: collapse; font-size: 10px; text-align: left; }
.send-results th, .send-results td { padding: 8px 6px; border-bottom: 1px solid var(--line); }
.send-results th { position: sticky; top: 0; color: var(--muted); background: var(--white); font-weight: 700; }
.send-results td:first-child { overflow-wrap: anywhere; }
.send-result-paid { color: #176f50; font-weight: 700; }
.connections-page .account-heading { align-items: center; }
.connections-refresh { flex: 0 0 auto; }
.connections-refresh svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.connections-tabs { display: flex; align-items: center; gap: 8px; margin: 18px 0 16px; }
.connections-tabs[hidden], .connections-grid[hidden], .connection-card[hidden], .connections-tab-empty[hidden] { display: none; }
.connections-tab { min-height: 42px; display: inline-flex; align-items: center; gap: 8px; padding: 0 13px; border: 1px solid var(--line); border-radius: 6px; color: var(--muted); background: var(--white); font-size: 13px; font-weight: 700; cursor: pointer; }
.connections-tab[aria-pressed="true"] { border-color: var(--green); color: var(--ink); background: var(--green-dark); }
.connections-tab-count { min-width: 22px; height: 22px; display: inline-grid; place-items: center; padding: 0 6px; border-radius: 11px; color: var(--muted); background: var(--soft-green); font-size: 10px; }
.connections-tab[aria-pressed="true"] .connections-tab-count { color: var(--ink); background: var(--green); }
.connections-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 280px)); gap: 16px; }
.connection-card { min-width: 0; display: flex; flex-direction: column; padding: 20px; border: 1px solid var(--line); border-radius: 7px; background: var(--white); box-shadow: var(--shadow); }
.connection-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.connection-slot { color: var(--muted); font-size: 11px; font-weight: 700; }
.connection-status { padding: 5px 8px; border-radius: 4px; color: var(--muted); background: #edf0ea; font-size: 10px; font-weight: 700; }
.connection-status-connected { color: #176f50; background: #e3eedb; }
.connection-status-qr, .connection-status-connecting { color: #805220; background: #f7ecd9; }
.connection-status-cleanup_failed { color: #9c3d35; background: #f7e5e2; }
.connection-card h2 { margin: 16px 0 3px; font-size: 17px; }
.connection-phone { min-height: 19px; margin: 0; color: var(--muted); font-size: 12px; }
.connection-qr { width: min(100%, 240px); aspect-ratio: 1; display: grid; place-items: center; margin: 16px auto 11px; overflow: hidden; border: 1px solid var(--line); border-radius: 5px; background: #f7f8f4; }
.connection-qr[hidden] { display: none; }
.connection-qr img { width: 100%; aspect-ratio: 1; object-fit: contain; image-rendering: pixelated; }
.connection-qr > p { padding: 16px; color: var(--muted); font-size: 12px; text-align: center; }
.connection-qr-placeholder { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 6px; color: var(--green); background: var(--soft-green); }
.connection-qr-placeholder svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.connection-help { min-height: 38px; margin: 0 0 14px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.connection-pairing-form { display: grid; gap: 8px; margin: 0 0 14px; }
.connection-pairing-form[hidden] { display: none; }
.connection-pairing-form label { color: var(--ink); font-size: 11px; font-weight: 700; }
.connection-pairing-form input { width: 100%; min-height: 40px; padding: 0 10px; border: 1px solid var(--line); border-radius: 5px; color: var(--ink); background: var(--paper); font: inherit; }
.connection-pairing-form input:focus { border-color: var(--green); outline: 2px solid rgba(99, 189, 135, .18); }
.connection-pairing-form .button { width: 100%; }
.connection-pairing-result { position: relative; display: grid; gap: 5px; margin: 0 0 14px; padding: 12px 50px 12px 12px; border: 1px solid var(--line); border-radius: 5px; background: var(--paper); }
.connection-pairing-result[hidden] { display: none; }
.connection-pairing-result > span:first-child { color: var(--muted); font-size: 10px; }
.connection-pairing-result strong { font: 800 24px Manrope, sans-serif; letter-spacing: 2px; }
.connection-pairing-result p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.connection-pairing-result .copy-code-button { position: absolute; top: 10px; right: 10px; }
.connection-pairing-result [data-copy-status] { color: var(--green); font-size: 10px; }
.connection-actions { margin-top: auto; }
.connection-actions form, .connection-actions .button { width: 100%; }
.connection-actions button:disabled, .connections-refresh:disabled { opacity: .55; cursor: not-allowed; transform: none; }
.connections-empty { display: grid; justify-items: center; gap: 10px; padding: 38px 20px; border: 1px dashed var(--line); border-radius: 7px; color: var(--muted); text-align: center; }
.connections-empty[hidden] { display: none; }
.connections-empty h2 { margin: 3px 0 0; color: var(--ink); font-size: 16px; }
.connections-empty p { max-width: 360px; margin: 0; font-size: 12px; line-height: 1.6; }
.connections-tab-empty { margin: 0; padding: 24px 0; color: var(--muted); font-size: 13px; }
.connections-add-form { display: flex; justify-content: center; margin-top: 20px; }
.connections-add-form .button { min-width: 220px; }
.connections-add-form svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.connections-refresh[aria-busy="true"] svg { animation: connection-refresh-spin .8s linear infinite; }
@keyframes connection-refresh-spin { to { transform: rotate(360deg); } }
.connections-footnote { margin: 18px 0 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.connections-notice { max-width: 640px; padding: 20px; border: 1px solid var(--line); border-left: 4px solid var(--orange); border-radius: 6px; background: var(--white); }
.connections-notice strong { font: 700 14px Manrope, sans-serif; }
.connections-notice p { margin: 7px 0 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
#saldo, #aktivitas, #referral { scroll-margin-top: 94px; }
@media (max-width: 850px) {
	.dashboard-header { height: auto; min-height: 0; backdrop-filter: none; }
	.dashboard-header-inner { grid-template-columns: 1fr auto; gap: 12px; padding-top: 0; padding-bottom: 0; }
	.dashboard-body { padding-bottom: calc(66px + env(safe-area-inset-bottom)); }
	.dashboard-menu {
		position: fixed;
		z-index: 200;
		right: 0;
		bottom: 0;
		left: 0;
		grid-column: auto;
		grid-row: auto;
		justify-content: space-around;
		gap: 0;
		padding: 7px max(10px, env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));
		border: 0;
		border-top: 1px solid var(--line);
		border-radius: 0;
		background: rgba(255, 255, 255, .97);
		box-shadow: 0 -5px 20px rgba(27, 55, 39, .08);
		backdrop-filter: blur(14px);
	}
	.dashboard-menu a { flex: 1 1 0; padding: 0 7px; }
}
@media (max-width: 460px) {
	.dashboard-menu { gap: 2px; }
	.dashboard-menu a { min-height: 38px; gap: 5px; padding: 0 4px; font-size: 10px; }
	.dashboard-menu svg { width: 13px; height: 13px; }
	.dashboard-user-summary { min-height: 36px; padding: 0 9px; }
}

.nav { color: var(--muted); }
.nav a:hover, .text-link, .auth-switch a { color: var(--green); }
.button-light:hover { color: var(--green); background: #26342b; }
.demo-card { border-color: var(--line); }
.demo-heading, .demo-foot { border-color: var(--line); }
.demo-label { color: #f2b68f; background: #38281f; }
.progress-label { color: var(--muted); }
.progress-track { background: #2b382f; }
.trust-row { background: rgba(25, 35, 29, .72); }
.trust-item { color: var(--ink); }
.trust-check { background: #263b2d; }
.calc-section { background: #141d18; }
.calc-presets button { background: var(--white); }
.calc-presets button:hover, .calc-presets button[aria-pressed="true"] { color: var(--green); }
.calc-total, .dashboard-menu a:hover, .dashboard-user-action:hover { color: var(--green); }
.final-inner .button { color: white; background: #101713; }
.final-inner .button:hover { background: #263b2d; }
.auth-reminder, .auth-check { color: var(--muted); }
.auth-form input:not([type="checkbox"]) { border-color: var(--line); color: var(--ink); background: var(--white); }
.auth-disclaimer { border-color: var(--line); color: var(--muted); }
.referral-code-row code { border-color: #536b59; color: var(--green); background: #202c24; }
.copy-code-button { color: var(--green); }
.dashboard-header { background: rgba(16, 23, 19, .94); }
.dashboard-menu { border-color: var(--line); box-shadow: 0 4px 16px rgba(0, 0, 0, .2); }
.dashboard-menu a.is-current { color: #17241d; }
.dashboard-user-summary:hover, .dashboard-user.is-open .dashboard-user-summary { border-color: #536b59; background: #202c24; }
.feature-status { background: #2a362e; }
.feature-status-connected { color: #a9ddbd; background: #263b2d; }
.feature-status-pending { color: #f0c98e; background: #382f21; }
.connection-status-connected { color: #a9ddbd; background: #263b2d; }
.final-inner h2 { color: #17241d; }
@media (max-width: 850px) {
	.dashboard-menu { background: rgba(25, 35, 29, .97); }
}
.leaderboard-panel { min-width: 0; padding: 22px; border: 1px solid var(--line); border-radius: 7px; background: var(--white); }
.leaderboard-panel .panel-heading { padding-bottom: 14px; }
.leaderboard-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 0 14px; }
.leaderboard-period { display: inline-flex; gap: 3px; padding: 3px; border: 1px solid var(--line); border-radius: 6px; background: #141d18; }
.leaderboard-period a { min-height: 34px; display: inline-flex; align-items: center; padding: 0 12px; border: 0; border-radius: 4px; color: var(--muted); background: transparent; font: 700 11px "DM Sans", sans-serif; text-decoration: none; white-space: nowrap; }
.leaderboard-period a[aria-current="page"] { color: #17241d; background: var(--lime); }
.leaderboard-period a:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; }
.leaderboard-note { color: var(--muted); font-size: 10px; white-space: nowrap; }
.leaderboard-scroll { width: 100%; overflow-x: auto; }
.leaderboard-table { width: 100%; min-width: 520px; border-collapse: collapse; text-align: left; }
.leaderboard-table thead { color: var(--muted); font-size: 10px; }
.leaderboard-table th, .leaderboard-table td { padding: 11px 8px; border-bottom: 1px solid var(--line); }
.leaderboard-table thead th { font-weight: 600; }
.leaderboard-table tbody tr:hover { background: rgba(99, 189, 135, .045); }
.leaderboard-rank { width: 24px; height: 24px; display: inline-grid; place-items: center; border-radius: 5px; color: var(--muted); background: var(--soft-green); font-size: 11px; font-weight: 700; }
.leaderboard-table tbody tr:nth-child(-n+3) .leaderboard-rank { color: #17241d; background: var(--lime); }
.leaderboard-username { color: var(--ink); font-size: 12px; font-weight: 700; }
.leaderboard-numeric { color: var(--muted); font-size: 12px; text-align: right; white-space: nowrap; }
.leaderboard-commission { color: var(--green); font-weight: 700; }
.leaderboard-footnote { margin: 12px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.leaderboard-link { display: inline-flex; align-items: center; gap: 8px; color: var(--green); font-size: 12px; font-weight: 700; }
.leaderboard-link:hover { color: var(--lime); }
@media (max-width: 620px) {
	.leaderboard-panel { padding: 18px 14px; }
	.leaderboard-toolbar { align-items: flex-start; flex-direction: column; }
}
.balance-page-summary { margin-bottom: 16px; box-shadow: var(--shadow); }
.balance-summary-meta { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 17px; padding-top: 13px; border-top: 1px solid rgba(255, 255, 255, .18); color: #d3e2d6; font-size: 12px; }
.balance-summary-meta strong { color: white; font: 800 17px Manrope, sans-serif; }
.balance-alert { margin: 14px 0; padding: 12px 14px; border: 1px solid var(--line); border-left-width: 3px; border-radius: 5px; background: var(--white); font-size: 12px; line-height: 1.55; }
.balance-alert code { color: var(--green); overflow-wrap: anywhere; }
.balance-alert-warning { border-left-color: var(--orange); }
.balance-alert-success { border-left-color: var(--green); }
.balance-alert-error { border-left-color: #e27768; }
.balance-ledger-note { max-width: 760px; margin: 17px 0 22px; color: var(--muted); font-size: 12px; line-height: 1.65; }
.balance-workspace { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 18px; }
.balance-tool-panel, .withdrawal-history { min-width: 0; padding: 21px; border: 1px solid var(--line); border-radius: 7px; background: var(--white); }
.settings-panel { max-width: 580px; }
.settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 18px; }
.settings-grid .settings-panel { max-width: none; }
.settings-profile-panel .panel-heading { margin-bottom: 6px; }
@media (max-width: 760px) {
	.settings-grid { grid-template-columns: 1fr; }
}
.admin-tabs { display: flex; gap: 5px; margin-bottom: 18px; padding: 4px; overflow-x: auto; border: 1px solid var(--line); border-radius: 6px; background: var(--white); }
.admin-tabs a { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; padding: 0 13px; border-radius: 4px; color: var(--muted); font-size: 11px; font-weight: 700; white-space: nowrap; }
.admin-tabs a:hover { color: var(--green); background: var(--soft-green); }
.admin-tabs a.is-current { color: #17241d; background: var(--lime); }
.admin-panel { min-width: 0; padding: 21px; border: 1px solid var(--line); border-radius: 7px; background: var(--white); }
.admin-panel .panel-heading { margin-bottom: 15px; }
.admin-job-draft { margin-bottom: 24px; }
.admin-job-draft .panel-heading h3, .admin-job-drafts .panel-heading h3 { margin: 0 0 4px; font-size: 15px; }
.admin-job-draft .panel-heading p, .admin-job-drafts .panel-heading p { margin: 0; color: var(--muted); font-size: 11px; }
.admin-job-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; }
.admin-job-field { display: block; color: var(--ink); font-size: 11px; font-weight: 700; }
.admin-job-numbers, .admin-job-numbers + textarea, .admin-job-hint, .admin-job-file, .admin-job-file + input[type="file"], .admin-job-message, .admin-job-message + textarea, .admin-job-commission, .admin-job-commission + input, .admin-job-consent { grid-column: 1 / -1; }
.admin-job-form textarea, .admin-job-form input[type="number"] { width: 100%; min-width: 0; min-height: 42px; padding: 9px 10px; border: 1px solid var(--line); border-radius: 5px; color: var(--ink); background: #141d18; font: inherit; font-size: 12px; }
.admin-job-form input[type="file"] { width: 100%; min-width: 0; min-height: 42px; padding: 8px; border: 1px solid var(--line); border-radius: 5px; color: var(--muted); background: #141d18; font: inherit; font-size: 11px; }
.admin-job-form textarea { resize: vertical; line-height: 1.55; }
.admin-job-form #recipient-numbers { min-height: 190px; font-family: Consolas, monospace; }
.admin-job-form #job-message { min-height: 110px; }
.admin-job-form textarea:focus, .admin-job-form input:focus { border-color: var(--green); outline: 2px solid rgba(99, 189, 135, .16); }
.admin-job-hint { margin: -4px 0 6px; color: var(--muted); font-size: 10px; }
.admin-job-consent { display: flex; align-items: flex-start; gap: 8px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.admin-job-consent input { flex: 0 0 auto; margin: 1px 0 0; accent-color: var(--green); }
.admin-job-form > .button { justify-self: start; }
.admin-job-drafts { padding-top: 20px; border-top: 1px solid var(--line); }
.admin-job-text-preview { display: -webkit-box; max-width: 320px; overflow: hidden; overflow-wrap: anywhere; color: var(--muted); font-size: 11px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.admin-search { display: grid; gap: 7px; max-width: 500px; margin-bottom: 17px; }
.admin-search label { color: var(--ink); font-size: 11px; font-weight: 700; }
.admin-search > div { display: flex; gap: 8px; }
.admin-search input { width: 100%; min-width: 0; min-height: 38px; padding: 0 10px; border: 1px solid var(--line); border-radius: 5px; color: var(--ink); background: #141d18; font: inherit; font-size: 12px; }
.admin-table { min-width: 820px; }
.admin-table td strong { display: block; color: var(--ink); font-size: 12px; }
.admin-subtext { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.5; }
.admin-job-details-toggle { display: inline-flex; align-items: center; gap: 6px; margin: 0 8px 0 0; padding: 5px 7px; border: 1px solid var(--line); border-radius: 4px; color: var(--green); background: transparent; font: 700 10px "DM Sans", sans-serif; cursor: pointer; }
.admin-job-details-toggle:hover { border-color: var(--green); background: var(--soft-green); }
.admin-job-details-toggle > span:first-child { width: 14px; height: 14px; display: inline-grid; place-items: center; border-radius: 3px; color: var(--ink); background: var(--soft-green); font-size: 12px; }
.admin-job-details-row > td { padding: 0 !important; }
.admin-job-details { padding: 16px; border-bottom: 1px solid var(--line); background: var(--paper); }
.admin-job-detail-summary { margin: 0 0 12px; color: var(--ink); font-size: 12px; font-weight: 700; }
.admin-job-detail-table { min-width: 520px; }
.admin-job-detail-table th, .admin-job-detail-table td { padding: 9px 10px; font-size: 11px; }
.admin-job-detail-table td:last-child, .admin-job-detail-table th:last-child { text-align: right; white-space: nowrap; }
.admin-inline-form { display: flex; align-items: center; gap: 6px; }
.admin-inline-form select, .admin-edit-form input, .admin-edit-form select { min-height: 34px; padding: 0 8px; border: 1px solid var(--line); border-radius: 4px; color: var(--ink); background: #141d18; font: inherit; font-size: 11px; }
.admin-small-button { min-height: 34px; padding: 0 10px; font-size: 11px; white-space: nowrap; }
.admin-empty { padding: 25px 8px !important; color: var(--muted) !important; text-align: center; }
.admin-edit-details { min-width: 230px; }
.admin-edit-details summary { padding: 7px 22px 7px 0; font-size: 11px; }
.admin-edit-form { display: grid; gap: 8px; max-width: 260px; }
.admin-edit-form label { display: grid; gap: 4px; color: var(--muted); font-size: 10px; }
.admin-edit-form input, .admin-edit-form select { width: 100%; min-height: 36px; }
.admin-placeholder { color: var(--muted); }
.admin-gateway-notice { margin: 0; padding: 12px 14px; border: 1px solid #55422c; border-left: 3px solid var(--orange); border-radius: 5px; color: #e8c89f; background: #282219; font-size: 12px; line-height: 1.6; }
.admin-placeholder h2 { color: var(--ink); font-size: 17px; }
.admin-placeholder p { margin: 0; font-size: 12px; line-height: 1.6; }
@media (max-width: 620px) {
	.connections-grid { justify-content: center; }
	.admin-panel { padding: 18px 14px; }
	.admin-tabs { margin-right: -6px; margin-left: -6px; }
	.admin-search > div { flex-wrap: wrap; }
	.admin-job-form { grid-template-columns: 1fr; }
}
.balance-tool-panel .panel-heading { margin-bottom: 15px; }
.balance-form { display: grid; gap: 9px; }
.balance-form label { margin-top: 3px; color: var(--ink); font-size: 12px; font-weight: 700; }
.balance-form input:not([type="hidden"]), .balance-form select { width: 100%; min-height: 43px; padding: 0 11px; border: 1px solid var(--line); border-radius: 5px; color: var(--ink); background: #141d18; font: inherit; font-size: 13px; }
.balance-form input:focus, .balance-form select:focus { border-color: var(--green); outline: 3px solid rgba(99, 189, 135, .16); }
.balance-form input:disabled, .balance-form button:disabled { opacity: .55; cursor: not-allowed; }
.balance-form input[readonly] { color: var(--ink); background: #19231d; cursor: text; }
.balance-form-hint { margin: 0 0 5px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.balance-account-warning { margin: 0 0 15px; padding: 11px 12px; border: 1px solid #55422c; border-left: 3px solid var(--orange); border-radius: 5px; color: #e8c89f; background: #282219; font-size: 11px; line-height: 1.6; }
.currency-input { display: flex; align-items: center; min-height: 43px; border: 1px solid var(--line); border-radius: 5px; background: #141d18; }
.currency-input > span { padding: 0 12px; color: var(--muted); font-size: 12px; }
.balance-form .currency-input input { min-width: 0; border: 0; border-left: 1px solid var(--line); border-radius: 0 5px 5px 0; background: transparent; }
.balance-form .currency-input input:focus { outline: 0; }
.saved-payout { display: grid; gap: 4px; margin-bottom: 15px; padding: 12px; border: 1px solid var(--line); border-radius: 5px; background: #141d18; }
.saved-payout strong { color: var(--ink); font-size: 12px; }
.saved-payout span, .saved-payout small { color: var(--muted); font-size: 11px; }
.balance-form > .button { margin-top: 6px; }
.withdrawal-history { margin-top: 20px; }
.withdrawal-history .panel-heading { margin-bottom: 6px; }
.withdrawal-history .balance-form-hint { margin: 14px 0 0; }
.withdrawal-status { display: inline-flex; padding: 4px 7px; border-radius: 4px; color: var(--muted); background: var(--soft-green); font-size: 10px; font-weight: 700; }
.withdrawal-status-pending { color: #f0c48d; background: #382f22; }
.withdrawal-status-approved, .withdrawal-status-paid { color: var(--green); background: #20372a; }
.withdrawal-status-rejected { color: #f0998b; background: #3a2725; }
@media (max-width: 760px) {
	.balance-workspace { grid-template-columns: 1fr; }
	.balance-tool-panel, .withdrawal-history { padding: 18px 15px; }
}