:root{--bg: #f3efe6;--ink: #1c241c;--muted: #5f6b5f;--line: #c9d0c4;--panel: rgba(255, 252, 246, .94);--accent: #1f6f4a;--accent-soft: #d9ece2;--danger: #8b2e2e;--shadow: 0 18px 40px rgba(28, 36, 28, .08);--radius: 14px;font-family:DM Sans,system-ui,sans-serif;color:var(--ink);background:radial-gradient(900px 420px at 8% -10%,#dfeee4 0%,transparent 60%),radial-gradient(700px 380px at 100% 0%,#efe4d2 0%,transparent 55%),var(--bg);line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}#root{min-height:100vh}.app{max-width:1280px;margin:0 auto;padding:28px 22px 64px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:24px;flex-wrap:wrap}.brand{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:600;letter-spacing:-.02em;margin:0}.sub,.lede{color:var(--muted);margin:6px 0 0;max-width:52ch}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;cursor:pointer;font-weight:500}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.stack{display:flex;flex-direction:column;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fbf8f1,#f4f0e7)}.panel-head h2{margin:0;font-size:1.05rem;font-weight:600}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:600;background:#f7f3ea}tbody tr{cursor:pointer;transition:background .15s ease}tbody tr:hover,tbody tr.active{background:var(--accent-soft)}.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.92rem}.num{text-align:right;font-family:IBM Plex Mono,ui-monospace,monospace}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.82rem;font-weight:600}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.toolbar input[type=search]{flex:1;min-width:180px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:9px 14px;cursor:pointer;font-weight:500}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.detail{padding:16px 18px 20px}.detail h3{margin:0 0 4px;font-family:"Source Serif 4",Georgia,serif;font-size:1.35rem}.meta{color:var(--muted);margin-bottom:14px}.grid-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}@media(max-width:720px){.grid-kv{grid-template-columns:1fr}}.kv{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}.kv span{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.kv strong{display:block;margin-top:4px;font-size:.98rem}.section-title{margin:18px 0 8px;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.empty,.error,.loading{padding:28px 18px;color:var(--muted)}.error{color:var(--danger)}.tag-yes{color:var(--accent);font-weight:600}.tag-no{color:var(--muted)}.recordings a{color:var(--accent);word-break:break-all}.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:900px){.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.kpi span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.kpi strong{display:block;margin-top:6px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:1.35rem}.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:900px){.charts{grid-template-columns:1fr}}.chart-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px 10px;box-shadow:var(--shadow)}.chart-card h3{margin:0 0 12px;font-size:.95rem}.recharts-wrap{width:100%;min-height:240px}.recharts-tip{background:#1c241c;color:#f7f3ea;border-radius:10px;padding:8px 10px;font-size:.78rem;line-height:1.45;box-shadow:0 10px 24px #00000038}.recharts-tip strong{display:block;margin-bottom:4px}.fancy-select-menu--portal{margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 36px #1c241c2e;overflow-y:auto;overscroll-behavior:contain}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px;font-size:.82rem;color:var(--muted)}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-item i{width:10px;height:10px;border-radius:2px;display:inline-block}.toolbar select{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:#fff}.bar-col{flex:1;min-width:48px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:6px}.bar{width:100%;max-width:36px;border-radius:8px 8px 4px 4px}.bar-value{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.68rem;color:var(--muted)}.bar-label{font-size:.72rem;color:var(--muted);text-align:center}.extract-body{padding:16px 18px 18px;display:grid;gap:14px}.extract-body label,.extract-body .field{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:.85rem;max-width:none;min-width:0}.extract-body select{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;color:var(--ink)}.extract-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.field-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px 20px;align-items:start}@media(max-width:720px){.field-row{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:.85rem;min-width:0}.field-month{width:220px;max-width:100%}.extract-controls{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:end}.extract-controls .field-month{flex:0 0 220px}.extract-controls .extract-actions{padding-bottom:2px}.fancy-select{position:relative;width:100%;min-width:0}.outcome-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}@media(max-width:720px){.outcome-cards{grid-template-columns:1fr}}.outcome-card{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#f4f1ea;color:var(--muted)}.outcome-card.on{background:#fff;color:var(--ink);border-color:#9bb3a4}.outcome-card span{display:block;font-size:.78rem;margin-bottom:4px}.outcome-card strong{font-size:.98rem;font-family:IBM Plex Mono,ui-monospace,monospace}.update-result{margin-top:8px;display:grid;gap:12px}.extract-body input[type=file]{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;color:var(--ink)}.j-pill{font-size:.75rem;padding:4px 10px;border-radius:999px;font-weight:600;text-transform:capitalize}.j-pill.allotted{background:#e7efe9;color:#1f6f4a}.j-pill.connected{background:#e4eef6;color:#2a5f86}.j-pill.report{background:#e0f2ee;color:#0f5c4c}.j-pill.ptp{background:#efe8f6;color:#6b4f8a}.j-pill.paid{background:#f3ebe0;color:#8a4b12}.journey-track{display:flex;gap:12px;overflow-x:auto;padding:8px 4px 16px;margin-bottom:8px}.journey-month{flex:0 0 auto;min-width:128px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px}.journey-month-label{font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--muted);margin-bottom:8px}.journey-events{display:grid;gap:6px}.journey-node{border-radius:8px;padding:6px 8px;font-size:.75rem;line-height:1.3;display:grid;gap:2px}.journey-node strong{text-transform:uppercase;font-size:.65rem;letter-spacing:.04em}.journey-node.allotted{background:#e7efe9;color:#1c241c}.journey-node.connected{background:#e4eef6}.journey-node.contacted_to,.journey-node.report_connected{background:#e0f2ee}.journey-node.paid{background:#f3ebe0}.tip{position:relative;display:inline-flex;cursor:help;outline:none}.th-tip{border-bottom:1px dotted var(--muted)}.tip-bubble{position:fixed;z-index:9999;padding:10px 12px;border-radius:10px;background:#1c241c;color:#f7f3ea;font-size:.8rem;font-weight:400;line-height:1.45;text-transform:none;letter-spacing:normal;white-space:normal;box-shadow:0 14px 32px #00000047;pointer-events:none}.tip-bubble--below:after,.tip-bubble--above:after{content:"";position:absolute;left:var(--arrow-left, 24px);transform:translate(-50%);border:6px solid transparent}.tip-bubble--below:after{bottom:100%;border-bottom-color:#1c241c}.tip-bubble--above:after{top:100%;border-top-color:#1c241c}.seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:12px;background:#ebe6db;border:1px solid var(--line);width:fit-content}.seg-btn{border:0;background:transparent;color:var(--muted);border-radius:9px;padding:9px 14px;cursor:pointer;font-weight:600;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.seg-btn:hover{color:var(--ink);background:#ffffff8c}.seg-btn.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #1c241c1f}.fancy-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;padding:11px 14px;background:#fff;color:var(--ink);cursor:pointer;text-align:left;box-shadow:inset 0 1px #fffc;transition:border-color .15s ease,box-shadow .15s ease}.fancy-select.open .fancy-select-trigger,.fancy-select-trigger:hover{border-color:#9bb3a4;box-shadow:0 0 0 3px #1f6f4a1f}.fancy-chevron{color:var(--muted);font-size:.85rem;line-height:1}.fancy-select-menu{position:absolute;z-index:50;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 36px #1c241c24;max-height:280px;overflow-y:auto}.fancy-option{width:100%;border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:8px;cursor:pointer;color:var(--ink)}.fancy-option:hover{background:var(--accent-soft)}.fancy-option.selected{background:var(--accent);color:#fff}.btn-sm{padding:6px 10px;font-size:.8rem;white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#141c1873;display:flex;align-items:center;justify-content:center;padding:24px}.modal-panel{width:min(640px,100%);max-height:min(80vh,720px);overflow:auto;background:var(--panel, #f7f3eb);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 48px #141c1838;padding:16px 18px 20px}.modal-panel .panel-head{margin-bottom:12px}.modal-panel .panel-head h2{margin:0;font-size:1.05rem}