.nfop-shell{
  --nfop-bg:#f8f3ef;
  --nfop-card:#fffdfb;
  --nfop-line:#eadfd8;
  --nfop-line-strong:#d9c9bf;
  --nfop-ink:#2f2926;
  --nfop-muted:#746a63;
  --nfop-accent:#243b68;
  --nfop-accent-2:#8db9ff;
  --nfop-accent-soft:#eef4ff;
  --nfop-soft:#fff7ef;
  --nfop-soft-line:#f3ccb0;
  --nfop-rose:#fff5f6;
  --nfop-shadow:0 18px 44px rgba(47,41,38,.06);
  max-width:1240px;
  margin:28px auto;
  padding:0 18px 24px;
  font-family:inherit;
  color:var(--nfop-ink);
}
.nfop-shell::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,220,228,.38), transparent 28%),
    radial-gradient(circle at 86% 10%, rgba(180,213,255,.26), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,0));
  z-index:-1;
}
.nfop-head{margin-bottom:22px}
.nfop-kicker{display:inline-block;font-size:12px;letter-spacing:.14em;color:var(--nfop-muted);font-weight:800;margin-bottom:10px}
.nfop-head h2{margin:0;font-size:40px;line-height:1.1;letter-spacing:.01em}
.nfop-subhead{margin:10px 0 0;color:var(--nfop-muted);font-size:15px;line-height:1.8;max-width:760px}
.nfop-notice{background:#ecfeff;border:1px solid #b4ebf4;color:#155e75;padding:13px 16px;border-radius:18px;margin-bottom:18px;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.nfop-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start}
.nfop-card{background:var(--nfop-card);border:1px solid var(--nfop-line);border-radius:28px;padding:24px;box-shadow:var(--nfop-shadow)}
.nfop-card-soft{background:#fffdfa}.nfop-card-hero{padding:30px}
.nfop-sidebar .nfop-card{position:sticky;top:18px}
.nfop-sidebar-head h3{margin:0 0 16px;font-size:18px}
.nfop-campaign-link{display:flex;flex-direction:column;gap:10px;padding:16px 16px;border-radius:20px;text-decoration:none;color:var(--nfop-ink);border:1px solid transparent;background:linear-gradient(180deg,#fffefd,#faf7f3);transition:all .18s ease;box-shadow:0 8px 18px rgba(47,41,38,.03)}
.nfop-campaign-link:hover,.nfop-campaign-link.is-active{border-color:#cfdae9;background:#fff;transform:translateY(-1px);box-shadow:0 12px 26px rgba(36,59,104,.08)}
.nfop-campaign-link__title{font-weight:700;line-height:1.6;font-size:15px}
.nfop-campaign-link__meta,.nfop-muted,.nfop-list-item span,.nfop-list-item time,.nfop-role-box p,.nfop-progress-note,.nfop-tip{color:var(--nfop-muted);font-size:13px;line-height:1.7}
.nfop-sidebar-foot{margin-top:14px;padding-top:14px;border-top:1px solid var(--nfop-line)}
.nfop-mini-progress,.nfop-progress-bar{height:10px;background:#f1ebe5;border-radius:999px;overflow:hidden}
.nfop-mini-progress span,.nfop-progress-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--nfop-accent-2) 0%, var(--nfop-accent) 100%)}
.nfop-campaign-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}
.nfop-campaign-head h3{margin:0;font-size:34px;line-height:1.25}
.nfop-role-box{background:linear-gradient(180deg,#fffefd,#fbf7f3);border:1px solid var(--nfop-line);border-radius:20px;padding:16px 18px;margin-bottom:16px}
.nfop-role-box strong{font-size:16px}
.nfop-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.nfop-tab{padding:12px 18px;border-radius:999px;background:#f4efe8;color:var(--nfop-ink);text-decoration:none;font-weight:700;border:1px solid transparent;transition:all .18s ease}
.nfop-tab.is-active{background:var(--nfop-accent);color:#fff;box-shadow:0 10px 24px rgba(31,49,81,.18)}
.nfop-button,.nfop-form button{display:inline-flex;justify-content:center;align-items:center;border:none;border-radius:999px;background:var(--nfop-accent);color:#fff;padding:13px 18px;text-decoration:none;cursor:pointer;font:inherit;font-weight:700;box-shadow:0 10px 24px rgba(31,49,81,.16)}
.nfop-button-secondary{background:#fff;border:1px solid var(--nfop-line);color:var(--nfop-ink);box-shadow:none}
.nfop-plain-link{color:var(--nfop-accent);text-decoration:none;font-weight:700}
.nfop-tip{background:var(--nfop-soft);border:1px solid var(--nfop-soft-line);padding:14px 16px;border-radius:18px}
.nfop-tax-guide{display:grid;gap:16px;padding:22px;border:1px solid #ead2dc;border-radius:26px;background:linear-gradient(180deg,#fffafb,#fffdf9);box-shadow:0 14px 32px rgba(159,54,87,.06)}
.nfop-tax-guide__head{display:grid;gap:8px;max-width:900px}
.nfop-tax-guide__head span{display:inline-flex;width:max-content;padding:5px 10px;border-radius:999px;background:#fff1f5;color:#9f3657;font-size:12px;font-weight:800}
.nfop-tax-guide__head h4{margin:0;font-size:22px;line-height:1.45;color:var(--nfop-ink)}
.nfop-tax-guide__head p,.nfop-tax-guide__footer p{margin:0;color:var(--nfop-muted);font-size:13px;line-height:1.8}
.nfop-tax-guide__invoice{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1fr);gap:12px;padding:16px;border:1px solid #d9e8df;border-radius:22px;background:#f7fcf8}
.nfop-tax-guide__invoice div{display:grid;gap:5px;align-content:start}
.nfop-tax-guide__invoice span{color:#547066;font-size:12px;font-weight:800}
.nfop-tax-guide__invoice strong{color:#12352a;font-size:15px;line-height:1.55}
.nfop-tax-guide__invoice p{margin:0;color:#547066;font-size:12px;line-height:1.7}
.nfop-tax-guide__notice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nfop-tax-guide__notice article{padding:16px;border:1px solid #ead2dc;border-radius:20px;background:#fff7fa}
.nfop-tax-guide__notice strong{display:block;margin-bottom:7px;color:#9f3657;font-size:15px}
.nfop-tax-guide__notice p{margin:0;color:var(--nfop-ink);font-size:13px;font-weight:700;line-height:1.85}
.nfop-tax-guide__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nfop-tax-guide__grid article{padding:16px;border:1px solid var(--nfop-line);border-radius:20px;background:#fff}
.nfop-tax-guide__grid strong{display:block;margin-bottom:7px;font-size:14px;color:var(--nfop-ink)}
.nfop-tax-guide__grid p{margin:0;color:var(--nfop-muted);font-size:13px;line-height:1.8}
.nfop-tax-guide__footer{display:grid;gap:10px;padding-top:2px}
.nfop-tax-guide__links{display:flex;gap:10px;flex-wrap:wrap}
.nfop-tax-guide__links a{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid var(--nfop-line);color:var(--nfop-accent);font-size:12px;font-weight:800;text-decoration:none}
.nfop-progress-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.85fr);gap:18px;align-items:stretch}
.nfop-progress-hero__main,.nfop-progress-hero__side{background:linear-gradient(180deg,#fffefd,#fbf7f3);border:1px solid var(--nfop-line);border-radius:24px;padding:20px}
.nfop-section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}
.nfop-section-head h4{margin:0;font-size:22px;line-height:1.3}
.nfop-section-head p{margin:6px 0 0;color:var(--nfop-muted);font-size:13px;line-height:1.7;max-width:620px}
.nfop-progress-chip{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border-radius:999px;background:var(--nfop-accent-soft);color:var(--nfop-accent);font-weight:800;font-size:18px;min-width:88px;box-shadow:inset 0 0 0 1px rgba(36,59,104,.06)}
.nfop-progress-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 14px}
.nfop-progress-meta span,.nfop-stat-box span,.nfop-stat span,.nfop-detail-grid span,.nfop-detail-block span{display:block;color:var(--nfop-muted);font-size:12px;letter-spacing:.02em;margin-bottom:4px}
.nfop-progress-meta strong,.nfop-stat-box strong,.nfop-stat strong{font-size:24px;line-height:1.25}
.nfop-stat-stack{display:grid;gap:14px;height:100%}
.nfop-stat-box,.nfop-stat{background:#fff;border:1px solid var(--nfop-line);border-radius:20px;padding:16px 17px;box-shadow:0 10px 20px rgba(47,41,38,.03)}
.nfop-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.nfop-stats-compact{margin-top:8px;margin-bottom:14px}
.nfop-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:18px}
.nfop-section{display:flex;flex-direction:column;gap:14px}
.nfop-list{display:flex;flex-direction:column;gap:10px}
.nfop-list-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 17px;border:1px solid var(--nfop-line);background:#fff;border-radius:20px;flex-wrap:wrap}
.nfop-list-item strong{display:block;font-size:15px;margin-bottom:4px}
.nfop-inline-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nfop-inline-actions form{margin:0}
.nfop-link-danger{border:0;background:transparent;color:#b94a5b;padding:0;font:inherit;font-weight:700;cursor:pointer}
.nfop-existing-images{display:flex;flex-direction:column;gap:8px;border:1px solid var(--nfop-line);border-radius:16px;background:#fff;padding:12px}
.nfop-existing-images > div{display:flex;gap:8px;flex-wrap:wrap}
.nfop-existing-images span{display:block;width:76px;height:76px;border-radius:12px;overflow:hidden;background:#f7f3ee}
.nfop-existing-images img{display:block;width:100%;height:100%;object-fit:cover}
.nfop-existing-images p{margin:0;color:var(--nfop-muted);font-size:12px;line-height:1.6}
.nfop-form{display:flex;flex-direction:column;gap:12px}
.nfop-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nfop-form label{font-weight:700;font-size:14px}
.nfop-form input[type=text],.nfop-form input[type=email],.nfop-form input[type=datetime-local],.nfop-form input[type=file],.nfop-form select,.nfop-form textarea{width:100%;border:1px solid #d6cec3;border-radius:16px;padding:13px 14px;font:inherit;box-sizing:border-box;background:#fff}
.nfop-form textarea{min-height:180px;resize:vertical}
.nfop-check{display:flex;align-items:center;gap:10px;font-weight:400!important}
.nfop-table-wrap{overflow:auto}
.nfop-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--nfop-line);border-radius:18px;overflow:hidden}
.nfop-table th,.nfop-table td{padding:12px 14px;border-bottom:1px solid var(--nfop-line);text-align:left;vertical-align:top}
.nfop-table th{font-size:12px;color:var(--nfop-muted);text-transform:uppercase;letter-spacing:.05em;background:#fbfaf8}
.nfop-supporter-list{display:flex;flex-direction:column;gap:14px}
.nfop-supporter-compact{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:22px;border:1px solid var(--nfop-line);background:linear-gradient(180deg,#fffefd,#faf6f3);box-shadow:0 12px 28px rgba(47,41,38,.04)}
.nfop-supporter-compact__avatar,.nfop-supporter-card__avatar{display:flex;align-items:center;justify-content:center;background:var(--nfop-accent-soft);color:var(--nfop-accent);font-weight:800;border-radius:999px;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(36,59,104,.06)}
.nfop-supporter-compact__avatar{width:48px;height:48px;font-size:15px}
.nfop-supporter-compact__body{min-width:0;flex:1}
.nfop-supporter-compact__top{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.nfop-supporter-compact__top strong{font-size:16px}
.nfop-supporter-compact__meta{font-size:12px;color:var(--nfop-muted);margin-top:4px}
.nfop-supporter-compact__chips,.nfop-supporter-card__chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.nfop-mini-pill,.nfop-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;background:#f4efe8;color:var(--nfop-ink);font-size:12px;font-weight:700;border:1px solid rgba(0,0,0,.03)}
.nfop-mini-pill.is-status,.nfop-status-pill{background:var(--nfop-accent-soft);color:var(--nfop-accent)}
.nfop-mini-pill.is-message,.nfop-status-pill.is-message{background:#fff1f5;color:#9f3657}
.nfop-status-pill.is-payment{background:var(--nfop-rose);color:#7c4254}
.nfop-supporter-compact__items,.nfop-supporter-card__items{margin-top:8px;font-size:13px;line-height:1.7;color:var(--nfop-ink)}
.nfop-supporter-message{display:grid;gap:4px;margin-top:10px;padding:12px 14px;border:1px solid #f0d7df;border-radius:16px;background:#fff7fa}
.nfop-supporter-message strong{color:#9f3657;font-size:12px}
.nfop-supporter-message p{margin:0;line-height:1.75;white-space:pre-wrap}
.nfop-supporter-note-preview{display:flex;gap:8px;align-items:flex-start;margin-top:8px;padding:8px 10px;border:1px solid #f3dfe7;border-radius:14px;background:#fff8fb;color:#6d5a64;font-size:12px;line-height:1.65;max-width:760px}
.nfop-supporter-note-preview span,.nfop-supporter-card__left .nfop-supporter-note-preview span{display:inline-flex;align-items:center;flex:0 0 auto;margin:0;padding:2px 7px;border-radius:999px;background:#fff;color:#9f3657;font-size:11px;font-weight:800;letter-spacing:0}
.nfop-supporter-note-preview p{display:-webkit-box;margin:0;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}
.nfop-supporter-cards{display:flex;flex-direction:column;gap:14px}
.nfop-supporter-card{border:1px solid var(--nfop-line);border-radius:24px;background:linear-gradient(180deg,#fffefd,#faf6f3);overflow:hidden;box-shadow:0 14px 30px rgba(47,41,38,.04)}
.nfop-supporter-card summary{list-style:none;cursor:pointer;padding:0}
.nfop-supporter-card summary::-webkit-details-marker{display:none}
.nfop-supporter-card__summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 20px;flex-wrap:wrap}
.nfop-supporter-card__left{display:flex;align-items:flex-start;gap:14px;min-width:0;flex:1}
.nfop-supporter-card__avatar{width:54px;height:54px;font-size:16px}
.nfop-supporter-card__left strong{display:block;font-size:17px;line-height:1.45}
.nfop-supporter-card__left span{display:block;margin-top:4px;font-size:12px;color:var(--nfop-muted)}
.nfop-supporter-card__right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-wrap:wrap}
.nfop-supporter-card__right strong{font-size:28px;line-height:1.1;color:var(--nfop-accent)}
.nfop-supporter-card__toggle{font-size:12px;color:var(--nfop-muted)}
.nfop-supporter-card__detail{border-top:1px solid var(--nfop-line);padding:20px;background:#fffdfa}
.nfop-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.nfop-detail-grid strong{font-size:14px;word-break:break-word;line-height:1.6}
.nfop-detail-block{padding:14px 16px;border-radius:18px;background:#fbfaf8;border:1px solid var(--nfop-line);margin-top:12px}
.nfop-detail-block--message{background:#fff7fa;border-color:#f0d7df}
.nfop-detail-block--message span{color:#9f3657}
.nfop-detail-block ul{margin:8px 0 0;padding-left:18px}
.nfop-detail-block p{margin:8px 0 0;line-height:1.8}
.nfop-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 18px;border:1px solid var(--nfop-line);border-radius:20px;background:linear-gradient(180deg,#fffefd,#fbf7f4)}
.nfop-toolbar__group{display:flex;flex-direction:column;gap:8px;min-width:220px}
.nfop-toolbar__group label{font-size:13px;font-weight:700;color:var(--nfop-muted)}
.nfop-toolbar select{border:1px solid #d6cec3;border-radius:14px;padding:12px 14px;font:inherit;background:#fff}
.nfop-toolbar__meta{font-size:13px;color:var(--nfop-muted);line-height:1.7}
.nfop-supporters-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--nfop-line);border-radius:20px;background:#fffdfa}
.nfop-supporters-actions p{margin:0;color:var(--nfop-muted);font-size:13px;line-height:1.7}
.nfop-export-form{margin:0}
.nfop-pagination{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}
.nfop-page-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--nfop-line);text-decoration:none;color:var(--nfop-ink);font-weight:700;box-shadow:0 10px 20px rgba(47,41,38,.03)}
.nfop-page-link.is-active{background:var(--nfop-accent);border-color:var(--nfop-accent);color:#fff;box-shadow:0 10px 24px rgba(31,49,81,.16)}
.nfop-login-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px;align-items:center}
.nfop-login-stack{display:flex;flex-direction:column;gap:14px}
.nfop-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:var(--nfop-accent-soft);color:var(--nfop-accent);font-size:12px;font-weight:700}
.nfop-login-grid h3{font-size:30px;line-height:1.25;margin:12px 0}
.nfop-checklist{margin:14px 0 0;padding-left:18px;color:var(--nfop-ink)}
.nfop-checklist li{margin:8px 0;line-height:1.7}
.nfop-success-card{background:linear-gradient(180deg,#f5fcf6,#eef8f1);border-color:#c7dcc9}
.nfop-success-card__badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:#e3f4e6;color:#25603a;font-size:12px;font-weight:700}
.nfop-success-card h4{margin:14px 0 8px;font-size:24px;line-height:1.25}
.nfop-success-card p{margin:0;color:#42544a;font-size:14px;line-height:1.8}
@media (max-width:1024px){
  .nfop-grid{grid-template-columns:1fr}
  .nfop-sidebar .nfop-card{position:static}
  .nfop-progress-hero,.nfop-two-col,.nfop-login-grid{grid-template-columns:1fr}
  .nfop-tax-guide__invoice,.nfop-tax-guide__notice,.nfop-tax-guide__grid{grid-template-columns:1fr}
  .nfop-progress-meta,.nfop-form-grid,.nfop-detail-grid,.nfop-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .nfop-shell{padding:0 12px 18px;margin:18px auto}
  .nfop-head h2{font-size:31px}
  .nfop-card{padding:18px;border-radius:22px}
  .nfop-tax-guide{padding:18px;border-radius:22px}
  .nfop-tax-guide__head h4{font-size:19px}
  .nfop-campaign-head h3{font-size:25px}
  .nfop-progress-meta,.nfop-form-grid,.nfop-detail-grid,.nfop-stats{grid-template-columns:1fr}
  .nfop-tab{padding:10px 14px}
  .nfop-progress-chip{font-size:16px}
  .nfop-progress-meta strong,.nfop-stat strong,.nfop-stat-box strong{font-size:22px}
  .nfop-supporter-card__summary{padding:16px}
  .nfop-supporter-card__detail{padding:16px}
  .nfop-supporter-card__right{align-items:flex-start}
  .nfop-button,.nfop-form button{width:100%}
  .nfop-export-form{width:100%}
  .nfop-toolbar{align-items:stretch}
  .nfop-toolbar__group{min-width:0;width:100%}
}

.nfop-card{backdrop-filter:blur(6px)}
.nfop-campaign-head h3{max-width:900px}
.nfop-progress-hero__main,.nfop-progress-hero__side,.nfop-supporter-card,.nfop-supporter-compact,.nfop-list-item,.nfop-toolbar,.nfop-role-box,.nfop-card,.nfop-job-card{box-shadow:0 14px 30px rgba(31,41,55,.05)}
.nfop-toolbar-input{width:100%;border:1px solid #d6cec3;border-radius:14px;padding:12px 14px;font:inherit;background:#fff}
.nfop-js-supporters-results.is-loading{opacity:.55;pointer-events:none;transition:opacity .18s ease}
.nfop-filter-box{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;padding:16px 18px;border:1px solid var(--nfop-line);border-radius:22px;background:linear-gradient(180deg,#fffefd,#fbf7f4)}
.nfop-filter-box__col{display:flex;flex-direction:column;gap:10px}
.nfop-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nfop-choice-grid--small{grid-template-columns:repeat(3,minmax(0,1fr))}
.nfop-choice{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid var(--nfop-line);border-radius:16px;background:#fff;line-height:1.6}
.nfop-choice input{margin-top:3px}
.nfop-choice span{font-size:13px}
.nfop-audience-box{display:flex;align-items:center;min-height:48px;padding:12px 14px;border-radius:16px;background:var(--nfop-accent-soft);color:var(--nfop-accent);font-weight:700}
.nfop-job-list{display:flex;flex-direction:column;gap:14px}
.nfop-job-card{border:1px solid var(--nfop-line);border-radius:22px;background:linear-gradient(180deg,#fffefd,#fbf7f4);overflow:hidden}
.nfop-job-card summary{list-style:none;cursor:pointer;padding:0}
.nfop-job-card summary::-webkit-details-marker{display:none}
.nfop-job-card__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:18px 20px;flex-wrap:wrap}
.nfop-job-card__head strong{display:block;font-size:16px}
.nfop-job-card__head span{display:block;margin-top:4px;color:var(--nfop-muted);font-size:12px}
.nfop-job-card__meta{display:flex;gap:8px;flex-wrap:wrap}
.nfop-job-card__body{padding:0 20px 20px}
.nfop-log-list{margin:8px 0 0;padding-left:18px}
.nfop-log-list li{margin:10px 0;line-height:1.75}
.nfop-mini-pill,.nfop-status-pill{font-size:11px}
.nfop-supporter-card__summary,.nfop-supporter-compact{padding:20px 22px}
.nfop-progress-bar{height:14px;background:#e9edf8;box-shadow:inset 0 2px 6px rgba(36,59,104,.08)}
.nfop-progress-bar span{box-shadow:0 8px 16px rgba(36,59,104,.18)}
@media (max-width:1024px){
  .nfop-filter-box{grid-template-columns:1fr}
}
@media (max-width:640px){
  .nfop-choice-grid,.nfop-choice-grid--small{grid-template-columns:1fr}
  .nfop-job-card__head,.nfop-supporter-card__summary{padding:16px}
}

.nfop-main-stack{display:flex;flex-direction:column;gap:18px}
.nfop-project-switcher{padding:20px 22px 22px}
.nfop-project-switcher__head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}
.nfop-project-switcher__intro{max-width:760px}
.nfop-project-switcher__intro h3{margin:12px 0 8px;font-size:28px;line-height:1.2}
.nfop-project-switcher__controls{display:flex;flex-direction:column;gap:8px;min-width:320px;flex:1;max-width:420px}
.nfop-project-switcher__controls label{font-size:13px;font-weight:700;color:var(--nfop-muted)}
.nfop-project-switcher__count{font-size:12px;color:var(--nfop-muted)}
.nfop-project-brief{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.95fr) auto;gap:16px;align-items:center;margin-top:16px;padding:18px;border:1px solid var(--nfop-line);border-radius:22px;background:linear-gradient(180deg,#fffefd,#fbf7f4)}
.nfop-project-brief__main{display:flex;flex-direction:column;gap:12px;min-width:0}
.nfop-project-brief__title strong{display:block;font-size:24px;line-height:1.28;word-break:break-word}
.nfop-project-brief__title span{display:block;margin-top:6px;font-size:13px;color:var(--nfop-muted)}
.nfop-project-brief__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.nfop-project-brief__stats div{padding:12px 14px;border-radius:18px;background:#fff;border:1px solid var(--nfop-line)}
.nfop-project-brief__stats span{display:block;font-size:12px;color:var(--nfop-muted);margin-bottom:6px}
.nfop-project-brief__stats strong{display:block;font-size:20px;line-height:1.2;word-break:break-word}
.nfop-project-brief__actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.nfop-kicker{margin:0 0 6px;letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:700;color:var(--nfop-muted)}
.nfop-campaign-head--compact{align-items:center}
.nfop-campaign-head--compact h3{font-size:28px}
@media (max-width:1180px){
  .nfop-project-brief{grid-template-columns:1fr}
  .nfop-project-brief__actions{align-items:flex-start}
}
@media (max-width:640px){
  .nfop-project-switcher{padding:18px}
  .nfop-project-switcher__intro h3{font-size:24px}
  .nfop-project-switcher__controls{min-width:0;width:100%;max-width:none}
  .nfop-project-brief__title strong{font-size:21px}
  .nfop-project-brief__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nfop-project-brief__stats strong{font-size:17px}
}
.nfop-payment-summary{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.nfop-payment-summary.is-compact{margin:4px 0 14px}
.nfop-payment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.nfop-payment-stat{position:relative;overflow:hidden;min-height:116px}
.nfop-payment-stat strong{font-size:22px}
.nfop-payment-stat em{display:block;margin-top:8px;color:var(--nfop-muted);font-size:12px;font-style:normal;font-weight:700}
.nfop-payment-stat:before{content:"";position:absolute;inset:auto 14px 14px auto;width:46px;height:46px;border-radius:999px;opacity:.18;background:currentColor}
.nfop-payment-stat.is-card,.nfop-payment-stat.is-card-done{color:#243b68}
.nfop-payment-stat.is-bank,.nfop-payment-stat.is-bank-done{color:#2f5f4d}
.nfop-payment-stat.is-bank-waiting{color:#8a5a22}
@media (max-width:1024px){.nfop-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.nfop-payment-grid{grid-template-columns:1fr}.nfop-payment-stat{min-height:auto}}