@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-vietnamese-700-normal-DH94m5DZ.woff2) format("woff2"),url(/assets/fraunces-vietnamese-700-normal-DxawQjq2.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-ext-700-normal-CanUGppC.woff2) format("woff2"),url(/assets/fraunces-latin-ext-700-normal-DuBstVeD.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-700-normal-CEOla-zY.woff2) format("woff2"),url(/assets/fraunces-latin-700-normal-DTjk5d1Q.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-g30qAdWV.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-Dsrv2Tcn.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-400-normal-DZqxrq2p.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-400-normal-BTotfTJu.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-greek-400-normal-_efipK4i.woff2) format("woff2"),url(/assets/ibm-plex-sans-greek-400-normal-D9ESIMu3.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-vietnamese-400-normal-DG4YqDda.woff2) format("woff2"),url(/assets/ibm-plex-sans-vietnamese-400-normal-fK1oJ5dG.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-ext-400-normal-C5H60-Va.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-400-normal-RBey6euL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-ext-500-normal-Cs5J6C77.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-500-normal-DB5PtV2g.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-500-normal-CocWQlwt.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-500-normal-ByOcLdNv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-greek-500-normal-JMMifIXV.woff2) format("woff2"),url(/assets/ibm-plex-sans-greek-500-normal-CuWXN6rf.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-vietnamese-500-normal-e4dixQRQ.woff2) format("woff2"),url(/assets/ibm-plex-sans-vietnamese-500-normal-BEb3_waV.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-ext-500-normal-DakdToA3.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-500-normal-D0aIdm-b.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-cyrillic-ext-600-normal-DUMzJB7m.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-600-normal-Bz0x94Yp.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-cyrillic-600-normal-71GNu3SW.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-600-normal-BGq0mW3O.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-greek-600-normal-DzTrcv_p.woff2) format("woff2"),url(/assets/ibm-plex-sans-greek-600-normal-D-CqTdkO.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-vietnamese-600-normal-DpPYBSTl.woff2) format("woff2"),url(/assets/ibm-plex-sans-vietnamese-600-normal-DgdngZtN.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-ext-600-normal-DOrvGEcy.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-600-normal-DIrixKbi.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f7f1e8;--ink: #21180f;--muted: #6d5841;--panel: rgba(255, 251, 244, .9);--edge: rgba(145, 118, 86, .28);--accent: #9f3416;--ok: #1f7a37;--warn: #a35d00;--bad: #cc372d;--ring: rgba(159, 52, 22, .25)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:IBM Plex Sans,sans-serif;color:var(--ink);background:radial-gradient(1200px 400px at 50% -10%,rgba(241,192,131,.36),transparent),var(--bg)}#root{min-height:100vh}.app-shell{position:relative;max-width:1440px;margin:0 auto;padding:32px 20px 44px}.background-mesh{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(130,108,81,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(130,108,81,.08) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(circle at 50% 20%,rgba(0,0,0,.9),transparent 75%);mask-image:radial-gradient(circle at 50% 20%,rgba(0,0,0,.9),transparent 75%);pointer-events:none}.hero{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:18px;padding:20px;background:linear-gradient(145deg,#fff4e2d9,#f7e4ccbd);border:1px solid var(--edge);border-radius:20px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 24px 60px #4e30141c}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;color:var(--muted)}.hero h1{margin:4px 0;font-family:Fraunces,serif;font-size:clamp(1.9rem,3vw,3rem);line-height:1.08}.subtitle{margin:4px 0 0;max-width:68ch;color:var(--muted)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.token-panel{display:flex;flex-direction:column;gap:6px;min-width:min(100%,420px)}.token-panel label{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted)}.token-row{display:flex;gap:8px}.token-row input{flex:1;border:1px solid var(--edge);border-radius:10px;padding:9px 10px;background:#fffc;color:var(--ink)}.token-row input:focus{outline:2px solid var(--ring);border-color:var(--accent)}button{border:1px solid transparent;border-radius:10px;background:var(--accent);color:#fff7ef;font-weight:600;padding:9px 12px;cursor:pointer}button:hover{filter:brightness(1.04)}.refresh-btn{display:inline-flex;align-items:center;gap:8px;background:#703015}.refresh-btn.ghost{background:transparent;color:var(--ink);border-color:var(--edge)}input,select{border:1px solid var(--edge);border-radius:10px;padding:9px 10px;background:#ffffffd1;color:var(--ink)}input:focus,select:focus{outline:2px solid var(--ring);border-color:var(--accent)}.state-card{position:relative;z-index:1;margin-top:16px;border:1px solid var(--edge);border-radius:14px;background:var(--panel);display:inline-flex;gap:8px;align-items:center;padding:10px 14px}.state-card.error{border-color:#cc372d61;background:#ffe6e2d1}.content-grid{position:relative;z-index:1;margin-top:20px;display:grid;gap:14px;grid-template-columns:repeat(12,minmax(0,1fr))}.panel{border:1px solid var(--edge);border-radius:16px;background:var(--panel);padding:14px;box-shadow:0 8px 24px #54341812}.panel h2{margin:2px 0 12px;font-size:1.05rem}.filter-panel{position:relative;z-index:1;margin-top:14px}.filter-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.filter-grid label{display:grid;gap:6px;font-size:.8rem;color:var(--muted)}.filter-actions{margin-top:12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.kpi-panel{grid-column:span 12}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.kpi-card{display:grid;grid-template-columns:auto 1fr;gap:10px;border:1px solid var(--edge);border-radius:12px;padding:10px;background:#ffffff85}.kpi-card p{margin:0;font-size:.8rem;color:var(--muted)}.kpi-card h3{margin:4px 0 0;font-size:1.22rem}.kpi-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#9f341621;color:var(--accent)}.kpi-card.tone-ok .kpi-icon{color:var(--ok);background:#1f7a3729}.kpi-card.tone-warn .kpi-icon{color:var(--warn);background:#a35d0029}.kpi-card.tone-bad .kpi-icon{color:var(--bad);background:#cc372d24}.chart-panel{grid-column:span 12}.chart-wrap{width:100%;height:280px}.timeline-meta{margin-top:8px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.82rem}.table-panel,.table-panel.wide{grid-column:span 12}.panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.panel-head span{color:var(--muted);font-size:.84rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid rgba(145,118,86,.18);padding:8px 4px;vertical-align:top;font-size:.9rem}th{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.run-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.run-toolbar label{display:grid;gap:4px;font-size:.78rem;color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.pill{border-radius:999px;display:inline-block;padding:2px 9px;font-size:.74rem;border:1px solid transparent}.pill-succeeded{color:var(--ok);border-color:#1f7a375c}.pill-failed{color:var(--bad);border-color:#cc372d5c}.pill-started,.pill-running{color:var(--warn);border-color:#a35d005c}.cluster-list,.flow-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.cluster-list.compact li{padding:7px}.cluster-list li{border:1px solid rgba(145,118,86,.22);border-radius:12px;padding:9px;display:flex;justify-content:space-between;gap:12px}.cluster-list li p{margin:4px 0 0;color:var(--muted);font-size:.84rem}.cluster-meta{text-align:right;color:var(--muted);min-width:92px}.cluster-meta span{font-weight:700;color:var(--ink)}.flow-list li{border:1px solid rgba(145,118,86,.22);border-radius:12px;padding:9px;display:grid;gap:6px}.flow-list li.bad{border-color:#cc372d57;background:#fff0ed99}.flow-title{display:flex;gap:8px;align-items:center;font-weight:600}.flow-stats{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.84rem}.detail-stack{display:grid;gap:10px}.detail-kpis{display:flex;gap:8px;flex-wrap:wrap}.detail-kpis span{display:inline-flex;border:1px solid var(--edge);border-radius:999px;padding:4px 8px;font-size:.78rem;background:#ffffffb8}.clickable-row{cursor:pointer}.clickable-row.selected td{background:#9f341617}.catalog-tag{margin-left:8px;border:1px solid var(--edge);border-radius:999px;padding:1px 7px;font-size:.68rem;color:var(--muted);background:#ffffffb8}.muted{color:var(--muted)}@media(min-width:900px){.hero{grid-template-columns:1fr auto}.chart-panel,.table-panel{grid-column:span 6}.table-panel.wide{grid-column:span 12}}
