.hero-inner.hero-single{text-align:center;grid-template-columns:1fr;justify-items:center}.hero-inner.hero-single .lead{margin-left:auto;margin-right:auto}.hero-inner.hero-single .button-row,.hero-inner.hero-single .hero-tags{justify-content:center}.monitor-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.monitor-tools{align-items:center;gap:10px;display:flex}.demo-note{text-align:center;max-width:620px;color:var(--warn);background:var(--warn-soft);border-radius:var(--radius-sm);border:1px dashed #d9770666;margin:18px auto 0;padding:12px 18px;font-size:.86rem}.monitor-actions{flex-wrap:wrap;gap:12px;display:flex}.monitor-cards{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.monitor-card{background:var(--surface);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow);border-radius:22px;padding:40px 24px 32px;position:relative;overflow:hidden}.monitor-card:before{content:"";height:6px;position:absolute;inset:0 0 auto}.monitor-card.total:before{background:var(--grad)}.monitor-card.antri:before{background:linear-gradient(90deg,#fbbf24,#d97706)}.monitor-card.dicuci:before{background:linear-gradient(90deg,#38bdf8,#2563eb)}.monitor-card.bayar:before{background:linear-gradient(90deg,#a78bfa,#7c3aed)}.monitor-card.done:before{background:linear-gradient(90deg,#4ade80,#16a34a)}.monitor-card .num{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:clamp(3rem,7vw,4.4rem);font-weight:800;line-height:1}.monitor-card.antri .num{background:linear-gradient(135deg,#fbbf24,#d97706);-webkit-background-clip:text;background-clip:text}.monitor-card.dicuci .num{background:linear-gradient(135deg,#38bdf8,#2563eb);-webkit-background-clip:text;background-clip:text}.monitor-card.bayar .num{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-background-clip:text;background-clip:text}.monitor-card.done .num{background:linear-gradient(135deg,#4ade80,#16a34a);-webkit-background-clip:text;background-clip:text}.monitor-card .lbl{font-size:1.08rem;font-weight:800}.monitor-card .desc{color:var(--muted);margin:8px 0 0;font-size:.88rem}.monitor-note{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 24px;margin-top:26px;font-size:.88rem;display:flex}.monitor-updated{background:var(--brand-soft);color:var(--brand-deep);border-radius:999px;padding:4px 12px;font-size:.82rem;font-weight:700}.monitor-explainer{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;display:grid}.explain-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:20px 22px}.explain-card h3{margin-bottom:6px;font-size:1rem}.explain-card p{margin:0;font-size:.9rem}@media (width<=1000px){.monitor-cards{grid-template-columns:1fr 1fr}}@media (width<=760px){.monitor-cards,.monitor-explainer{grid-template-columns:1fr}.monitor-toolbar{flex-direction:column;align-items:flex-start}}.monitor-summary{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:999px;justify-content:center;align-items:baseline;gap:14px;width:fit-content;margin:0 auto 24px;padding:14px 28px;display:flex}.monitor-summary-label{color:var(--muted);font-size:.95rem;font-weight:700}.monitor-summary-total{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1}.monitor-board{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:40px;overflow:hidden}.board-sub{color:var(--muted);font-size:.85rem;font-weight:600}.table-scroll{overflow-x:auto}.board-table{border-collapse:collapse;width:100%;min-width:640px}.board-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f0f9ff,#ecfeff);padding:14px 20px;font-size:.78rem;font-weight:800}.board-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:13px 20px}.board-table tbody tr:last-child td{border-bottom:none}.board-table tbody tr{transition:background .15s}.board-table tbody tr:hover{background:var(--brand-soft)}.board-table tr.row-done{opacity:.55}.b-no{color:var(--brand-deep);white-space:nowrap;font-weight:800}.b-mobil{font-weight:700}.b-warna{color:var(--muted);font-size:.82rem}.b-chip{flex-wrap:wrap;gap:6px;display:flex}.board-empty{text-align:center;color:var(--muted);padding:40px 24px}