:root{--bg: #f6f7f5;--surface: #ffffff;--surface-2: #f0f2ef;--border: #dcdfd9;--border-strong: #c3c8bd;--text: #1c2321;--text-muted: #5f6b66;--text-faint: #8a948f;--brand: #0f766e;--brand-dark: #115e57;--brand-soft: #e3f1ef;--ok: #15803d;--ok-soft: #e4f4e9;--warn: #b45309;--warn-soft: #fdf1e0;--bad: #b91c1c;--bad-soft: #fceceb;--info: #1d4ed8;--info-soft: #e8eefc;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(28, 35, 33, .06), 0 4px 12px rgba(28, 35, 33, .05);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-text-size-adjust:100%}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.015em;line-height:1.25}h1{font-size:1.4rem}h2{font-size:1.05rem}h3{font-size:.95rem}p{margin:0}a{color:var(--brand)}.shell{max-width:1180px;margin:0 auto;padding:0 16px 64px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.topbar-inner{max-width:1180px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:680;letter-spacing:-.02em;color:var(--text);text-decoration:none;font-size:1rem}.brand-mark{width:30px;height:30px;border-radius:9px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:15px;flex-shrink:0}.topbar-link{font-size:.85rem;color:var(--text-muted);text-decoration:none;padding:6px 12px;border:1px solid var(--border);border-radius:999px;white-space:nowrap;background:var(--surface)}.topbar-link:hover{border-color:var(--border-strong);color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:18px}.section-title{display:flex;align-items:baseline;gap:8px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.section-title .step{width:22px;height:22px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:.72rem;font-weight:700;display:grid;place-items:center;flex-shrink:0;align-self:center}.section-hint{font-size:.8rem;color:var(--text-faint);margin-left:auto}label.field{display:block;margin-bottom:14px}label.field>span.lbl{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:5px}.hint{font-size:.75rem;color:var(--text-faint);margin-top:4px}input[type=text],input[type=number],input[type=password],select,textarea{width:100%;padding:9px 11px;font:inherit;font-size:.92rem;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235f6b66' d='M2 4.5 6 8.5 10 4.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;font:inherit;font-size:.9rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background .12s,border-color .12s}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-dark)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--surface);color:var(--bad);border-color:#e7c7c5}.btn-danger:hover:not(:disabled){background:var(--bad-soft)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:.82rem}.btn-block{width:100%}.choices{display:grid;gap:8px}.choice{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);transition:border-color .12s,background .12s}.choice:hover{border-color:var(--border-strong)}.choice.on{border-color:var(--brand);background:var(--brand-soft)}.choice input{margin:3px 0 0;accent-color:var(--brand);flex-shrink:0;width:15px;height:15px}.choice-body{min-width:0;flex:1}.choice-name{font-size:.88rem;font-weight:550}.choice-note{font-size:.75rem;color:var(--text-faint)}.choice-price{font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:2px}.seg{display:flex;gap:6px}.seg button{flex:1;padding:9px 8px;font:inherit;font-size:.85rem;font-weight:550;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted)}.seg button.on{background:var(--brand);border-color:var(--brand);color:#fff}.money-wrap{position:relative}.money-wrap .prefix{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:.9rem;color:var(--text-faint);pointer-events:none}.money-wrap input{padding-left:34px;font-variant-numeric:tabular-nums;font-size:1.02rem;font-weight:600}.verdict{border-radius:var(--radius);padding:18px;border:1px solid}.verdict h2{font-size:1.15rem;margin-bottom:6px}.verdict p{font-size:.88rem;line-height:1.6}.verdict.wajar{background:var(--ok-soft);border-color:#b8ddc6;color:#14532d}.verdict.wajar h2{color:var(--ok)}.verdict.waspada{background:var(--warn-soft);border-color:#eccb9b;color:#703c09}.verdict.waspada h2{color:var(--warn)}.verdict.tidak_wajar{background:var(--bad-soft);border-color:#e9c0bd;color:#7c1d1d}.verdict.tidak_wajar h2{color:var(--bad)}.verdict.di_atas_pasar{background:var(--info-soft);border-color:#bdccf2;color:#1e3a8a}.verdict.di_atas_pasar h2{color:var(--info)}.verdict.belum_diisi{background:var(--surface-2);border-color:var(--border-strong);color:var(--text-muted)}.verdict.belum_diisi h2{color:var(--text)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}.stat-lbl{font-size:.72rem;color:var(--text-faint);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.stat-val{font-size:.95rem;font-weight:680;font-variant-numeric:tabular-nums;margin-top:3px;letter-spacing:-.01em}.bar{margin-top:16px}.bar-track{position:relative;height:34px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.bar-zone{position:absolute;top:0;bottom:0}.bar-zone.z-bad{background:#f7dedc}.bar-zone.z-warn{background:#fbe7cd}.bar-zone.z-ok{background:#cdeed8}.bar-zone.z-high{background:#d8e3fb}.bar-marker{position:absolute;top:-4px;bottom:-4px;width:3px;background:var(--text);border-radius:2px}.bar-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:.73rem;color:var(--text-muted)}.bar-legend span{display:inline-flex;align-items:center;gap:5px}.bar-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:540px}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border)}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-weight:650;white-space:nowrap}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr.group-row td{background:var(--surface-2);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:6px 10px}tfoot td{font-weight:700;border-top:2px solid var(--border-strong);border-bottom:none}.row-detail{font-size:.73rem;color:var(--text-faint)}.notes{margin-top:14px;display:grid;gap:8px}.note{display:flex;gap:9px;background:var(--warn-soft);border:1px solid #eccb9b;border-radius:var(--radius-sm);padding:10px 12px;font-size:.82rem;color:#703c09;line-height:1.5}.alert{padding:10px 13px;border-radius:var(--radius-sm);font-size:.85rem;background:var(--bad-soft);border:1px solid #e9c0bd;color:#7c1d1d}.alert.ok{background:var(--ok-soft);border-color:#b8ddc6;color:#14532d}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px;overflow-x:auto}.tabs button{padding:9px 14px;font:inherit;font-size:.86rem;font-weight:600;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;white-space:nowrap}.tabs button.on{color:var(--brand);border-bottom-color:var(--brand)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:650;white-space:nowrap}.badge.wajar{background:var(--ok-soft);color:var(--ok)}.badge.waspada{background:var(--warn-soft);color:var(--warn)}.badge.tidak_wajar{background:var(--bad-soft);color:var(--bad)}.badge.di_atas_pasar{background:var(--info-soft);color:var(--info)}.badge.belum_diisi{background:var(--surface-2);color:var(--text-muted)}.badge.off{background:var(--surface-2);color:var(--text-faint)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:.8rem}.center{text-align:center}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spread{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.stack{display:grid;gap:16px}.skeleton{padding:48px 16px;text-align:center;color:var(--text-faint);font-size:.9rem}@media(max-width:820px){.grid-3,.stats{grid-template-columns:1fr}}@media(max-width:560px){.grid-2{grid-template-columns:1fr}.card-pad{padding:14px}h1{font-size:1.2rem}.shell{padding:0 12px 48px}.topbar-inner{padding:10px 12px}}