.supporter-portal{max-width:1180px;margin:auto;padding:24px 16px 110px;line-height:1.8;color:#203b35}
.supporter-portal h1{font-size:clamp(26px,4vw,36px);margin:0 0 12px}.supporter-portal h2{font-size:23px;margin:0 0 16px}.supporter-portal h3{font-size:19px;margin:0 0 12px}
.supporter-intro{border-bottom:1px solid #cfded8;padding:12px 0 28px}.supporter-portal nav{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.supporter-portal nav a{color:#126b54;padding:8px 12px;background:#eaf5ef;border-radius:8px}
.supporter-section{padding-top:36px;scroll-margin-top:100px}.supporter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}
.supporter-card{padding:22px;background:#fff;border:1px solid #d8e3de;border-radius:14px}.supporter-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.supporter-card dd{margin:0;text-align:left;font-weight:600}.supporter-card dt{color:#52665f}
.supporter-card progress{width:100%;height:14px;accent-color:#126b54}.supporter-card p{overflow-wrap:anywhere;white-space:pre-wrap}.supporter-card a{display:block;color:#126b54;text-decoration:underline}
.supporter-historical-card{display:flex;flex-direction:column;gap:10px}.supporter-historical-card h3,.supporter-historical-card p{margin:0}.supporter-historical-target{font-weight:700}.supporter-historical-status{align-self:flex-start;padding:3px 10px;border-radius:999px;background:#e6f5ed;color:#125d43;font-weight:700}.supporter-historical-unknown{padding:12px;background:#f4f5f1;border-radius:8px;color:#465b52}.supporter-historical-card small{display:block}.supporter-report-link{margin-top:auto;padding:10px 14px;border:1px solid #126b54;border-radius:8px;text-align:center;font-weight:700}.supporter-historical-report{margin-bottom:16px;scroll-margin-top:110px}.supporter-historical-report video{display:block;width:100%;max-height:520px;background:#152c27;border-radius:8px}
.supporter-history-controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}.supporter-history-controls button{width:44px;height:44px;border:1px solid #bfd7cb;border-radius:10px;background:#eaf5ef;color:#125d43;font:inherit;cursor:pointer}.supporter-history-controls button:focus-visible,.supporter-historical-track:focus-visible{outline:3px solid #69bba2;outline-offset:2px}.supporter-historical-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,min(85vw,350px));gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:4px 2px 16px;scrollbar-color:#8eb9a5 transparent}.supporter-historical-track>.supporter-card{scroll-snap-align:start}
.supporter-form,.supporter-editor{padding:24px;background:#fff;border:1px solid #d8e3de;border-radius:14px}.supporter-form{max-width:700px}.supporter-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.supporter-field{display:grid;gap:6px;margin-bottom:14px}.supporter-field input:not([type=checkbox]),.supporter-field select,.supporter-field textarea{min-height:48px;width:100%;border:1px solid #bfcfc7;border-radius:8px;padding:9px 12px;font:inherit;color:inherit;background:#fff}
.supporter-field input[type=checkbox]{width:22px;height:22px;accent-color:#126b54}.supporter-field input:focus-visible,.supporter-button:focus-visible,.supporter-portal a:focus-visible{outline:3px solid #69bba2;outline-offset:3px}
.supporter-form .jalali-field{margin-bottom:14px}.supporter-field-help{display:block;color:#735421;margin:0 0 8px}
.supporter-button{min-height:44px;padding:9px 18px;background:#126b54;color:white;border:1px solid #126b54;border-radius:8px;font:inherit;cursor:pointer;margin:8px 0 0 8px}.supporter-button.secondary{background:#edf6f1;color:#126b54;border-color:#c2d7cb}.supporter-button:disabled{opacity:.55;cursor:default}
.supporter-error,.supporter-notice{padding:14px;border-radius:9px}.supporter-error{background:#fff0ec;color:#9c3323}.supporter-notice{background:#e6f5ed;color:#125d43}.supporter-empty{padding:24px;background:#f3f7f4;border-radius:10px;color:#52665f}
.supporter-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}.supporter-metrics>div{padding:16px;background:#edf6f1;border-radius:10px}.supporter-metrics b,.supporter-metrics small{display:block}.supporter-editor{margin:20px 0}
@media(max-width:600px){.supporter-portal{padding:16px 12px 120px}.supporter-card,.supporter-form,.supporter-editor{padding:16px}.supporter-portal nav{gap:8px}.supporter-metrics{grid-template-columns:1fr 1fr}.supporter-card dl{font-size:14px}}

/* The supporter area follows the same card, field and action rhythm as the rest of the app. */
.supporter-portal{width:100%;box-sizing:border-box;min-width:0;overflow-wrap:anywhere;color:#203d34;font-family:"IRANYekanWebFn",Tahoma,"Segoe UI",Arial,sans-serif}
.supporter-portal *{box-sizing:border-box}
.supporter-portal h1,.supporter-portal h2,.supporter-portal h3{line-height:1.45;color:#173d30}
.supporter-intro{padding:24px;border:1px solid #dce8e1;border-radius:22px;background:linear-gradient(135deg,#f1faf5,#fff);box-shadow:0 8px 26px rgba(20,69,48,.04)}
.supporter-intro p{margin:0;color:#587168}
.supporter-portal nav{min-width:0}
.supporter-intro nav a{border:1px solid #cde0d4;font-weight:700;white-space:nowrap}
.supporter-intro nav a:hover,.supporter-intro nav a:focus-visible{background:#d9f0e3}
.supporter-section{padding-top:42px}
.supporter-section>h2{margin-bottom:16px}
.supporter-card,.supporter-form,.supporter-editor,.supporter-ledger-filters{border-color:#dce8e1;border-radius:20px;box-shadow:0 6px 24px rgba(20,69,48,.045)}
.supporter-card{min-width:0;display:flex;flex-direction:column;gap:10px}
.supporter-card>h3,.supporter-card>p{margin:0}
.supporter-card dl{margin:10px 0;gap:9px 14px}
.supporter-card dt,.supporter-card dd{min-width:0}
.supporter-form{width:min(100%,760px);display:flex;flex-direction:column;align-items:stretch;gap:13px}
.supporter-form>p,.supporter-form>small{margin:0;color:#536b60}
.supporter-field,.supporter-portal .jalali-field{min-width:0;display:flex;flex-direction:column;gap:7px;margin:0;font-weight:650;color:#34574a}
.supporter-field>span,.supporter-portal .jalali-field>span{font-size:13px}
.supporter-field input:not([type=checkbox]),.supporter-field select,.supporter-field textarea,.supporter-portal .jalali-input-wrap input{width:100%;min-width:0;min-height:46px;border:1px solid #cbdcd2;border-radius:11px;background:#fff;padding:10px 12px;font:inherit;color:#213d32}
.supporter-field textarea{min-height:110px;resize:vertical}
.supporter-field input[type=checkbox]{align-self:flex-start}
.supporter-portal .jalali-field{margin:0;position:relative}
.supporter-portal .jalali-input-wrap{min-width:0;width:100%}
.supporter-portal .jalali-pop{max-width:calc(100vw - 28px)}
.supporter-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;align-items:start}
.supporter-form-grid>.supporter-field:has(textarea){grid-column:1/-1}
.supporter-button{margin:0;align-self:flex-start;min-height:46px;border-radius:11px;font-weight:750;transition:background .15s,border-color .15s}
.supporter-button:not(:disabled):hover{background:#0e5b46}
.supporter-button.secondary:not(:disabled):hover{background:#dff1e7}
.supporter-form>.supporter-button{margin-top:5px}
.supporter-form>.supporter-card{margin-top:5px}
.supporter-admin-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:6px;border:1px solid #dce8e1;border-radius:15px;background:#f3f8f5}
.supporter-portal .supporter-admin-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
.supporter-primary-tabs{margin-top:18px;background:#eaf3ee;border-color:#c8ded2}
.supporter-secondary-tabs{margin-top:9px;background:#fff}
.supporter-secondary-tabs .supporter-tab{font-size:.92rem}
.supporter-legacy-link{display:inline-flex;margin-top:10px;color:#426a59;text-decoration:underline;text-underline-offset:3px}
.supporter-tab{min-height:42px;border:1px solid transparent;border-radius:10px;background:transparent;color:#456357;padding:8px 14px;font:inherit;font-weight:750;cursor:pointer}
.supporter-tab:hover{background:#e5f0e9}
.supporter-tab.active{color:#fff;background:#126b54;box-shadow:0 3px 8px rgba(12,91,67,.16)}
.supporter-editor{display:grid;gap:20px;margin:20px 0;padding:28px}
.supporter-editor-heading small{display:block;color:#6b8277;font-weight:700}
.supporter-editor-heading h2{margin:4px 0 0}
.supporter-editor-group{padding:18px;border:1px solid #e1eae4;border-radius:15px;background:#fbfdfb}
.supporter-editor-group h3{margin:0 0 15px;font-size:17px}
.supporter-editor-actions{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap;border-top:1px solid #e1eae4;padding-top:16px}
.supporter-ledger-filters{padding:20px;margin:20px 0;background:#fff}
.supporter-ledger-filters h2{font-size:19px}
.supporter-ledger-filters>.supporter-button{margin-top:15px}
.supporter-metrics>div{min-width:0;border:1px solid #dce9df;border-radius:14px}
.supporter-metrics small{color:#526a5e}
.supporter-summary{margin-bottom:18px}.supporter-summary>.supporter-metrics{margin-bottom:9px}
.supporter-metrics-details{padding:10px 13px;border:1px solid #dce9df;border-radius:12px;background:#fff}
.supporter-metrics-details summary{cursor:pointer;color:#126b54;font-weight:750}
.supporter-metrics-details .supporter-metrics{margin:12px 0 0}
@media(max-width:700px){.supporter-portal{padding:16px 12px 120px}.supporter-intro{padding:18px}.supporter-intro nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.supporter-section{padding-top:32px}.supporter-form-grid{grid-template-columns:minmax(0,1fr)}.supporter-editor{padding:16px;gap:14px}.supporter-editor-group{padding:14px}.supporter-admin-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.supporter-tab{white-space:nowrap;flex:none}.supporter-portal .jalali-pop{max-height:calc(100dvh - 24px);overflow-y:auto}.supporter-card,.supporter-form{padding:17px}}