:root{--frps-ink:#172033;--frps-muted:#687386;--frps-line:#e7ebf2;--frps-bg:#f5f7fb;--frps-primary:#4f46e5;--frps-primary2:#7c3aed;--frps-danger:#dc2626;--frps-warning:#d97706;--frps-success:#059669}
.frps-admin-wrap,.frps-front{max-width:1400px;margin:25px auto;padding:0 18px;color:var(--frps-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.frps-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px;border-radius:22px;background:linear-gradient(135deg,#312e81,#4f46e5 55%,#7c3aed);color:#fff;box-shadow:0 16px 40px rgba(49,46,129,.20);margin-bottom:22px}
.frps-hero h1{margin:7px 0;font-size:30px;line-height:1.15;color:#fff}.frps-hero p{margin:8px 0 0;color:#e9e7ff;font-size:15px}.frps-badge{border:1px solid rgba(255,255,255,.3);padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.12)}
.frps-kicker{font-size:11px;font-weight:800;letter-spacing:1.4px;opacity:.8}.frps-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.frps-stat{background:#fff;border:1px solid var(--frps-line);border-radius:17px;padding:19px;box-shadow:0 7px 22px rgba(30,41,59,.05)}.frps-stat span{display:block;color:var(--frps-muted);font-size:12px;font-weight:700}.frps-stat strong{display:block;font-size:30px;margin:4px 0}.frps-stat em{font-size:11px;color:var(--frps-muted);font-style:normal}.frps-stat.danger strong{color:var(--frps-danger)}.frps-stat.warning strong{color:var(--frps-warning)}.frps-stat.success strong{color:var(--frps-success)}
.frps-two-col{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px;margin-bottom:22px}.frps-form-card,.frps-method-card,.frps-table-card{background:#fff;border:1px solid var(--frps-line);border-radius:20px;padding:23px;box-shadow:0 7px 22px rgba(30,41,59,.05)}.frps-form-head h2,.frps-method-card h2,.frps-table-head h2{margin:4px 0 5px;font-size:21px}.frps-form-head p{margin:0;color:var(--frps-muted);font-size:13px}.frps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px}.frps-grid label{font-size:12px;font-weight:800;color:#344054}.frps-grid input{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #dfe4ec;border-radius:11px;padding:11px 12px;font-size:14px;background:#fbfcfe}.frps-grid input:focus{outline:2px solid rgba(79,70,229,.14);border-color:#6366f1}.frps-grid small{display:block;color:#8a94a6;font-weight:500;margin-top:5px}.frps-actions{display:flex;gap:10px;margin-top:20px}.frps-btn{border:0;border-radius:11px;padding:11px 17px;font-weight:800;cursor:pointer}.frps-btn-primary{color:#fff;background:linear-gradient(135deg,var(--frps-primary),var(--frps-primary2))}.frps-btn-light{background:#f0f2f7;color:#344054}.frps-method-card p{color:var(--frps-muted);font-size:13px;line-height:1.6}.frps-rule{display:flex;flex-direction:column;gap:9px;background:var(--frps-bg);border-radius:14px;padding:15px;margin-top:18px;font-size:13px}.frps-mini-metric{border-top:1px solid var(--frps-line);margin-top:18px;padding-top:18px;display:flex;justify-content:space-between;align-items:center}.frps-mini-metric span{font-size:12px;color:var(--frps-muted)}.frps-mini-metric strong{font-size:21px}
.frps-table-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.frps-table-head>span{font-size:12px;color:var(--frps-muted)}.frps-table-scroll{overflow-x:auto}.frps-table{width:100%;border-collapse:collapse;min-width:760px}.frps-table th{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#7b8495;background:#f8f9fc}.frps-table th,.frps-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--frps-line);font-size:12px}.frps-pill{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.frps-pill.tinggi{background:#fee2e2;color:#b91c1c}.frps-pill.sedang{background:#fef3c7;color:#b45309}.frps-pill.rendah{background:#d1fae5;color:#047857}.frps-delete{color:#dc2626;text-decoration:none;font-weight:700}.frps-empty{text-align:center;padding:30px;color:var(--frps-muted);background:#fafbfc;border-radius:13px}
.frps-front .frps-hero{margin-bottom:18px}.frps-front .frps-form-card{margin-bottom:20px}
@media(max-width:900px){.frps-stats{grid-template-columns:repeat(2,1fr)}.frps-two-col{grid-template-columns:1fr}}
@media(max-width:600px){.frps-admin-wrap,.frps-front{padding:0 10px}.frps-hero{padding:22px;border-radius:17px}.frps-hero h1{font-size:23px}.frps-stats{grid-template-columns:1fr 1fr;gap:10px}.frps-stat{padding:14px}.frps-stat strong{font-size:24px}.frps-grid{grid-template-columns:1fr}.frps-form-card,.frps-method-card,.frps-table-card{padding:17px}.frps-actions{flex-direction:column}.frps-btn{width:100%}}