:root{--bg: #0b1120;--surface: #111827;--surface-elevated: #1e293b;--border: #334155;--text: #f8fafc;--text-muted: #94a3b8;--accent: #38bdf8;--accent-strong: #0284c7;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--purple: #a855f7;--radius: 10px;--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}body{margin:0;background-color:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.45;-webkit-font-smoothing:antialiased;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.wcc-shell{max-width:1320px;margin:0 auto;padding:12px 14px 32px}@media(min-width:768px){body{padding-bottom:24px}.wcc-shell{padding:20px 24px 48px}}.wcc-header{display:flex;flex-direction:column;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px}@media(min-width:900px){.wcc-header{flex-direction:row;align-items:center;justify-content:space-between}}.wcc-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wcc-title-row h1{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.wcc-subtitle{margin:2px 0 0;font-size:.8rem;color:var(--text-muted)}.wcc-header-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.wcc-banner{padding:10px 14px;border-radius:var(--radius);border:1px solid var(--border);background:#1e293bbf;margin-bottom:14px;font-size:.82rem;display:flex;flex-direction:column;gap:6px}.wcc-banner-warn{border-color:#f59e0b80;background:#f59e0b14}.wcc-banner-danger{border-color:#ef444499;background:#ef44441f}.wcc-banner-ok{border-color:#22c55e80;background:#22c55e14}.wcc-nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:16px;scrollbar-width:thin}@media(max-width:767px){.wcc-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;margin:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:#0f172af5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);justify-content:space-around}}.wcc-nav-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);color:var(--text-muted);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;min-height:38px}.wcc-nav-btn.active{background:var(--accent-strong);color:#fff;border-color:var(--accent)}.wcc-count-pill{background:#0f172aa6;color:var(--text);padding:1px 6px;border-radius:999px;font-size:.7rem;font-family:var(--font-mono)}.wcc-kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}@media(min-width:640px){.wcc-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.wcc-kpi-grid{grid-template-columns:repeat(6,1fr)}}.wcc-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;cursor:pointer;text-align:left;transition:border-color .15s ease}.wcc-kpi-card:hover{border-color:var(--accent)}.wcc-kpi-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);display:block}.wcc-kpi-value{font-size:1.5rem;font-weight:700;font-family:var(--font-mono);margin:4px 0 2px;display:block}.wcc-kpi-sub{font-size:.72rem;color:var(--text-muted)}.wcc-grid-2{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:960px){.wcc-grid-2{grid-template-columns:1fr 1fr}}.wcc-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:14px}.wcc-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;border-bottom:1px solid rgba(51,65,85,.6);padding-bottom:8px}.wcc-panel-header h2,.wcc-panel-header h3{margin:0;font-size:.95rem;font-weight:700}.wcc-card-list{display:flex;flex-direction:column;gap:10px}.wcc-task-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.wcc-task-card.discrepancy{border-left:4px solid var(--warning)}.wcc-task-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}.wcc-code{font-family:var(--font-mono);font-size:.76rem;font-weight:700;color:var(--accent);background:#38bdf81f;padding:2px 6px;border-radius:4px}.wcc-task-title{margin:0;font-size:.92rem;font-weight:600;color:var(--text);cursor:pointer;background:none;border:none;padding:0;text-align:left}.wcc-task-title:hover{color:var(--accent);text-decoration:underline}.wcc-meta-row{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.76rem;color:var(--text-muted)}.wcc-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:5px;font-size:.7rem;font-weight:700;font-family:var(--font-mono);letter-spacing:.02em}.badge-status-DONE,.badge-gate-PASS,.badge-status-ACTIVE{background:#22c55e29;color:#4ade80;border:1px solid rgba(34,197,94,.4)}.badge-status-EXECUTING,.badge-status-RUNNING{background:#38bdf829;color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.badge-status-WAITING_FAJAR,.badge-status-VERIFY,.badge-status-DOCUMENT,.badge-gate-PENDING{background:#f59e0b29;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.badge-status-WAITING_ANTIGRAVITY,.badge-status-READY,.badge-status-PLANNED{background:#a855f729;color:#c084fc;border:1px solid rgba(168,85,247,.4)}.badge-status-BLOCKED,.badge-status-STALLED,.badge-status-FAILED,.badge-gate-FAILED{background:#ef444429;color:#f87171;border:1px solid rgba(239,68,68,.45)}.badge-priority-URGENT{background:#ef444438;color:#fca5a5}.badge-priority-HIGH{background:#f59e0b33;color:#fcd34d}.badge-priority-MEDIUM,.badge-priority-LOW{background:#94a3b826;color:#cbd5e1}.wcc-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-elevated);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 11px;font-size:.78rem;font-weight:600;cursor:pointer;min-height:34px}.wcc-btn:hover{border-color:var(--accent)}.wcc-btn-primary{background:var(--accent-strong);border-color:var(--accent);color:#fff}.wcc-btn-success{background:#22c55e33;border-color:#22c55e8c;color:#86efac}.wcc-btn-danger{background:#ef444433;border-color:#ef44448c;color:#fca5a5}.wcc-input,.wcc-select,.wcc-textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 10px;font-size:.82rem;font-family:inherit}.wcc-textarea{min-height:68px;resize:vertical}.wcc-form-grid{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:640px){.wcc-form-grid-2{grid-template-columns:1fr 1fr}}.wcc-label{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:var(--text-muted);font-weight:600}.wcc-gate-grid{display:grid;grid-template-columns:1fr;gap:8px}@media(min-width:640px){.wcc-gate-grid{grid-template-columns:1fr 1fr}}.wcc-gate-item{padding:9px 11px;border-radius:6px;border:1px solid var(--border);background:#0f172aa6;display:flex;flex-direction:column;gap:4px}.wcc-gate-item.passed{border-left:3px solid var(--success)}.wcc-gate-item.failed{border-left:3px solid var(--warning)}dialog.wcc-dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:18px;width:min(94vw,560px);max-height:90vh;overflow-y:auto}dialog.wcc-dialog::backdrop{background-color:#000000a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.wcc-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:.82rem;border:1px dashed var(--border);border-radius:8px}