:root{font-family:DM Sans,system-ui,sans-serif;color:#18212f;background:#f4f6f7;font-synthesis:none;--ink: #18212f;--muted: #667085;--line: #dfe4e7;--panel: #ffffff;--brand: #0f766e;--brand-dark: #0b5550;--brand-soft: #e7f8f4;--danger: #d92d4f;--danger-soft: #fff0f2;--warning: #c7790a;--warning-soft: #fff8e7;--success: #16825c;--nav-width: 246px;--shadow: 0 1px 2px rgba(16, 24, 40, .05)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid rgba(15,118,110,.28);outline-offset:2px}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--nav-width);background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{height:76px;display:flex;align-items:center;gap:11px;padding:0 20px;border-bottom:1px solid var(--line)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:var(--brand);border-radius:10px;font-weight:800}.brand strong{font-size:19px;letter-spacing:.06em}.brand small{color:var(--muted);display:block;font-size:10px}.nav{padding:18px 10px;overflow-y:auto;flex:1}.nav-group{color:#98a2b3;font-size:10px;letter-spacing:.1em;font-weight:700;padding:11px 12px 7px}.nav-link{display:flex;align-items:center;gap:11px;min-height:43px;padding:9px 12px;border-radius:8px;color:#4a5565;font-size:13px;margin:2px 0}.nav-link:hover{background:#f3f6f6;color:var(--ink)}.nav-link.active{background:var(--brand-soft);color:var(--brand-dark);font-weight:700;box-shadow:inset 3px 0 0 var(--brand)}.icon{display:inline-grid;place-items:center;min-width:20px;font-family:IBM Plex Mono,monospace;font-style:normal}.sidebar-foot{padding:14px;border-top:1px solid var(--line)}.system-ok{display:flex;gap:8px;align-items:center;color:var(--success);font-size:12px;padding:8px}.topbar{position:sticky;top:0;height:64px;margin-left:var(--nav-width);padding:0 26px;display:flex;align-items:center;justify-content:space-between;background:#fffffff5;border-bottom:1px solid var(--line);z-index:15;backdrop-filter:blur(10px)}.topbar-left,.topbar-right,.user-chip{display:flex;align-items:center;gap:12px}.connected{display:inline-flex;align-items:center;gap:7px;border:1px solid #b8ead8;background:#effcf7;color:#137653;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.connected:before{content:"";width:7px;height:7px;background:#12b76a;border-radius:50%}.updated{color:var(--muted);font:11px IBM Plex Mono,monospace}.avatar{width:34px;height:34px;background:#d8f1ed;color:var(--brand-dark);border:1px solid #b6e5dd;display:grid;place-items:center;border-radius:9px;font-weight:800}.user-copy strong{font-size:12px;display:block}.user-copy span{font-size:10px;color:var(--brand)}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#556070}.icon-button:hover{background:#f1f4f4}.main{margin-left:var(--nav-width);padding:24px 26px 94px;max-width:1700px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px}.page-head h1{margin:3px 0 4px;font-size:24px;letter-spacing:-.025em}.page-head p{margin:0;color:var(--muted);font-size:13px}.eyebrow{color:#98a2b3;font:600 10px IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.page-actions,.panel-actions,.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:18px;box-shadow:var(--shadow)}.field{display:grid;gap:5px;min-width:130px}.field-grow{flex:1}.field label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#88919e;font-weight:700}input,select,textarea{min-height:38px;border:1px solid #d5dcdf;border-radius:7px;padding:8px 10px;color:var(--ink);background:#fff}textarea{resize:vertical;min-height:82px}input::placeholder,textarea::placeholder{color:#a6aeb8}.quick-ranges{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--line);border-radius:8px}.range{border:0;background:transparent;color:var(--muted);padding:7px 10px;border-radius:6px;font-size:12px}.range.active{background:var(--brand);color:#fff;font-weight:700}.button{min-height:37px;border-radius:7px;border:1px solid transparent;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:12px}.button:disabled{opacity:.55;cursor:not-allowed}.button-primary{background:var(--brand);color:#fff}.button-primary:hover{background:var(--brand-dark)}.button-secondary{background:#fff;border-color:#ccd5d9;color:#344054}.button-secondary:hover{background:#f7f9f9}.button-danger{color:#fff;background:var(--danger)}.button-ghost{color:var(--brand);background:transparent}.spinner{width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}.panel-head{min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #edf0f1}.panel-head h2{margin:2px 0 0;font-size:14px}.panel-body{padding:16px}.setup-panel{margin-bottom:20px;border-color:#c7d7fe;background:linear-gradient(135deg,#f8faff,#fff 70%)}.setup-body>p{margin:0 0 14px;color:var(--muted)}.setup-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.setup-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);text-decoration:none}.setup-item:hover,.setup-item:focus-visible{border-color:var(--primary)}.setup-item span:first-child{display:grid;gap:3px}.setup-item small{color:var(--muted)}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel-grid>.panel{margin-bottom:0}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:11px;margin-bottom:18px}.metric-section-title{display:flex;align-items:center;gap:8px;margin:20px 0 10px}.metric-section-title h2{font-size:12px;margin:0;text-transform:uppercase;letter-spacing:.04em}.metric-section-title:before{content:"";width:4px;height:17px;background:var(--brand);border-radius:3px}.metric-card{text-align:left;width:100%;min-height:126px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);color:inherit}.metric-card:hover{border-color:#9dd8d0;transform:translateY(-1px)}.metric-accent{border-color:#65d6c8;background:#f4fffc}.metric-top,.metric-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.metric-top{font-size:11px;color:#505a68}.metric-value{font:700 21px IBM Plex Mono,monospace;display:block;margin:13px 0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-foot{border-top:1px solid #edf0f1;padding-top:9px;font-size:10px;color:#98a2b3}.positive{color:var(--success);font-weight:700}.pill{display:inline-flex;max-width:100%;align-items:center;border-radius:5px;padding:3px 6px;background:#f0f2f4;color:#596273;font-size:9px;line-height:1.2;font-weight:700;text-transform:capitalize}.pill-success{background:#dcfae6;color:#087443}.pill-warning{background:#fff0c7;color:#945a00}.pill-danger{background:#ffe0e6;color:#b42345}.pill-brand{background:var(--brand-soft);color:var(--brand-dark)}.chart-box{padding:15px;height:320px}.chart-legend{display:flex;gap:14px;color:var(--muted);font-size:10px;padding:0 16px 12px}.funnel{padding:14px;display:grid;gap:8px}.funnel-step{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;padding:9px}.funnel-step b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#f0f2f4;font:11px IBM Plex Mono,monospace}.funnel-step strong{font:600 12px IBM Plex Mono,monospace}.table-wrap{width:100%;overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;font-size:11px}.table-wrap th{text-align:left;color:#667085;background:#f7f8f8;font-size:9px;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;white-space:nowrap}.table-wrap td{border-top:1px solid #edf0f1;padding:11px 12px;color:#344054;vertical-align:top;max-width:270px}.table-wrap tbody tr:hover{background:#fbfcfc}.table-wrap td:first-child{font-family:IBM Plex Mono,monospace}.table-wrap .button{min-height:29px;padding:5px 8px;font-size:10px}.tabs{display:flex;gap:2px;padding:0 14px;border-bottom:1px solid var(--line);background:#fff;overflow-x:auto}.tab{white-space:nowrap;border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 14px;color:#667085;font-size:11px}.tab.active{color:var(--brand-dark);border-color:var(--brand);font-weight:700}.empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:28px}.empty-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#f1f4f4;color:var(--brand);font-size:21px;margin-bottom:10px}.empty strong{color:#344054}.empty p{max-width:420px;margin:5px 0;font-size:12px}.error-state{margin:12px;padding:13px;border:1px solid #fac0ca;background:var(--danger-soft);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px}.error-state strong{color:#a91638}.error-state p{margin:3px 0;font-size:11px;color:#7a3242}.skeleton-stack{display:grid;gap:10px;padding:16px}.skeleton{height:48px;background:linear-gradient(90deg,#f2f4f5 25%,#e8eced 40%,#f2f4f5 65%);background-size:400% 100%;border-radius:7px;animation:shimmer 1.25s infinite}@keyframes shimmer{to{background-position:-100% 0}}.notice{border:1px solid #c8dce9;background:#f1f8fc;color:#32566d;border-radius:8px;padding:11px 13px;font-size:11px;margin-bottom:14px}.notice-warning{border-color:#f0cd7b;background:var(--warning-soft);color:#80530c}.notice-danger{border-color:#fac0ca;background:var(--danger-soft);color:#9c1735}.definition{color:var(--muted);font-size:10px;line-height:1.5}.mono{font-family:IBM Plex Mono,monospace}.detail-json{margin:0;padding:14px;border-radius:8px;background:#f6f8f8;color:#344054;font:11px/1.65 IBM Plex Mono,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#10182885;display:grid;place-items:center;padding:20px}.modal{width:min(560px,100%);max-height:88vh;overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 24px 80px #10182840}.modal-wide{width:min(1060px,100%)}.modal>header{height:59px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--line)}.modal h2{margin:0;font-size:15px}.modal-body{max-height:calc(88vh - 59px);overflow:auto;padding:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .full{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(440px,1fr) minmax(520px,1.35fr);background:#fff}.login-side{padding:7vw;display:flex;flex-direction:column;justify-content:center}.login-side .brand{padding:0;border:0;margin-bottom:52px}.login-side h1{font-size:34px;margin:0 0 10px;letter-spacing:-.035em}.login-side>p{color:var(--muted);margin:0 0 28px}.login-form{max-width:420px;display:grid;gap:15px}.login-form .button{min-height:45px}.login-help{font-size:11px;color:var(--muted);line-height:1.6}.login-visual{position:relative;overflow:hidden;display:grid;align-content:center;padding:8vw;color:#fff;background:linear-gradient(145deg,#0a3938,#0e6861 55%,#0a8f7e)}.login-visual:before,.login-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:650px;height:650px}.login-visual:before{left:-220px;top:-260px}.login-visual:after{right:-340px;bottom:-360px}.login-visual blockquote{position:relative;z-index:1;font-size:28px;line-height:1.35;margin:0;max-width:620px}.login-visual p{position:relative;z-index:1;color:#bfe7df;max-width:560px}.mobile-nav{display:none}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:120;display:grid;gap:8px}.toast{max-width:360px;border-radius:8px;background:#17202d;color:#fff;padding:11px 13px;box-shadow:0 10px 40px #10182840;font-size:12px}.toast.error{background:#9b1737}@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.panel-grid{grid-template-columns:1fr}}@media(max-width:760px){:root{--nav-width: 0px}.sidebar{display:none}.topbar{margin-left:0;height:58px;padding:0 14px}.updated,.user-copy{display:none}.main{margin-left:0;padding:17px 13px 86px}.page-head{align-items:flex-start;margin-bottom:14px}.page-head h1{font-size:20px}.page-head p{font-size:11px}.page-actions{display:none}.filters{flex-wrap:nowrap;overflow-x:auto;padding:9px;align-items:center}.filters .field{min-width:145px}.quick-ranges{min-width:max-content}.filter-extra{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{min-height:118px;padding:12px}.metric-value{font-size:clamp(15px,4.8vw,20px)}.metric-top{font-size:10px}.panel-grid{gap:12px}.chart-box{height:260px;padding:8px}.table-wrap{padding:0}.table-wrap table,.table-wrap thead,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block}.table-wrap thead{display:none}.table-wrap tr{margin:10px;padding:10px;border:1px solid var(--line);border-radius:9px}.table-wrap td{display:flex;justify-content:space-between;gap:10px;border-top:1px dashed #e7ebed;padding:8px 0;max-width:none;text-align:right}.table-wrap td:first-child{border:0}.table-wrap td:before{content:attr(data-label);color:#98a2b3;font:600 9px DM Sans,sans-serif;text-transform:uppercase;text-align:left}.table-wrap .row-actions{justify-content:flex-end}.mobile-nav{position:fixed;z-index:50;display:flex;inset:auto 0 0;min-height:65px;padding:5px 6px calc(5px + env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid var(--line);justify-content:space-around}.mobile-link{min-width:58px;display:flex;flex-direction:column;align-items:center;gap:2px;color:#697586;border-radius:9px;padding:7px 6px;font-size:9px}.mobile-link.active{color:var(--brand-dark);background:var(--brand-soft);font-weight:700}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal-backdrop{padding:0;align-items:end}.modal,.modal-wide{width:100%;max-height:92vh;border-radius:15px 15px 0 0}.modal-body{max-height:calc(92vh - 59px)}.login-page{display:block;background:linear-gradient(#f8fbfb,#fff)}.login-side{min-height:100vh;padding:34px 22px}.login-side .brand{margin-bottom:54px}.login-side h1{font-size:28px}.login-visual{display:none}.toast-stack{left:12px;right:12px;bottom:78px}.toast{max-width:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}