:root{color-scheme:light;--bg: #eef4ee;--bg-alt: #e4ede4;--surface: #ffffff;--surface-sunken: #f6faf6;--border: #dbe6db;--ink: #17231d;--ink-soft: #47584d;--muted: #7c8b81;--primary: #1f6f5c;--primary-dark: #123f33;--primary-soft-bg: #e2f0ea;--accent: #e2992e;--accent-soft-bg: #fbf1dd;--accent-dark: #a86a13;--ok: #2e9b5d;--ok-bg: #e7f6ec;--ok-border: #bfe6cc;--warn: #b4700f;--warn-bg: #fcf0da;--warn-border: #f0d4a1;--danger: #c23b3b;--danger-bg: #fbeaea;--danger-border: #f0c1c1;--sidebar-bg: #123b31;--sidebar-bg-alt: #0e2f27;--sidebar-text: #dceae3;--sidebar-text-muted: #86a99b;--sidebar-active-bg: #1f6f5c;--sidebar-active-text: #ffffff;--sidebar-ring: #e2992e;--font-display: "Fraunces", Georgia, serif;--font-body: "Space Grotesk", "Segoe UI", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(18, 59, 49, .06);--shadow-md: 0 4px 16px rgba(18, 59, 49, .08)}*{box-sizing:border-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--ink);font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.fw-dash{min-height:100vh;padding:12px;display:flex;flex-direction:column;gap:12px;max-width:480px;margin:0 auto}.fw-titlebar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.fw-titlebar-left{display:flex;align-items:center;gap:8px}.fw-plate{background:var(--primary-soft-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--primary-dark)}.fw-titlebar h1{font-family:var(--font-display);font-weight:600;font-size:20px;margin:0;color:var(--ink)}.fw-conn{display:flex;align-items:center;gap:6px;font-size:13px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface)}.fw-conn-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.fw-conn.is-online .fw-conn-dot{background:var(--ok);box-shadow:0 0 0 3px var(--ok-bg)}.fw-conn.is-offline .fw-conn-dot{background:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.fw-connect-row{display:flex;gap:8px}#fw-url-input{flex:1;min-width:0;padding:12px;font-size:14px;font-family:var(--font-body);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink)}#fw-url-input:focus-visible{border-color:var(--primary)}.fw-connect-btn{padding:12px 16px;font-size:14px;font-weight:600;font-family:var(--font-body);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;min-height:44px;transition:background .15s ease,border-color .15s ease,transform .1s ease}.fw-connect-btn:hover{border-color:var(--primary);color:var(--primary-dark)}.fw-connect-btn:active{background:var(--primary-soft-bg);transform:translateY(1px)}.fw-grid{display:grid;grid-template-columns:1fr;gap:12px}.fw-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.fw-panel h2{margin:0 0 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.fw-tag{display:inline-block;margin-top:8px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid}.fw-tag.ok{color:var(--ok);border-color:var(--ok-border);background:var(--ok-bg)}.fw-tag.err{color:var(--danger);border-color:var(--danger-border);background:var(--danger-bg)}.fw-readout-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--surface-sunken);font-size:14px;color:var(--ink-soft)}.fw-readout-row:last-of-type{border-bottom:none}.fw-readout-value{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.fw-hint{margin:10px 0 0;font-size:12px;color:var(--muted);line-height:1.5}.fw-panel-qr{display:flex;flex-direction:column;align-items:center}.fw-qr-wrap{display:flex;align-items:center;justify-content:center;padding:12px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md);min-height:200px;min-width:200px}.fw-qr-wrap canvas{display:block;max-width:100%;height:auto}@media (min-width: 640px){.fw-dash{max-width:720px}.fw-grid{grid-template-columns:1fr 1fr}}.app-shell{display:flex;min-height:100vh;background:var(--bg)}.sidebar{display:flex;flex-direction:row;align-items:center;overflow-x:auto;background:var(--sidebar-bg);border-bottom:1px solid var(--sidebar-bg-alt);padding:8px;gap:4px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 10px;flex-shrink:0}.sidebar-mark{position:relative;width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-mark:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:conic-gradient(from -90deg,var(--sidebar-ring) 0deg,var(--sidebar-ring) 270deg,transparent 270deg,transparent 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px))}.sidebar-logo{display:block;width:44px;height:44px;object-fit:cover;border-radius:50%;border:2px solid var(--sidebar-bg)}.sidebar-brand-text{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}.sidebar-brand-name{font-family:var(--font-display);font-size:20px;font-weight:680;letter-spacing:.01em;color:var(--sidebar-active-text)}.sidebar-brand-tagline{font-size:10px;font-weight:500;letter-spacing:.02em;color:var(--sidebar-text-muted);margin-top:2px}.sidebar-item{flex:0 0 auto;padding:10px 14px;font-size:13px;font-weight:600;font-family:var(--font-body);border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--sidebar-text-muted);cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.sidebar-item:hover{color:var(--sidebar-text);background:#ffffff0f}.sidebar-item.is-active{background:var(--sidebar-active-bg);border-color:var(--sidebar-active-bg);color:var(--sidebar-active-text);box-shadow:inset 0 0 0 1px #e2992e59}.sidebar-footer{display:none;margin-top:auto;padding:14px 10px;font-size:11px;color:var(--sidebar-text-muted);border-top:1px solid var(--sidebar-bg-alt)}.content{flex:1;min-width:0}.content-section{display:none;padding:20px 16px}.content-section.is-active{display:block}@media (min-width: 900px){.app-shell{flex-direction:row}.sidebar{flex-direction:column;align-items:stretch;width:240px;flex:0 0 240px;height:100vh;position:sticky;top:0;border-bottom:none;border-right:1px solid var(--sidebar-bg-alt);overflow-x:visible;padding:14px 10px}.sidebar-brand{padding:6px 10px 20px}.sidebar-item{text-align:left}.sidebar-footer{display:block}.content-section{padding:28px 32px;max-width:1080px}}.section-title{font-family:var(--font-display);font-weight:600;font-size:20px;margin:4px 0 16px;color:var(--ink);display:flex;align-items:center;gap:10px}.section-title:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid var(--accent);border-right-color:transparent;flex-shrink:0}.ot-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.ot-table th,.ot-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--surface-sunken)}.ot-table th{color:var(--muted);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.04em;background:var(--surface-sunken)}.ot-table tbody tr:hover td{background:var(--primary-soft-bg)}.ot-row-warn td,.ot-row-warn:hover td{background:var(--warn-bg)}.ot-badge-warn{color:var(--warn);font-weight:700}.ot-loading,.ot-empty{color:var(--muted);font-size:13px}.ot-view-btn{padding:7px 14px;font-size:12px;font-weight:700;font-family:var(--font-body);border-radius:var(--radius-sm);border:1px solid var(--primary);background:var(--primary-soft-bg);color:var(--primary-dark);cursor:pointer;transition:background .15s ease}.ot-view-btn:hover{background:var(--primary);color:#fff}.ot-detail-row td{background:var(--surface-sunken);padding:14px 12px}.ot-detail-loading{color:var(--muted);font-size:13px}.ot-balita-block{padding:10px 0;border-bottom:1px solid var(--border)}.ot-balita-block:last-child{border-bottom:none}.ot-balita-nama{font-family:var(--font-display);font-size:14px;font-weight:600;margin:0 0 2px;color:var(--ink)}.ot-balita-sub{font-weight:400;font-family:var(--font-body);color:var(--muted)}.ot-balita-catatan{font-size:12px;color:var(--ink-soft);margin:0 0 8px;font-style:italic}.ot-hist-table{width:100%;border-collapse:collapse;font-size:12px}.ot-hist-table th,.ot-hist-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--surface-sunken)}.ot-hist-table th{color:var(--muted);font-weight:700;text-transform:uppercase;font-size:10px}.ot-hist-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap}.ot-hist-badge-normal{color:var(--ok);background:var(--ok-bg);border:1px solid var(--ok-border)}.ot-hist-badge-warn{color:var(--warn);background:var(--warn-bg);border:1px solid var(--warn-border)}.ot-hist-badge-danger{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border)}.gc-chart-block{margin-bottom:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.gc-chart-block h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px}.gc-svg{width:100%;height:auto;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md)}.gc-note,.gc-loading,.gc-empty{color:var(--muted);font-size:13px}.rp-list{display:flex;flex-direction:column;gap:8px}.rp-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s ease,box-shadow .15s ease}.rp-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.rp-nama{font-family:var(--font-display);font-size:14px;font-weight:600;margin:0;color:var(--ink)}.rp-sub{font-size:12px;color:var(--muted);margin:2px 0 0}.rp-btn{padding:9px 14px;min-height:36px}.rp-loading,.rp-empty{color:var(--muted);font-size:13px}.rb-controls{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-bottom:16px;font-size:13px;color:var(--ink-soft)}.rb-controls label{display:flex;align-items:center;gap:8px;font-weight:600}.rb-controls input[type=month]{padding:7px 10px;font-size:13px;font-family:var(--font-body);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink)}.rb-controls input[type=month]:focus-visible{border-color:var(--primary)}.rb-checkbox{cursor:pointer}.rb-summary{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.rb-summary-item{font-size:13px;font-weight:600;color:var(--ink-soft);padding:7px 14px;background:var(--surface);border:1px solid var(--border);border-radius:999px}.rb-summary-item strong{color:var(--ink);font-weight:700}.rb-summary-ok strong{color:var(--ok)}.rb-summary-missing strong{color:var(--danger)}.rb-charts{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:20px}.rb-chart-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.rb-chart-block h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 12px}.rb-svg{width:100%;height:auto}.rb-empty-chart{color:var(--muted);font-size:13px;margin:0}.rb-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.rb-table th,.rb-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--surface-sunken)}.rb-table th{color:var(--muted);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.04em;background:var(--surface-sunken)}.rb-table tbody tr:hover td{background:var(--primary-soft-bg)}tr.rb-missing td,tr.rb-missing:hover td{background:var(--danger-bg)}.rb-sub{color:var(--muted);font-weight:400}.rb-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:4px 12px 4px 8px;border-radius:999px;white-space:nowrap}.rb-badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.rb-badge-ok{color:var(--ok);background:var(--ok-bg);border:1px solid var(--ok-border)}.rb-badge-ok:before{background:var(--ok)}.rb-badge-missing{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border)}.rb-badge-missing:before{background:var(--danger)}.rb-empty{text-align:center;color:var(--muted);padding:20px 10px!important}@media (min-width: 900px){.rb-charts{grid-template-columns:1fr 1fr}}