:root{--bg: #0a0a0a;--bg-1: #111111;--bg-2: #161616;--bg-3: #1c1c1c;--bg-4: #242424;--bg-hover: #1a1a1a;--border: #232323;--border-strong: #2f2f2f;--border-faint: #1a1a1a;--text: #fafafa;--text-2: #a1a1a1;--text-3: #6b6b6b;--text-4: #4a4a4a;--accent: #f97316;--accent-hover: #fb923c;--accent-soft: rgba(249, 115, 22, .12);--accent-soft-2: rgba(249, 115, 22, .06);--accent-border: rgba(249, 115, 22, .32);--success: #22c55e;--success-soft: rgba(34, 197, 94, .12);--success-border: rgba(34, 197, 94, .28);--warning: #eab308;--warning-soft: rgba(234, 179, 8, .12);--warning-border: rgba(234, 179, 8, .28);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .12);--danger-border: rgba(239, 68, 68, .28);--info: #3b82f6;--info-soft: rgba(59, 130, 246, .12);--info-border: rgba(59, 130, 246, .28);--shadow-1: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 4px 24px rgba(0, 0, 0, .5);--shadow-pop: 0 8px 32px rgba(0, 0, 0, .6), 0 0 0 1px var(--border);--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sidebar-w: 232px;--topbar-h: 52px;color-scheme:dark}[data-theme=light]{--bg: #fafafa;--bg-1: #ffffff;--bg-2: #f5f5f5;--bg-3: #f0f0f0;--bg-4: #e7e7e7;--bg-hover: #f0f0f0;--border: #e5e5e5;--border-strong: #d4d4d4;--border-faint: #ededed;--text: #0a0a0a;--text-2: #525252;--text-3: #737373;--text-4: #a3a3a3;--accent-soft: rgba(249, 115, 22, .1);--accent-soft-2: rgba(249, 115, 22, .05);--shadow-1: 0 1px 0 rgba(0, 0, 0, .02) inset, 0 1px 2px rgba(0, 0, 0, .06);--shadow-2: 0 4px 24px rgba(0, 0, 0, .08);--shadow-pop: 0 8px 32px rgba(0, 0, 0, .12), 0 0 0 1px var(--border);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03"}#root{height:100%}button{font-family:inherit;color:inherit;cursor:pointer;border:none;background:none;padding:0}input,textarea,select{font-family:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-4)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;overflow:hidden}.sidebar{background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.main{display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:12px;flex-shrink:0;background:var(--bg)}.content{flex:1;overflow:auto;position:relative}.brand{display:flex;align-items:center;gap:10px;padding:14px 16px 14px 18px;border-bottom:1px solid var(--border);height:var(--topbar-h);flex-shrink:0}.brand-mark{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--accent),#fbbf24);display:flex;align-items:center;justify-content:center;color:#0a0a0a;font-weight:700;font-size:12px;font-family:var(--font-mono);box-shadow:0 0 0 1px #ffffff0f inset}.brand-name{font-size:13px;font-weight:600;letter-spacing:-.01em}.brand-sub{font-size:10.5px;color:var(--text-3);font-family:var(--font-mono);margin-left:auto;padding:2px 6px;background:var(--bg-3);border:1px solid var(--border);border-radius:4px}.nav{flex:1;padding:12px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.nav-group-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);padding:14px 12px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);color:var(--text-2);font-size:13px;cursor:pointer;transition:background 80ms,color 80ms;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{background:var(--bg-3);color:var(--text)}.nav-item.active:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:2px;background:var(--accent);border-radius:2px}.nav-item .nav-icon{width:16px;height:16px;flex-shrink:0;color:var(--text-3)}.nav-item.active .nav-icon{color:var(--accent)}.nav-item:hover .nav-icon{color:var(--text-2)}.nav-item .nav-badge{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;padding:1px 5px;border-radius:4px;background:var(--bg-3);color:var(--text-2);border:1px solid var(--border)}.nav-item.active .nav-badge{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.nav-item .nav-pulse{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 0 var(--success);animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #22c55e99}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.sidebar-footer{padding:10px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.sidebar-user .name{font-size:12.5px;font-weight:500;line-height:1.2}.sidebar-user .org{font-size:11px;color:var(--text-3);font-family:var(--font-mono)}.topbar .breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.topbar .breadcrumb .crumb{color:var(--text-2)}.topbar .breadcrumb .crumb.last{color:var(--text);font-weight:500}.topbar .breadcrumb .sep{color:var(--text-4)}.search{margin-left:auto;position:relative;display:flex;align-items:center;width:320px}.search input{width:100%;height:30px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:0 10px 0 30px;font-size:12.5px;outline:none;color:var(--text);transition:border-color .1s,background .1s}.search input::placeholder{color:var(--text-3)}.search input:focus{border-color:var(--accent-border);background:var(--bg)}.search .s-icon{position:absolute;left:9px;width:14px;height:14px;color:var(--text-3);pointer-events:none}.search .kbd{position:absolute;right:8px;font-family:var(--font-mono);font-size:10px;color:var(--text-3);background:var(--bg-3);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.env-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;background:var(--warning-soft);border:1px solid var(--warning-border);color:var(--warning);font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.env-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--warning)}.icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-2);position:relative;transition:background 80ms}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}.icon-btn .notif-dot{position:absolute;top:6px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--danger);border:1.5px solid var(--bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 12px;font-size:12.5px;font-weight:500;border-radius:6px;border:1px solid var(--border);background:var(--bg-2);color:var(--text);transition:all .1s;white-space:nowrap}.btn:hover{background:var(--bg-3);border-color:var(--border-strong)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#0a0a0a;font-weight:600}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn.ghost:hover{background:var(--bg-hover);color:var(--text)}.btn.danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.btn.danger:hover{background:#ef44442e}.btn.sm{height:26px;padding:0 9px;font-size:12px}.btn.lg{height:36px;padding:0 14px;font-size:13px}.btn .btn-icon{width:14px;height:14px}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 7px 2px 6px;border-radius:4px;font-size:11px;font-weight:500;font-family:var(--font-mono);letter-spacing:.02em;border:1px solid var(--border);background:var(--bg-2);color:var(--text-2);white-space:nowrap;line-height:1.4}.chip .chip-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.chip.success{color:var(--success);background:var(--success-soft);border-color:var(--success-border)}.chip.danger{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-border)}.chip.warning{color:var(--warning);background:var(--warning-soft);border-color:var(--warning-border)}.chip.info{color:var(--info);background:var(--info-soft);border-color:var(--info-border)}.chip.accent{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.chip.running .chip-dot{background:var(--info);box-shadow:0 0 0 0 var(--info);animation:pulse-info 1.4s infinite}@keyframes pulse-info{0%{box-shadow:0 0 #3b82f699}70%{box-shadow:0 0 0 4px #3b82f600}}.page{padding:24px 28px 64px;max-width:1600px;margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px}.page-title{font-size:20px;font-weight:600;letter-spacing:-.015em;margin:0;display:flex;align-items:center;gap:10px}.page-subtitle{font-size:12.5px;color:var(--text-3);margin:4px 0 0}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius)}.card-header{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title{font-size:12.5px;font-weight:600;color:var(--text);margin:0}.card-sub{font-size:11.5px;color:var(--text-3);font-family:var(--font-mono)}.card-body{padding:14px}.card-row{padding:10px 14px;border-bottom:1px solid var(--border-faint);display:flex;align-items:center;gap:12px}.card-row:last-child{border-bottom:none}.card-row:hover{background:var(--bg-2)}.kpi{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;position:relative;overflow:hidden}.kpi-label{font-size:11.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.kpi-value{font-size:28px;font-weight:600;letter-spacing:-.02em;margin-top:6px;font-feature-settings:"tnum" 1;display:flex;align-items:baseline;gap:6px}.kpi-value .unit{font-size:14px;font-weight:500;color:var(--text-3)}.kpi-delta{margin-top:6px;display:flex;align-items:center;gap:4px;font-size:11.5px;font-family:var(--font-mono);color:var(--text-3)}.kpi-delta.up{color:var(--success)}.kpi-delta.down{color:var(--danger)}.kpi-spark{position:absolute;right:12px;bottom:12px;width:80px;height:28px;opacity:.7}.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px}.tbl thead th{text-align:left;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:10px 12px;background:var(--bg-1);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1}.tbl tbody td{padding:9px 12px;border-bottom:1px solid var(--border-faint);color:var(--text);vertical-align:middle}.tbl tbody tr{transition:background 80ms}.tbl tbody tr:hover{background:var(--bg-2);cursor:pointer}.tbl tbody tr.active{background:var(--accent-soft-2)}.tbl .mono{font-family:var(--font-mono);font-size:11.5px;color:var(--text-2)}.tbl .amount{font-family:var(--font-mono);font-feature-settings:"tnum" 1;font-weight:500;text-align:right}.tbl .muted{color:var(--text-3)}.tbl .num-col{text-align:right;font-variant-numeric:tabular-nums}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px}.tabs{display:flex;gap:2px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:2px}.tabs .tab{padding:4px 10px;font-size:12px;border-radius:4px;color:var(--text-2);font-weight:500}.tabs .tab:hover{color:var(--text)}.tabs .tab.active{background:var(--bg);color:var(--text);box-shadow:0 1px 2px #0000004d}.tabs .tab .count{margin-left:6px;font-family:var(--font-mono);font-size:10.5px;color:var(--text-3)}.tabs .tab.active .count{color:var(--accent)}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;height:28px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;font-size:12px;color:var(--text-2);cursor:pointer}.filter-chip:hover{background:var(--bg-3);color:var(--text)}.filter-chip .label{color:var(--text-3)}.filter-chip .value{color:var(--text);font-weight:500}.filter-chip.applied{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.filter-chip.applied .label,.filter-chip.applied .value{color:var(--accent)}.split{display:grid;grid-template-columns:320px 1fr;gap:16px;height:calc(100vh - var(--topbar-h) - 100px)}.run-list{display:flex;flex-direction:column;min-height:0}.run-list-scroll{overflow-y:auto;flex:1}.run-item{padding:11px 12px;border-bottom:1px solid var(--border-faint);cursor:pointer;display:flex;flex-direction:column;gap:4px}.run-item:hover{background:var(--bg-2)}.run-item.active{background:var(--accent-soft-2);border-left:2px solid var(--accent);padding-left:10px}.run-item .ri-top{display:flex;align-items:center;gap:8px}.run-item .ri-txn{font-family:var(--font-mono);font-size:11.5px;color:var(--text)}.run-item .ri-meta{display:flex;justify-content:space-between;font-size:11.5px;color:var(--text-3)}.run-item .ri-meta .biller{color:var(--text-2)}.live-canvas{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;min-height:0}.live-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px}.live-header .lh-title{font-family:var(--font-mono);font-size:13px;font-weight:500}.live-header .lh-meta{display:flex;align-items:center;gap:16px;font-size:11.5px;color:var(--text-3)}.live-header .lh-meta b{color:var(--text);font-weight:500}.live-body{display:grid;grid-template-columns:1fr 340px;flex:1;min-height:0}.live-main{display:flex;flex-direction:column;min-height:0;overflow:hidden}.live-main-scroll{flex:1;overflow-y:auto;padding:18px 20px 0}.steps-rail{padding:16px 18px;border-right:1px solid var(--border);overflow-y:auto}.now-exec{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px;position:relative;overflow:hidden}.now-exec:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--info);box-shadow:0 0 12px var(--info)}.now-exec.queued:before{background:var(--text-4);box-shadow:none}.now-exec.success:before{background:var(--success)}.now-exec.failed:before{background:var(--danger)}.now-exec-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);display:flex;align-items:center;gap:6px;margin-bottom:8px;font-weight:500}.now-exec-label .ne-step{margin-left:auto;color:var(--info);font-family:var(--font-mono);letter-spacing:.04em}.now-exec-action{font-family:var(--font-mono);font-size:13px;color:var(--text);line-height:1.5;word-break:break-all;padding:8px 10px;background:var(--bg);border-radius:6px;border:1px solid var(--border-faint)}.now-exec-action .verb{color:var(--accent)}.now-exec-action .arg{color:var(--success)}.now-exec-action .sel{color:var(--info)}.now-exec-action .cur{display:inline-block;width:7px;height:13px;background:var(--accent);vertical-align:middle;margin-left:1px;animation:blink 1s infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.now-exec-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;font-size:11.5px}.now-exec-meta .nem-k{font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.now-exec-meta .nem-v{font-family:var(--font-mono);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.substep{display:flex;gap:8px;font-family:var(--font-mono);font-size:11px;padding:3px 0;color:var(--text-2)}.substep .ss-mark{width:12px;text-align:center;flex-shrink:0;color:var(--text-4)}.substep.ok .ss-mark{color:var(--success)}.substep.fail .ss-mark{color:var(--danger)}.substep.run .ss-mark{color:var(--info)}.substep .ss-body{flex:1;min-width:0}.substep .ss-dur{color:var(--text-4);margin-left:6px}.step{position:relative;display:flex;gap:12px;padding:8px 0}.step:not(:last-child):after{content:"";position:absolute;left:11px;top:32px;bottom:-8px;width:1.5px;background:var(--border)}.step.success:not(:last-child):after{background:var(--success-border)}.step.running:not(:last-child):after{background:linear-gradient(180deg,var(--info-border) 0%,var(--border) 100%)}.step-mark{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--bg-1);display:flex;align-items:center;justify-content:center;font-size:11px;font-family:var(--font-mono);color:var(--text-3);flex-shrink:0;position:relative;z-index:1}.step.success .step-mark{border-color:var(--success);background:var(--success-soft);color:var(--success)}.step.failed .step-mark{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.step.running .step-mark{border-color:var(--info);background:var(--info-soft);color:var(--info);animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.step.queued .step-mark{color:var(--text-4)}.step-body{flex:1;padding-top:2px;min-width:0}.step-title{font-size:12.5px;font-weight:500;color:var(--text)}.step.queued .step-title{color:var(--text-3)}.step-sub{font-size:11px;color:var(--text-3);margin-top:2px;font-family:var(--font-mono)}.step-duration{font-family:var(--font-mono);font-size:10.5px;color:var(--text-4)}.live-screenshot{padding:16px;background:var(--bg-2);display:flex;flex-direction:column;min-height:0;overflow:hidden}.live-screenshot .ls-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:10px;display:flex;align-items:center;gap:8px}.live-screenshot .ls-frame{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden;min-height:0}.live-screenshot .ls-stub{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--text-4);font-family:var(--font-mono);font-size:11px}.live-side{border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.live-side-section{padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.live-side-section h4{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:0 0 10px;font-weight:500}.kv{display:flex;justify-content:space-between;padding:4px 0;font-size:12px}.kv .k{color:var(--text-3)}.kv .v{font-family:var(--font-mono);color:var(--text)}.log-stream{flex:1;min-height:0;overflow-y:auto;background:var(--bg);font-family:var(--font-mono);font-size:11.5px;padding:10px 14px;line-height:1.6}.log-line{color:var(--text-2);white-space:pre-wrap;word-break:break-word}.log-line .t{color:var(--text-4);margin-right:8px}.log-line.success{color:var(--success)}.log-line.warn{color:var(--warning)}.log-line.err{color:var(--danger)}.log-line.info{color:var(--text)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:11.5px;color:var(--text-2);font-weight:500}.field label .hint{color:var(--text-4);font-weight:400;margin-left:6px}.input,.select,textarea.input{height:32px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:0 10px;font-size:13px;color:var(--text);outline:none;font-family:var(--font-sans);transition:border-color .1s,background .1s}.input.mono{font-family:var(--font-mono)}textarea.input{padding:8px 10px;min-height:60px;height:auto}.input:focus,.select:focus{border-color:var(--accent-border);background:var(--bg);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--text-4)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-row.three{grid-template-columns:1fr 1fr 1fr}.divider{height:1px;background:var(--border);margin:16px 0}.hstack{display:flex;align-items:center;gap:8px}.vstack{display:flex;flex-direction:column;gap:8px}.spacer{flex:1}.muted{color:var(--text-3)}.mono{font-family:var(--font-mono)}.tabular{font-variant-numeric:tabular-nums}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.empty{padding:40px;text-align:center;color:var(--text-3);font-size:13px}.biller-logo{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10.5px;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:.01em}.biller-logo.sm{width:22px;height:22px;font-size:9px;border-radius:5px}.biller-logo.lg{width:40px;height:40px;font-size:13px;border-radius:8px}.info-pop{font-size:11.5px;color:var(--text-3);display:inline-flex;align-items:center;gap:4px}.progress{height:4px;background:var(--bg-3);border-radius:99px;overflow:hidden}.progress .bar{height:100%;background:var(--accent);transition:width .4s ease}.progress.success .bar{background:var(--success)}.progress.danger .bar{background:var(--danger)}.receipt{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;font-family:var(--font-mono);font-size:12px}.receipt .rcpt-row{display:flex;justify-content:space-between;padding:4px 0}.receipt .rcpt-row .k{color:var(--text-3)}.receipt .rcpt-row .v{color:var(--text)}.receipt .rcpt-divider{height:1px;background:var(--border);margin:8px 0}.receipt .rcpt-total{font-size:14px;font-weight:600}.fake-browser{width:100%;height:100%;background:#fff;display:flex;flex-direction:column}.fake-browser .fb-bar{height:28px;background:#f0f0f0;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:6px;padding:0 10px}.fake-browser .fb-bar .fb-dot{width:9px;height:9px;border-radius:50%;background:#ccc}.fake-browser .fb-url{margin-left:8px;background:#fff;border-radius:4px;padding:3px 8px;font-size:10px;color:#555;font-family:var(--font-mono);flex:1;border:1px solid #ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fake-browser .fb-body{flex:1;padding:18px;color:#222;font-family:var(--font-sans);font-size:12px;overflow:hidden}.fake-browser .fb-title{font-size:14px;font-weight:600;color:#1a1a3a;border-bottom:2px solid #ffa500;padding-bottom:6px;margin-bottom:10px}.fake-browser .fb-row{display:flex;gap:8px;margin-bottom:6px;font-size:11px}.fake-browser .fb-row .k{color:#666;min-width:120px}.fake-browser .fb-row .v{color:#1a1a3a;font-weight:500}.fake-browser .fb-cta{margin-top:12px;padding:6px 14px;background:orange;color:#fff;font-size:11px;font-weight:600;display:inline-block;border-radius:3px}.runner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.runner{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:12px;position:relative;overflow:hidden;cursor:pointer;transition:border-color .1s,transform .1s;min-height:132px}.runner:hover{border-color:var(--border-strong)}.runner:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--text-4)}.runner.busy:before{background:var(--info);box-shadow:0 0 12px var(--info)}.runner.idle:before{background:var(--text-4)}.runner.scaling:before{background:var(--accent);box-shadow:0 0 10px var(--accent)}.runner.draining:before{background:var(--warning)}.runner.failed:before{background:var(--danger)}.runner.starting:before{background:var(--accent);animation:pulse-accent 1.4s infinite}@keyframes pulse-accent{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.runner-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.runner-id{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--text)}.runner-region{font-family:var(--font-mono);font-size:10px;color:var(--text-3);padding:1px 5px;background:var(--bg-3);border-radius:3px}.runner-status{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:500;display:flex;align-items:center;gap:5px}.runner.busy .runner-status{color:var(--info)}.runner.idle .runner-status{color:var(--text-3)}.runner.scaling .runner-status{color:var(--accent)}.runner.draining .runner-status{color:var(--warning)}.runner.failed .runner-status{color:var(--danger)}.runner.starting .runner-status{color:var(--accent)}.runner-current{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-faint);display:flex;flex-direction:column;gap:5px}.runner-current .rc-txn{font-family:var(--font-mono);font-size:11px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.runner-current .rc-step{display:flex;align-items:center;gap:6px;font-size:11px}.runner-current .rc-step-dots{display:flex;gap:2px}.runner-current .rc-step-dots .d{width:5px;height:5px;border-radius:50%;background:var(--border-strong)}.runner-current .rc-step-dots .d.done{background:var(--success)}.runner-current .rc-step-dots .d.current{background:var(--info);box-shadow:0 0 0 2px #3b82f633;animation:pulse-info 1.4s infinite}.runner-stats{display:flex;gap:12px;margin-top:8px;font-family:var(--font-mono);font-size:10.5px;color:var(--text-3)}.runner-stats .s-k{color:var(--text-4);margin-right:3px}.capacity-chart{width:100%;height:160px}.event{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border-faint)}.event:last-child{border-bottom:none}.event-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.event-dot.up{background:var(--accent);box-shadow:0 0 6px var(--accent)}.event-dot.down{background:var(--warning)}.event-dot.alert{background:var(--danger)}.event-dot.ok{background:var(--success)}.event-body{flex:1;min-width:0}.event-title{font-size:12.5px;color:var(--text)}.event-meta{font-size:11px;color:var(--text-3);font-family:var(--font-mono);margin-top:2px}.queue-item{display:grid;grid-template-columns:28px 1fr auto auto;gap:10px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--border-faint);font-size:12px}.queue-item:last-child{border-bottom:none}.queue-item:hover{background:var(--bg-2)}.queue-pos{font-family:var(--font-mono);font-size:10.5px;color:var(--text-3);text-align:center}.queue-wait{font-family:var(--font-mono);font-size:11px;color:var(--warning)}.otp-card{margin:14px 16px;padding:14px;background:var(--warning-soft);border:1px solid var(--warning-border);border-radius:var(--radius)}.otp-card .otp-title{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--warning);margin-bottom:8px}.otp-input-row{display:flex;gap:4px;margin:10px 0}.otp-input-row input{width:32px;height:36px;background:var(--bg);border:1px solid var(--border-strong);border-radius:6px;text-align:center;font-family:var(--font-mono);font-size:15px;color:var(--text);outline:none}.otp-input-row input:focus{border-color:var(--warning)}.otp-meta{font-size:11px;color:var(--text-3);font-family:var(--font-mono)}.switch{position:relative;display:inline-block;width:32px;height:18px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--bg-4);border:1px solid var(--border-strong);border-radius:99px;transition:.12s}.switch .slider:before{content:"";position:absolute;width:12px;height:12px;left:2px;top:2px;background:var(--text-2);border-radius:50%;transition:.12s}.switch input:checked+.slider{background:var(--accent);border-color:var(--accent)}.switch input:checked+.slider:before{transform:translate(14px);background:#0a0a0a}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .12s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);width:480px;max-width:calc(100vw - 32px);animation:pop-in .16s ease}@keyframes pop-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-head{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-head .mh-title{font-size:14px;font-weight:600}.modal-body{padding:18px}.modal-foot{padding:12px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.toast-wrap{position:fixed;bottom:20px;right:20px;z-index:1001;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--bg-1);border:1px solid var(--border-strong);border-radius:var(--radius);padding:12px 14px 12px 12px;box-shadow:var(--shadow-2);display:flex;gap:10px;min-width:280px;max-width:380px;pointer-events:auto;animation:slide-in .2s ease}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast .toast-icon{width:18px;height:18px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;margin-top:1px}.toast.success .toast-icon{background:var(--success-soft);color:var(--success);border:1px solid var(--success-border)}.toast.danger .toast-icon{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-border)}.toast.info .toast-icon{background:var(--info-soft);color:var(--info);border:1px solid var(--info-border)}.toast .toast-title{font-size:13px;font-weight:500;line-height:1.4}.toast .toast-sub{font-size:11.5px;color:var(--text-3);margin-top:2px}.tooltip-wrap{position:relative;display:inline-block}.tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);font-size:11.5px;padding:4px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s;z-index:100}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--text)}.tooltip-wrap:hover .tooltip{opacity:1}.spinner{width:16px;height:16px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.spinner.sm{width:12px;height:12px;border-width:1.5px}.spinner.lg{width:24px;height:24px;border-width:2.5px}.skel{background:linear-gradient(90deg,var(--bg-2) 0%,var(--bg-3) 50%,var(--bg-2) 100%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dropdown{background:var(--bg-1);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-pop);padding:5px;min-width:200px}.dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:5px;font-size:12.5px;cursor:pointer;color:var(--text-2)}.dropdown-item:hover{background:var(--bg-3);color:var(--text)}.dropdown-item .shortcut{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;color:var(--text-4)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background:var(--danger-soft)}.dropdown-separator{height:1px;background:var(--border);margin:4px 0}.dropdown-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:6px 10px 2px;font-weight:500}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius);padding:24px;text-align:center;background:var(--bg-2);cursor:pointer;transition:border-color .12s,background .12s}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-soft-2)}.dropzone .dz-icon{width:36px;height:36px;border-radius:8px;background:var(--bg-3);display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px;color:var(--text-3)}.alert{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius);font-size:12.5px;line-height:1.5;border:1px solid}.alert .alert-icon{flex-shrink:0;margin-top:1px}.alert .alert-title{font-weight:600;margin-bottom:2px}.alert .alert-body{color:var(--text-2);font-weight:400}.alert.info{background:var(--info-soft);border-color:var(--info-border);color:var(--info)}.alert.success{background:var(--success-soft);border-color:var(--success-border);color:var(--success)}.alert.warning{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning)}.alert.danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.code-block{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;font-family:var(--font-mono);font-size:11.5px;color:var(--text-2);line-height:1.7;white-space:pre;overflow-x:auto}.range{-webkit-appearance:none;width:100%;height:4px;background:var(--bg-3);border-radius:99px;outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;border:2px solid var(--bg-1);cursor:pointer}.range::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;border:2px solid var(--bg-1);cursor:pointer}.cs-section{margin-bottom:28px;scroll-margin-top:80px}.cs-section-head{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}.cs-section-title{font-size:14px;font-weight:600;letter-spacing:-.01em}.cs-section-sub{font-size:12px;color:var(--text-3)}.cs-section-divider{height:1px;background:var(--border);margin-bottom:16px}.cs-row{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-bottom:8px}.cs-row-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:12px;font-weight:500}.cs-cluster{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.cs-toc{position:sticky;top:16px;padding:14px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);align-self:start}.cs-toc-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-weight:500;margin-bottom:8px}.cs-toc a{display:block;padding:4px 8px;font-size:12px;color:var(--text-2);text-decoration:none;border-radius:4px;margin:1px 0}.cs-toc a:hover{background:var(--bg-3);color:var(--text)}.cs-toc a.active{background:var(--accent-soft);color:var(--accent)}.menu-btn,.sidebar-scrim{display:none}@media(max-width:1024px){:root{--sidebar-w: 200px}.page{padding:18px 18px 48px}.grid-4{grid-template-columns:repeat(2,1fr)}.runner-grid{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:280px 1fr;height:auto;min-height:calc(100vh - var(--topbar-h) - 100px)}.live-body{grid-template-columns:1fr}.live-side{border-left:none;border-top:1px solid var(--border)}.search{width:220px}.runner{min-height:120px}}@media(max-width:768px){:root{--sidebar-w: 100%;--topbar-h: 56px}body{font-size:13px}.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:200;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-pop)}.sidebar.open{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:150;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-scrim.open{opacity:1;pointer-events:auto}.menu-btn{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:6px;color:var(--text);border:1px solid var(--border);background:var(--bg-2);margin-right:4px}.topbar{padding:0 12px;gap:8px}.topbar .breadcrumb{font-size:12px;min-width:0;overflow:hidden}.topbar .breadcrumb .crumb:not(.last){display:none}.topbar .breadcrumb .sep,.env-pill{display:none}.search{position:static;width:auto;margin-left:auto}.search input,.search .kbd{display:none}.search .s-icon{position:static;pointer-events:auto;width:32px;height:32px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:8px;color:var(--text);cursor:pointer}.page{padding:14px 14px 64px}.page-header{flex-direction:column;align-items:stretch;gap:12px}.page-title{font-size:18px;flex-wrap:wrap;gap:8px}.page-subtitle{font-size:12px}.page-header .hstack{flex-wrap:wrap;gap:6px}.btn.lg{height:32px;padding:0 12px;font-size:12.5px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr;gap:10px}.grid-4 .kpi{padding:12px 14px}.kpi-value{font-size:22px}.kpi-spark{display:none}.card-header{padding:10px 12px;flex-wrap:wrap}.card-title{font-size:12.5px}.card-body{padding:12px}.filter-bar{padding:10px 8px;gap:6px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.filter-bar .spacer{display:none}.filter-bar>*{flex-shrink:0}.filter-bar .search{width:180px;margin:0}.filter-bar .search input{display:block}.filter-bar .search .s-icon{background:transparent;border:none;padding:0;position:absolute;left:9px;width:14px;height:14px}.tabs{overflow-x:auto;flex-shrink:0}.card{overflow-x:auto}.tbl{min-width:720px}.tbl thead th,.tbl tbody td{padding:9px 10px;font-size:12px}.page>div[style*=grid-template-columns]{grid-template-columns:1fr!important}.split{grid-template-columns:1fr}.run-list{max-height:200px}.runner-grid{grid-template-columns:repeat(2,1fr);gap:8px}.runner{padding:10px;min-height:110px}.runner-id{font-size:11px}.capacity-chart{height:140px}.live-header{flex-wrap:wrap;padding:12px 14px}.lh-meta{width:100%;gap:14px;flex-wrap:wrap}.steps-rail{padding:12px;border-right:none;border-bottom:1px solid var(--border)}.page .card div[style*="grid-template-columns: repeat(2, 1fr)"]{grid-template-columns:1fr!important}.page>div[style*="grid-template-columns: repeat(3, 1fr)"]{grid-template-columns:1fr!important}.field-row,.field-row.three{grid-template-columns:1fr}.modal{width:calc(100vw - 24px);margin:12px}.toast-wrap{left:12px;right:12px}.toast{min-width:0}.cs-toc{display:none}.page>div[style*="grid-template-columns: 180px 1fr"]{grid-template-columns:1fr!important}.page .card .hstack span[style*="font-weight: 500"]{display:none}.kv{font-size:11.5px}.brand{padding:14px 16px}}@media(max-width:380px){.page-title{font-size:16px}.kpi-value{font-size:20px}.runner-grid{grid-template-columns:1fr}}.nav-item,.nav-item:visited,.nav-item:hover{text-decoration:none;color:var(--text-2)}.nav-item.active{color:var(--text)}@keyframes bf-spin-kf{to{transform:rotate(360deg)}}.bf-spin{display:inline-block;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:bf-spin-kf .7s linear infinite}.bf-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 500px at 50% -10%,var(--accent-soft-2),transparent 60%),var(--bg);padding:24px}.bf-login-card{width:100%;max-width:380px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:32px}.bf-login-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.bf-login-mark{width:34px;height:34px;border-radius:9px;background:var(--accent);color:#fff;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center}.bf-login h1{font-size:18px;font-weight:600;margin:0}.bf-login .sub{color:var(--text-3);font-size:12px;margin:2px 0 0}.bf-field{margin-bottom:14px}.filter-bar .bf-field{margin-bottom:0}.bf-field label{display:block;font-size:12px;color:var(--text-2);margin-bottom:6px}.bf-input{width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;padding:9px 12px;outline:none}.bf-input:focus{border-color:var(--accent-border)}.bf-btn{width:100%;background:var(--accent);color:#fff;font-weight:600;font-size:13px;border-radius:var(--radius);padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:8px}.bf-btn:hover{background:var(--accent-hover)}.bf-btn:disabled{opacity:.6;cursor:not-allowed}.bf-alert{border-radius:var(--radius);padding:10px 12px;font-size:12px;margin-bottom:14px}.bf-alert.err{background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger)}.bf-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.bf-page-title{font-size:18px;font-weight:600;margin:0}.bf-page-sub{color:var(--text-3);font-size:12px;margin:4px 0 0}.bf-center{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-3);padding:48px 0;font-size:13px}.bf-stub{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:56px 24px;text-align:center;color:var(--text-3);background:var(--bg-1)}.bf-stub .ic{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.bf-stub h2{color:var(--text);font-size:15px;margin:0 0 6px}.kv-row{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid var(--border-faint);font-size:12.5px}.kv-row:last-child{border-bottom:none}.kv-k{color:var(--text-3)}.kv-v{color:var(--text);text-align:right;word-break:break-all}.step-row{display:flex;gap:10px;align-items:flex-start;padding:7px 0}.step-n{flex:none;width:20px;height:20px;border-radius:50%;background:var(--bg-3);color:var(--text-3);display:flex;align-items:center;justify-content:center;font-size:11px;font-family:var(--font-mono)}.step-n.done{background:var(--success-soft);color:var(--success)}.bf-toast-wrap{position:fixed;top:16px;right:16px;z-index:100000;display:flex;flex-direction:column;gap:10px;max-width:360px}.bf-toast{display:flex;gap:10px;align-items:flex-start;padding:12px 12px 12px 14px;border-radius:var(--radius);box-shadow:var(--shadow-2);position:relative;overflow:hidden}.bf-toast-bar{position:absolute;left:0;top:0;bottom:0;width:3px}.bf-modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#00000080;padding:24px}.bf-modal{width:100%;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:22px;max-height:88vh;overflow-y:auto}.bf-modal-title{font-size:16px;font-weight:600;margin:0 0 12px}.bf-dt-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap}.bf-dt-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--border);font-size:12px;color:var(--text-3)}.bf-dp-label{display:block;font-size:12px;color:var(--text-2);margin-bottom:6px}.bf-dp-wrap{position:relative;display:inline-block;min-width:180px}.bf-dp-trigger{display:inline-flex;align-items:center;gap:10px;width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;padding:9px 12px;cursor:pointer;transition:border-color .12s,background .12s;text-align:left}.bf-dp-trigger:hover{border-color:var(--border-strong)}.bf-dp-trigger.open{border-color:var(--accent-border);background:var(--bg-1)}.bf-dp-trigger.empty .bf-dp-trigger-text{color:var(--text-3)}.bf-dp-trigger-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bf-dp-trigger-ic{color:var(--text-3);flex:none}.bf-dp-trigger.open .bf-dp-trigger-ic{color:var(--accent)}.bf-dp-pop{position:absolute;z-index:9000;top:calc(100% + 6px);left:0;width:280px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:10px;font-size:12.5px;animation:bf-dp-fade .12s ease-out}@keyframes bf-dp-fade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.bf-dp-head{display:flex;align-items:center;gap:6px;padding:4px 2px 8px}.bf-dp-title{flex:1;background:transparent;border-radius:var(--radius);color:var(--text);font-weight:600;font-size:13px;padding:6px 10px;cursor:pointer}.bf-dp-title:hover{background:var(--bg-2)}.bf-dp-nav{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);background:transparent;color:var(--text-2);cursor:pointer}.bf-dp-nav:hover{background:var(--bg-2);color:var(--text)}.bf-dp-dow{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:0 2px 4px;text-align:center;font-size:10.5px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.bf-dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:2px}.bf-dp-day{height:30px;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);background:transparent;border-radius:var(--radius);cursor:pointer;transition:background .1s}.bf-dp-day:hover{background:var(--bg-2)}.bf-dp-day.outside{color:var(--text-4)}.bf-dp-day.today{box-shadow:inset 0 0 0 1px var(--accent-border);color:var(--accent)}.bf-dp-day.selected,.bf-dp-day.selected:hover{background:var(--accent);color:#fff;box-shadow:none;font-weight:600}.bf-dp-month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 4px}.bf-dp-month{padding:10px 6px;border-radius:var(--radius);background:var(--bg-2);color:var(--text);font-size:12.5px;font-weight:500;cursor:pointer}.bf-dp-month:hover{background:var(--bg-3)}.bf-dp-month.selected{background:var(--accent);color:#fff}.bf-dp-foot{display:flex;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-faint)}.bf-dp-foot-btn{background:transparent;border-radius:var(--radius);color:var(--text-2);font-size:12px;font-weight:500;padding:6px 10px;cursor:pointer}.bf-dp-foot-btn:hover{background:var(--bg-2);color:var(--text)}.bf-hide{display:none}.bf-overview-grid{display:grid;grid-template-columns:1fr 360px;gap:16px;margin-bottom:16px}@media(max-width:900px){.bf-overview-grid{grid-template-columns:1fr}}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}