@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0b0e14;color:#e6e8ee}.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:#1c2331;border:1px solid #2c3547;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700;letter-spacing:.05em;color:#7fb3ff}.fw-titlebar h1{font-size:18px;margin:0}.fw-conn{display:flex;align-items:center;gap:6px;font-size:13px;padding:4px 10px;border-radius:999px;border:1px solid #2c3547}.fw-conn-dot{width:8px;height:8px;border-radius:50%;background:#666}.fw-conn.is-online .fw-conn-dot{background:#34d399}.fw-conn.is-offline .fw-conn-dot{background:#f87171}.fw-connect-row{display:flex;gap:8px}#fw-url-input{flex:1;min-width:0;padding:12px;font-size:14px;border-radius:8px;border:1px solid #2c3547;background:#131826;color:#e6e8ee}.fw-connect-btn{padding:12px 16px;font-size:14px;font-weight:600;border-radius:8px;border:1px solid #2c3547;background:#1c2331;color:#e6e8ee;cursor:pointer;min-height:44px}.fw-connect-btn:active{background:#2c3547}.fw-grid{display:grid;grid-template-columns:1fr;gap:12px}.fw-panel{background:#131826;border:1px solid #2c3547;border-radius:12px;padding:14px}.fw-panel h2{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#8b93a7}.fw-tag{display:inline-block;margin-top:8px;font-size:12px;padding:3px 8px;border-radius:6px;border:1px solid}.fw-tag.ok{color:#34d399;border-color:#1f5c4a;background:#0f2a22}.fw-tag.err{color:#f87171;border-color:#5c1f1f;background:#2a0f0f}.fw-clock-date{font-size:15px;color:#8b93a7}.fw-clock-time{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums}.fw-readout-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #1c2331;font-size:14px}.fw-readout-row:last-of-type{border-bottom:none}.fw-readout-value{font-weight:600;font-variant-numeric:tabular-nums}.fw-gas-value{font-size:36px;font-weight:700;font-variant-numeric:tabular-nums}.fw-gas-bar{margin-top:10px;height:10px;border-radius:999px;background:#1c2331;overflow:hidden}.fw-gas-bar-fill{height:100%;border-radius:999px;transition:width .3s ease;background:#34d399}.fw-gas-bar-fill.status-aman{background:#34d399}.fw-gas-bar-fill.status-waspada{background:#fbbf24}.fw-gas-bar-fill.status-bahaya{background:#f87171}.fw-gas-scale{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:#8b93a7}.fw-panel-status{border-width:2px}.fw-panel-status.status-aman{border-color:#1f5c4a}.fw-panel-status.status-waspada{border-color:#7a5c14}.fw-panel-status.status-bahaya{border-color:#5c1f1f}.fw-status-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.fw-status-label{font-size:22px;font-weight:800}.fw-status-desc{font-size:13px;color:#8b93a7;flex:1;min-width:140px}.fw-led-array{display:flex;gap:8px}.fw-led{width:14px;height:14px;border-radius:50%;background:#1c2331;border:1px solid #2c3547}.fw-led-green.is-lit{background:#34d399;box-shadow:0 0 8px #34d399}.fw-led-amber.is-lit{background:#fbbf24;box-shadow:0 0 8px #fbbf24}.fw-led-red.is-lit{background:#f87171;box-shadow:0 0 8px #f87171}@media (min-width: 640px){.fw-dash{max-width:720px}.fw-grid{grid-template-columns:1fr 1fr}.fw-panel-status{grid-column:1 / -1}}.fw-shell{display:flex;flex-direction:column}.fw-tabs{display:flex;gap:4px;border-bottom:2px solid #ddd;padding:0 8px}.fw-tab{padding:10px 18px;border:none;background:transparent;cursor:pointer;font-size:.95rem;font-weight:500;color:#666;border-bottom:3px solid transparent;margin-bottom:-2px}.fw-tab:hover{color:#1f4e79}.fw-tab.is-active{color:#1f4e79;border-bottom-color:#1f4e79;font-weight:700}.fw-tab-content{padding:16px}:root{--fw-bg: #0f1215;--fw-bg-raised: #171b1f;--fw-bg-panel: #1a1f24;--fw-bg-inset: #12161a;--fw-border: #2a3238;--fw-border-soft: #23292e;--fw-text: #e7ebee;--fw-text-dim: #9aa5ac;--fw-text-faint: #647079;--fw-amber: #f0a83c;--fw-amber-dim: #a97730;--fw-safe: #4ec98a;--fw-warn: #f0a83c;--fw-crit: #e2564f;--fw-safe-bg: rgba(78, 201, 138, .12);--fw-warn-bg: rgba(240, 168, 60, .12);--fw-crit-bg: rgba(226, 86, 79, .12);--fw-font-display: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--fw-font-body: "IBM Plex Sans", system-ui, sans-serif;--fw-radius: 3px;--fw-gap: 20px}.fw-dash.fw-report{background:var(--fw-bg);color:var(--fw-text);font-family:var(--fw-font-body);font-size:14px;line-height:1.5;padding:28px clamp(16px,4vw,40px) 64px;max-width:980px;margin:0 auto}.fw-dash.fw-report *{box-sizing:border-box}.fw-titlebar{display:flex;align-items:center;gap:14px;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--fw-border);position:relative}.fw-titlebar:after{content:"";position:absolute;left:0;bottom:-1px;width:120px;height:2px;background:repeating-linear-gradient(135deg,var(--fw-amber) 0 8px,#17191b 8px 16px)}.fw-titlebar-left{display:flex;align-items:center;gap:14px}.fw-plate{font-family:var(--fw-font-display);font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--fw-bg);background:var(--fw-amber);padding:5px 9px;border-radius:var(--fw-radius)}.fw-titlebar h1{font-family:var(--fw-font-display);font-size:19px;font-weight:600;letter-spacing:-.01em;margin:0;color:var(--fw-text)}.fw-panel{background:var(--fw-bg-panel);border:1px solid var(--fw-border);border-radius:var(--fw-radius);padding:24px clamp(16px,3vw,28px);margin-bottom:var(--fw-gap)}.fw-panel h2{font-family:var(--fw-font-display);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fw-text-dim);margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--fw-border-soft)}.fw-form-row{margin-bottom:16px}.fw-form-row>label{display:block;font-size:12.5px;font-weight:500;color:var(--fw-text-dim);margin-bottom:7px}.fw-form-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fw-form-cols-3{grid-template-columns:repeat(3,1fr)}.fw-form input,.fw-form select{width:100%;background:var(--fw-bg-inset);border:1px solid var(--fw-border);border-radius:var(--fw-radius);color:var(--fw-text);font-family:var(--fw-font-body);font-size:13.5px;padding:9px 11px;transition:border-color .12s ease,background .12s ease}.fw-form input::placeholder{color:var(--fw-text-faint)}.fw-form input:hover,.fw-form select:hover{border-color:#3a444c}.fw-form input:focus,.fw-form select:focus{outline:none;border-color:var(--fw-amber);background:var(--fw-bg-raised);box-shadow:0 0 0 3px #f0a83c26}.fw-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--fw-text-dim) 50%),linear-gradient(135deg,var(--fw-text-dim) 50%,transparent 50%);background-position:calc(100% - 16px) center,calc(100% - 11px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}.fw-computed-box{background:var(--fw-bg-inset);border:1px solid var(--fw-border-soft);border-left:3px solid var(--fw-amber);border-radius:var(--fw-radius);padding:14px 16px;font-family:var(--fw-font-display);font-size:13px;color:var(--fw-text-dim)}.fw-computed-box div{margin-bottom:4px}.fw-computed-box b{color:var(--fw-amber);font-weight:600}.fw-computed-hint{font-family:var(--fw-font-body);font-size:12px;color:var(--fw-text-faint);margin-top:8px!important;line-height:1.5}.fw-btn{font-family:var(--fw-font-body);font-weight:600;font-size:13px;border-radius:var(--fw-radius);border:1px solid var(--fw-border);background:var(--fw-bg-inset);color:var(--fw-text);padding:10px 18px;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform 60ms ease}.fw-btn:hover{border-color:#3a444c;background:var(--fw-bg-raised)}.fw-btn:active{transform:translateY(1px)}.fw-btn-primary{background:var(--fw-amber);border-color:var(--fw-amber);color:#1a1305}.fw-btn-primary:hover{background:#f5b455;border-color:#f5b455}.fw-btn-small{padding:6px 12px;font-size:12px}.fw-btn-danger{background:transparent;border-color:var(--fw-crit);color:var(--fw-crit)}.fw-btn-danger:hover{background:var(--fw-crit-bg)}.fw-form-msg{display:inline-block;margin-left:12px;font-size:12.5px;color:var(--fw-text-dim)}.fw-form-msg.is-ok{color:var(--fw-safe)}.fw-form-msg.is-error{color:var(--fw-crit)}.fw-session-list{display:flex;flex-direction:column;gap:12px}.fw-session-card{background:var(--fw-bg-inset);border:1px solid var(--fw-border-soft);border-left:3px solid var(--fw-border);border-radius:var(--fw-radius);padding:16px 18px;transition:border-color .15s ease}.fw-session-card.is-active{border-left-color:var(--fw-safe)}.fw-session-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.fw-session-id{font-family:var(--fw-font-display);font-weight:600;font-size:13.5px;color:var(--fw-text)}.fw-session-badge{font-family:var(--fw-font-display);font-size:10.5px;font-weight:600;letter-spacing:.08em;padding:3px 8px;border-radius:999px}.badge-active{color:var(--fw-safe);background:var(--fw-safe-bg);border:1px solid rgba(78,201,138,.35)}.badge-ended{color:var(--fw-text-faint);background:#ffffff0a;border:1px solid var(--fw-border)}.fw-session-card-body{display:grid;gap:5px;font-size:13px;color:var(--fw-text-dim)}.fw-session-card-body b{color:var(--fw-text);font-weight:500}.fw-session-card-actions{display:flex;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--fw-border-soft)}.fw-filter-form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end}.fw-filter-form .fw-btn{grid-column:3}#fw-filter-results{margin-top:18px}.fw-panel-detail h2{font-family:var(--fw-font-display)}.fw-detail-summary{display:grid;gap:6px;font-size:13px;color:var(--fw-text-dim);margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--fw-border-soft)}.fw-detail-summary b{color:var(--fw-text);font-family:var(--fw-font-display);font-weight:600}.fw-detail-table{width:100%;border-collapse:collapse;font-family:var(--fw-font-display);font-size:12.5px}.fw-detail-table thead th{text-align:left;font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:10.5px;color:var(--fw-text-faint);padding:8px 10px;border-bottom:1px solid var(--fw-border)}.fw-detail-table tbody td{padding:9px 10px;border-bottom:1px solid var(--fw-border-soft);color:var(--fw-text-dim)}.fw-detail-table tbody tr:hover td{background:var(--fw-bg-raised)}.fw-detail-table tr.row-aman td:last-child{color:var(--fw-safe);font-weight:600}.fw-detail-table tr.row-perhatian td:last-child{color:var(--fw-warn);font-weight:600}.fw-detail-table tr.row-kritis td:last-child{color:var(--fw-crit);font-weight:600}@media (max-width: 640px){.fw-form-cols,.fw-form-cols-3,.fw-filter-form{grid-template-columns:1fr}.fw-filter-form .fw-btn{grid-column:1}.fw-session-card-actions{flex-wrap:wrap}.fw-detail-table{display:block;overflow-x:auto;white-space:nowrap}}.fw-btn:focus-visible,.fw-form input:focus-visible,.fw-form select:focus-visible{outline:2px solid var(--fw-amber);outline-offset:2px}