:root{--ink:#17324d;--muted:#6b8194;--line:#dfe8ee;--bg:#f4f8fb;--card:#fff;--brand:#0b7a75;--brand2:#13a39b;--shadow:0 14px 38px rgba(19,50,77,.08)}.ftsp-admin,.public-screen{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}.ftsp-admin{max-width:1200px;margin:20px auto;padding-right:18px}.ftsp-hero,.ftsp-title{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:25px 0}.ftsp-hero{background:linear-gradient(135deg,#073b4c,#0b7a75);color:#fff;border-radius:24px;padding:30px}.ftsp-hero p,.ftsp-hero .eyebrow{color:#d8fffb}.ftsp-title h1,.ftsp-hero h1{margin:4px 0;font-size:30px}.ftsp-title p,.ftsp-hero p{margin:0;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:900;color:var(--brand)}.ftsp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ftsp-stats>div,.ftsp-panel,.profilehead,.public-card{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:20px}.ftsp-stats span{font-size:12px;color:var(--muted);font-weight:700}.ftsp-stats b{display:block;font-size:32px;margin-top:6px}.ftsp-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.ftsp-panel{margin-top:18px}.ftsp-panel h2{margin-top:0}.donut{width:170px;height:170px;border-radius:50%;margin:15px auto;background:conic-gradient(#0b7a75 0 var(--a),#e9a23b var(--a) calc(var(--a) + var(--b)),#dc5c5c calc(var(--a) + var(--b)) 100%);display:grid;place-items:center}.donut>div{width:105px;height:105px;border-radius:50%;background:#fff;display:grid;place-items:center;align-content:center}.donut strong{font-size:28px}.donut small{color:var(--muted)}.legend{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.d1{background:#0b7a75}.d2{background:#e9a23b}.d3{background:#dc5c5c}.bars{display:grid;gap:13px}.barrow label{display:flex;justify-content:space-between;font-size:12px}.barrow div{height:9px;background:#edf2f5;border-radius:99px;margin-top:5px}.barrow i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:99px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps span{background:#f6fafb;padding:15px;border-radius:14px;font-weight:700}.steps b{display:block;color:var(--brand);font-size:12px;margin-bottom:6px}.ftsp-btn{display:inline-block;border:0;background:var(--brand);color:#fff!important;text-decoration:none!important;padding:12px 17px;border-radius:12px;font-weight:800;cursor:pointer}.ftsp-btn.ghost{background:#edf6f6;color:var(--brand)!important}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.formgrid label{font-size:12px;font-weight:800;color:#38556e}.formgrid input,.formgrid select{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #cbd9e2;border-radius:11px;padding:11px;background:#fff}.formgrid>div{align-self:end}.help{font-size:12px;color:var(--muted);line-height:1.6}.tablewrap{overflow:auto}.widefat{border:0}.widefat th{background:#f5f9fb}.widefat td,.widefat th{padding:11px}.pill{display:inline-block;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:900}.pill.rendah{background:#dff6e7;color:#1b6b3a}.pill.waspada{background:#fff0cc;color:#96620a}.pill.tinggi{background:#ffe1e1;color:#9c2929}.childcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.childcards a{border:1px solid var(--line);padding:16px;border-radius:14px;text-decoration:none;color:var(--ink)}.childcards small{display:block;color:var(--muted);margin-top:5px}.profilehead{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.profilehead h2{margin:4px 0}.charts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.chart{border:1px solid var(--line);border-radius:15px;padding:12px}.chart canvas{width:100%;height:220px}.public-screen{max-width:1000px;margin:30px auto}.public-card{padding:30px}.public-card h2{font-size:30px;margin:6px 0}.public-card>p{color:var(--muted)}.result{margin-top:18px;padding:18px;border-radius:15px;background:#f2f8f8;display:none}.result.show{display:block}.result strong{font-size:38px}.result .pill{margin-left:8px}@media(max-width:850px){.ftsp-stats,.ftsp-panels,.steps,.charts,.childcards{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.ftsp-admin{padding-right:10px}.ftsp-hero,.ftsp-title,.profilehead{align-items:flex-start;flex-direction:column}.ftsp-stats,.ftsp-panels,.steps,.charts,.childcards,.formgrid{grid-template-columns:1fr}.ftsp-hero h1,.ftsp-title h1{font-size:25px}}
/* Public dashboard 2.1 */
.public-app{max-width:1120px;margin:32px auto;padding:0 16px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
.public-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:280px;padding:42px;border-radius:30px;background:linear-gradient(135deg,#063c4e 0%,#087c76 58%,#11a69c 100%);color:#fff;box-shadow:0 22px 60px rgba(4,65,78,.18)}
.public-hero:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-130px;top:-150px;background:rgba(255,255,255,.08)}
.public-hero-copy{position:relative;z-index:2;max-width:700px}.public-hero h1{font-size:clamp(32px,5vw,52px);line-height:1.02;margin:9px 0 14px;letter-spacing:-.03em}.public-hero p{max-width:680px;font-size:16px;line-height:1.7;color:#d9f5f2;margin:0}.public-hero .eyebrow{color:#aaf2eb}.public-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.public-trust span{font-size:12px;font-weight:800;padding:8px 11px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);border-radius:999px}.hero-orb{position:relative;z-index:2;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 0 0 20px rgba(255,255,255,.035)}.hero-orb>div{text-align:center}.hero-orb b{display:block;font-size:42px;letter-spacing:-.04em}.hero-orb small{color:#ccebe8;font-weight:700}
.public-content{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;margin-top:18px}.public-form-card,.public-side .mini-card,.public-result-wrap,.public-disclaimer{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.public-form-card{padding:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-heading h2,.section-heading h3{margin:5px 0 0}.step-badge,.rule-count{font-size:11px;font-weight:900;color:var(--brand);background:#e8f6f5;border-radius:999px;padding:8px 11px}.public-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px}.public-form .full{grid-column:1/-1}.public-form label{display:block;font-size:12px;font-weight:900;color:#36536c}.hint{float:right;color:#91a3b2;font-weight:700}.public-form input,.public-form select{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #ccd9e2;border-radius:13px;padding:13px 14px;background:#fbfdfe;color:var(--ink);outline:none;transition:.2s}.public-form input:focus,.public-form select:focus{border-color:#0b7a75;box-shadow:0 0 0 4px rgba(11,122,117,.09)}.public-submit{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#0b7a75,#13a39b);box-shadow:0 12px 25px rgba(11,122,117,.2)}.public-submit:disabled{opacity:.7;cursor:wait}.input-note{font-size:11px;color:var(--muted);line-height:1.6;margin-top:14px}.public-side{display:grid;gap:12px;align-content:start}.mini-card{padding:20px!important}.mini-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#e9f7f5;color:var(--brand);font-weight:900;font-size:11px}.mini-card h3{margin:12px 0 6px}.mini-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}
.public-result-wrap{margin-top:18px;padding:26px;scroll-margin-top:25px}.result-empty{text-align:center;padding:34px 10px}.result-empty>span{font-size:11px;letter-spacing:.16em;font-weight:900;color:var(--brand)}.result-empty h2{margin:8px 0}.result-empty p,.muted{color:var(--muted);line-height:1.65;font-size:13px}.public-result-wrap:not(.show) .result-card{display:none}.public-result-wrap.show .result-empty{display:none}.result-card{animation:ftspIn .35s ease}.result-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.result-top h2{font-size:28px;margin:6px 0}.result-top h2 b{font-size:38px}.result-top p{margin:0;color:var(--muted)}.score-ring{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;align-content:center;background:linear-gradient(135deg,#e8f6f5,#fff);border:10px solid #d7efed}.score-ring span{font-size:28px;font-weight:950}.score-ring small{font-size:10px;color:var(--muted)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:22px 0}.result-grid h3,.rules-active h3{margin:0 0 12px}.recommendations{margin:0;padding-left:20px}.recommendations li{margin:0 0 10px;line-height:1.55;font-size:13px}.membership-list{display:grid;gap:9px}.membership-row>div{display:flex;justify-content:space-between;font-size:11px;font-weight:800}.membership-row>div b{color:var(--brand)}.membership-row>i{display:block;height:7px;background:#edf2f5;border-radius:99px;margin-top:5px;overflow:hidden}.membership-row em{display:block;height:100%;background:linear-gradient(90deg,#0b7a75,#13a39b);border-radius:99px}.rules-active{border:1px solid var(--line);border-radius:17px;padding:18px;background:#fbfdfe}.rules-active .section-heading{margin-bottom:10px}.rule-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid #e8eef2}.rule-row>div:first-child{display:flex;gap:10px;align-items:center}.rule-row>div:first-child b{color:var(--brand);font-size:12px}.rule-row span{font-size:11px;color:var(--muted)}.rule-row>div:last-child{text-align:right}.rule-row strong{display:block;font-size:11px}.rule-row small{font-size:10px;color:var(--muted)}.no-rule{font-size:12px;color:var(--muted);padding:10px 0}.result-foot{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.reset-result{border:0;background:#edf6f6;color:var(--brand);font-weight:900;padding:9px 12px;border-radius:10px;cursor:pointer}.public-disclaimer{margin-top:18px;padding:18px 20px}.public-disclaimer strong{font-size:12px}.public-disclaimer p{font-size:11px;line-height:1.6;color:var(--muted);margin:5px 0 0}.result-card.tinggi .score-ring{border-color:#ffdada}.result-card.waspada .score-ring{border-color:#ffe9ba}.result-card.rendah .score-ring{border-color:#d6f1df}@keyframes ftspIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.public-content{grid-template-columns:1fr}.public-side{grid-template-columns:repeat(3,1fr)}.hero-orb{width:145px;height:145px}.result-grid{grid-template-columns:1fr}}
@media(max-width:600px){.public-app{padding:0 10px}.public-hero{padding:28px 24px;min-height:0}.hero-orb{display:none}.public-form{grid-template-columns:1fr}.public-form .full{grid-column:auto}.public-side{grid-template-columns:1fr}.public-form-card,.public-result-wrap{padding:20px}.result-top{align-items:flex-start}.score-ring{width:85px;height:85px;border-width:7px}.score-ring span{font-size:23px}.result-top h2{font-size:21px}.result-top h2 b{font-size:30px}.rule-row{align-items:flex-start;flex-direction:column}.rule-row>div:last-child{text-align:left}.result-foot{align-items:flex-start;flex-direction:column}}