:root{--bg:#f5f7f9;--surface:#ffffff;--border:#e3e8ed;--border-strong:#cfd7de;--text:#14181d;--text-muted:#5d6874;--accent:#0e7490;--accent-strong:#0b5c73;--accent-soft:#e6f3f7;--danger:#b42318;--danger-soft:#fbeae9;--ok:#067647;--ok-soft:#e6f4ec;--warn:#b54708;--warn-soft:#fdf0e3;--info:#1a56db;--info-soft:#e8f0fe;--sidebar-bg:#0f1419;--sidebar-text:#9aa5b0;--radius:12px;--shadow-1:0 1px 2px rgba(16,24,32,0.05),0 1px 6px rgba(16,24,32,0.04);--shadow-2:0 8px 28px rgba(16,24,32,0.12);--font:"Segoe UI",system-ui,-apple-system,sans-serif;--mono:"Cascadia Mono",ui-monospace,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:22px;letter-spacing:-.3px;margin:0 0 4px}h1,h2{font-weight:650}h2{font-size:15px;margin:0 0 10px;letter-spacing:-.1px}.mono,code{font-family:var(--mono);font-size:12.5px}code{background:#eef2f5;border-radius:4px;padding:1px 5px}pre code{background:none;padding:0}.shell{display:flex;min-height:100vh}.sidebar{width:224px;flex-shrink:0;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;padding:18px 12px 14px;gap:2px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar .brand{padding:2px 10px 20px;display:flex;align-items:baseline;gap:7px}.sidebar .brand .logo{color:#fff;font-weight:700;font-size:20px;letter-spacing:-.4px}.sidebar .brand .logo span{color:#22a3c4}.sidebar .brand .by{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:#55606c}.sidebar a{color:var(--sidebar-text);padding:8px 10px;border-radius:8px;font-size:13.5px;display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:500;transition:background .12s ease,color .12s ease}.sidebar a svg{flex-shrink:0;opacity:.75}.sidebar a:hover{background:#1a2129;color:#dfe5ea}.sidebar a.active{background:#1d2731;color:#fff;box-shadow:inset 2.5px 0 0 #22a3c4}.sidebar a.active svg{opacity:1}.sidebar .nav-section{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#55606c;padding:18px 10px 6px}.sidebar .spacer{flex:1 1}.sidebar .user{padding:12px 10px 4px;font-size:12px;border-top:1px solid #1d242c}.sidebar .user .name{color:#cfd6dc;font-weight:600}.sidebar .user button{background:none;border:none;color:var(--sidebar-text);cursor:pointer;padding:0;font-size:12px;text-decoration:underline;margin-top:2px}.main{flex:1 1;padding:30px 36px 60px;max-width:1240px;min-width:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px;gap:16px}.page-head p{margin:0;color:var(--text-muted);font-size:13.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-bottom:16px;box-shadow:var(--shadow-1)}.grid{display:grid;grid-gap:14px;gap:14px}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid>*{min-width:0}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-1)}.stat .label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-weight:600}.stat .value{font-size:26px;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:2px}.stat .value.ok{color:var(--ok)}.stat .value.bad{color:var(--danger)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);padding:8px 10px;border-bottom:1px solid var(--border-strong);font-weight:650}td{padding:10px;border-bottom:1px solid #edf0f3;vertical-align:top}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#f7fafb}td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 8px;border-radius:99px;font-size:11.5px;font-weight:650;white-space:nowrap;background:#eef0f2;color:var(--text-muted)}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.ok,.badge.published,.badge.succeeded,.badge.up{background:var(--ok-soft);color:var(--ok)}.badge.archived,.badge.down,.badge.failed{background:var(--danger-soft);color:var(--danger)}.badge.draft,.badge.processing,.badge.queued{background:var(--info-soft);color:var(--info)}.badge.homolog,.badge.paused,.badge.received,.badge.warning{background:var(--warn-soft);color:var(--warn)}.badge.prod{background:var(--accent-soft);color:var(--accent)}.btn{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:8px;padding:7px 15px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:var(--font);display:inline-flex;align-items:center;justify-content:center;line-height:1.35;white-space:nowrap;transition:background .12s ease,box-shadow .12s ease,border-color .12s ease}.btn,.btn:hover{text-decoration:none}.btn:hover{background:var(--accent-strong);border-color:var(--accent-strong);box-shadow:0 2px 8px rgba(14,116,144,.28)}.btn:focus-visible{outline:2px solid #7cc4d6;outline-offset:1px}.btn:disabled{opacity:.5;cursor:default;box-shadow:none}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn.secondary:hover{background:#f1f4f6;border-color:var(--border-strong);box-shadow:none}.btn.danger{background:var(--surface);color:var(--danger);border-color:#e5b8b4}.btn.danger:hover{background:var(--danger-soft);border-color:var(--danger);box-shadow:none}.btn.sm{padding:5px 12px;font-size:12.5px}label.field{display:block;margin-bottom:13px;font-size:13px;font-weight:600}label.field>span{display:block;margin-bottom:4px}input,select,textarea{width:100%;padding:8px 11px;border:1px solid var(--border-strong);border-radius:8px;font-size:13.5px;font-family:var(--font);background:#fff;color:var(--text)}textarea.code{font-family:var(--mono);font-size:12.5px;min-height:260px;white-space:pre}input:focus,select:focus,textarea:focus{outline:2px solid #9ed2e0;outline-offset:0;border-color:var(--accent)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0 16px;gap:0 16px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.error-text{color:var(--danger);font-size:13px;margin:8px 0;white-space:pre-wrap}.muted{color:var(--text-muted)}.small{font-size:12.5px}pre.json{background:#0f1419;color:#d5dde5;border-radius:10px;padding:14px;font-family:var(--mono);font-size:12px;overflow-x:auto;margin:0}.token-reveal{background:var(--warn-soft);border:1px solid #f0d9bd;border-radius:10px;padding:12px 14px;margin:10px 0;font-size:13px}.token-reveal code{word-break:break-all;background:#fff}.timeline{list-style:none;margin:0;padding:0}.timeline li{padding:10px 0 10px 22px;border-left:2px solid var(--border);position:relative;margin-left:8px}.timeline li:before{content:"";position:absolute;left:-6px;top:15px;width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.timeline li.err:before{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--sidebar-bg)}.login-card{background:var(--surface);border-radius:16px;padding:36px;width:380px;box-shadow:var(--shadow-2)}.login-card h1{margin-bottom:22px}.login-mark{display:flex;justify-content:center;margin-bottom:18px}.login-mark path{fill:none;stroke:var(--accent);stroke-width:12;animation:logodraw 1.8s cubic-bezier(0,.55,.45,1) forwards}.login-mark path:first-of-type{stroke-dasharray:173;stroke-dashoffset:173}.login-mark path:last-of-type{stroke-dasharray:307;stroke-dashoffset:307}@keyframes logodraw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.login-mark path{animation:none;stroke-dashoffset:0}}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.filters input,.filters select{width:auto;min-width:150px}.volume-bars{display:flex;align-items:flex-end;gap:3px;height:96px;padding-top:8px}.volume-bars .bar{flex:1 1;background:linear-gradient(180deg,#7cc4d6,#b9dde8);border-radius:3px 3px 0 0;min-height:3px;position:relative;transition:filter .1s ease}.volume-bars .bar:hover{filter:brightness(.85)}.volume-bars .bar .fail{position:absolute;bottom:0;left:0;right:0;background:#e4a9a3;border-radius:0}.zsteps{max-width:1000px}.zstep{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:14px;overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease;box-shadow:var(--shadow-1)}.zstep.open{box-shadow:var(--shadow-2);border-color:#b9d3dc}.zstep.locked{opacity:.55;box-shadow:none}.zstep-head{display:flex;align-items:center;gap:12px;padding:15px 18px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent;border:none;width:100%;text-align:left;font-family:var(--font)}.zstep-head:hover{background:#f8fafb}.zstep.locked .zstep-head{cursor:default}.zstep-n{display:inline-flex;width:28px;height:28px;border-radius:50%;flex-shrink:0;background:#e8edf1;color:var(--text-muted);align-items:center;justify-content:center;font-size:13px;font-weight:700}.zstep.done .zstep-n{background:var(--ok-soft);color:var(--ok)}.zstep.open .zstep-n{background:var(--accent);color:#fff}.zstep-title{flex:1 1;min-width:0}.zstep-title .t{font-weight:650;font-size:14.5px}.zstep-title .s{font-size:12.5px;color:var(--text-muted)}.zstep-body{padding:4px 18px 18px 58px;min-width:0}.zstep-chev{color:var(--text-muted);font-size:12px}@media (max-width:1100px){.zstep-body .grid.cols-2{grid-template-columns:minmax(0,1fr)}}.ptree{font-family:var(--mono);font-size:12.5px;line-height:1.9}.ptree .pkey{color:#0b5c74}.ptree .pval{color:var(--text-muted)}.ptree .prow{border-radius:5px;padding:0 6px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ptree .prow:hover{background:var(--accent-soft)}.ptree .prow:hover:after{content:"  + mapear";color:var(--accent);font-family:var(--font);font-size:11.5px;font-weight:600}.ptree .pbranch{color:var(--text-muted);padding:0 6px}.map-row{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 30px;grid-gap:6px;gap:6px;align-items:start;margin-bottom:8px}.map-row>*{min-width:0}.map-row .arrow{text-align:center;color:var(--text-muted);padding-top:8px}.map-row .preview{font-family:var(--mono);font-size:11px;color:var(--text-muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.integration-card{display:flex;justify-content:space-between;align-items:center;gap:16px}.integration-card .meta{font-size:12.5px;color:var(--text-muted);margin-top:3px}.pulse{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--warn);margin-right:7px;animation:pulse 1.4s infinite;vertical-align:1px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.pulse{animation:none}}.result-ok{background:var(--ok-soft);border:1px solid #bfe3cd;border-radius:10px;padding:10px 14px;color:var(--ok);font-weight:600}.result-bad{background:var(--danger-soft);border:1px solid #f0c1bc;border-radius:10px;padding:10px 14px;color:var(--danger)}