:root{--bg:#f6f7f9;--paper:#fff;--ink:#182529;--muted:#748080;--line:#e5e9e8;--accent:#71e6b3;--dark:#142a29;--radius:15px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}h1{font-size:34px;font-weight:570;letter-spacing:-1.25px;line-height:1.2}h2{font-size:20px;font-weight:600;letter-spacing:-.5px}h3{font-size:15px;font-weight:600}small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--muted)}.brand{display:flex;align-items:center;gap:5px;font-size:22px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.brand-light{font-weight:350;opacity:.7}.brand-symbol{display:grid;place-items:center;background:var(--accent);color:var(--dark);width:32px;height:33px;border-radius:9px;margin-right:7px;font-size:29px;font-weight:800;line-height:1}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--dark);color:#e8f1ee;padding:30px 23px;display:flex;flex-direction:column}.sidebar .brand{font-size:21px}.site-badge{display:flex;align-items:center;gap:12px;border:1px solid #3c504d;padding:13px 10px;border-radius:11px;margin-top:42px;margin-bottom:34px}.site-badge strong{font-size:12px;display:block}.site-badge small{display:block;color:#98aaa5;margin-top:3px;font-size:10px;max-width:141px;overflow-wrap:anywhere}.site-avatar{width:31px;height:33px;display:grid;place-items:center;background:#36504a;color:var(--accent);border-radius:7px;font-weight:600;flex-shrink:0}.nav-label{font-size:9px;color:#90a59e;letter-spacing:1.8px;padding-left:12px;margin-bottom:13px}nav{display:grid;gap:6px}nav button{text-align:left;border-radius:8px;background:none;color:#a9bbb4;padding:13px 12px;font-size:12px;display:flex;align-items:center;gap:12px}nav button span{font-size:18px;width:19px;text-align:center;line-height:1}nav button:hover{background:#ffffff0a}nav button.active{background:var(--accent);color:var(--dark);font-weight:650}.sidebar-bottom{margin-top:auto;padding-top:35px}.privacy-note{border-top:1px solid #354b44;padding:23px 5px;font-size:11px;color:#b9cac3}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#55bc92;margin-right:5px}.privacy-note p{font-size:10px;color:#90a59e;line-height:1.7;margin-top:9px}.user-row{display:flex;gap:10px;align-items:center;padding-top:15px;border-top:1px solid #354b44}.user-avatar{width:31px;height:31px;display:grid;place-items:center;background:#3a504a;border-radius:50%;font-size:11px}.user-row strong{font-size:11px}.user-row small{display:block;color:#90a59e;font-size:10px;margin-top:3px}.user-row button{margin-left:auto;color:#bbc9c3;background:transparent;font-size:20px}main{margin-left:248px}.topbar{height:72px;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);background:#ffffff9c}.tag{padding:7px 10px;border:1px solid var(--line);border-radius:20px;font-size:10px;background:#fff}.content{max-width:1510px;margin:auto;padding:36px 40px 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-heading h1{margin-top:9px}.page-heading p{font-size:12px;color:var(--muted);margin-top:10px}.period label{display:block;font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.period select{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 30px 10px 12px;font-size:11px;color:var(--ink)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px}.metric{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:21px 22px;min-height:140px}.metric-label{font-size:11px;color:#60716b;display:flex;justify-content:space-between}.metric-icon{background:#f0f6f2;border-radius:6px;width:24px;height:24px;display:grid;place-items:center;color:#498369;margin-top:-3px}.metric-value{font-size:32px;font-weight:600;letter-spacing:-1.2px;margin:12px 0 9px}.metric-foot{font-size:10px;color:var(--muted);line-height:1.6}.metric.dark{background:var(--dark);color:#fff;border-color:var(--dark)}.metric.dark .metric-label{color:#c0d2c9}.metric.dark .metric-icon{color:var(--accent);background:#2f4640}.metric.dark .metric-foot{color:#9bb5a9}.two-col{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:22px;margin-bottom:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:24px}.panel-head p,.panel-sub{color:var(--muted);font-size:10px;line-height:1.8;margin-top:6px}.panel-head h2{font-size:15px;letter-spacing:-.3px}.pill{font-size:9px;white-space:nowrap;background:#f1f5f3;padding:6px 9px;border-radius:5px;color:#6a7e73}.chart-wrap{height:230px;position:relative}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-labels{display:flex;justify-content:space-between;padding-left:32px;font-size:9px;color:var(--muted);margin-top:10px}.legend{display:flex;gap:17px;align-items:center;font-size:9px;color:var(--muted)}.legend .dot{width:7px;height:7px}.chart-empty{height:220px;display:grid;place-content:center;text-align:center;color:var(--muted);font-size:12px}.chart-empty strong{color:var(--ink);margin-bottom:8px}.bar-row{margin-bottom:21px}.bar-top{display:flex;justify-content:space-between;font-size:11px;margin-bottom:9px}.bar-track{height:7px;background:#f0f4f1;border-radius:8px;overflow:hidden}.bar-fill{height:100%;background:#75d6a9;border-radius:8px}.bar-foot{font-size:9px;color:var(--muted);margin-top:15px}.insight{background:#eef5ee;border:1px solid #e3ece2;border-radius:10px;padding:16px;margin-top:26px}.insight strong{font-size:11px}.insight p{font-size:10px;line-height:1.8;color:#6e8072;margin-top:6px}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{color:#7c8880;font-size:9px;letter-spacing:.6px;text-transform:uppercase;font-weight:600;padding:0 10px 13px;border-bottom:1px solid var(--line)}td{padding:15px 10px;border-bottom:1px solid #eff1ef}td:first-child,th:first-child{padding-left:0}tr:last-child td{border-bottom:0}.num{text-align:right;font-variant-numeric:tabular-nums}.source-name{display:flex;gap:10px;align-items:center}.source-icon{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;background:#f2f5f1;font-weight:650;font-size:11px}.status{border-radius:5px;background:#f2f5f2;color:#6a7d70;padding:5px 8px;font-size:9px;display:inline-block}.status.connected{background:#e6f6eb;color:#247748}.status.error,.status.setup_incomplete{background:#fff0e8;color:#a05b2f}.status.demo{background:#e9edff;color:#5d68a1}.mini-link{background:none;color:#457b60;font-size:10px;padding:0;white-space:nowrap}.wide-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:18px}.empty{padding:28px 8px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.empty strong{display:block;color:var(--ink);font-size:13px;margin-bottom:7px}.stack-grid,.connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.stack-card,.connection-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.stack-card .source-icon,.connection-card .source-icon{width:40px;height:40px;margin-bottom:20px;background:#edf6ee;color:#3b7459;font-size:18px}.stack-card h2,.connection-card h2{font-size:17px;margin:8px 0}.stack-card p,.connection-card p{font-size:11px;line-height:1.9;color:var(--muted)}.connection-card .status{margin-bottom:17px}.connection-card small{display:block;font-size:10px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.toolbar p{font-size:11px;color:var(--muted);line-height:1.8}.secondary,.primary{padding:11px 16px;border-radius:8px;font-size:11px;font-weight:600;white-space:nowrap}.primary{background:var(--dark);color:#fff}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}button:disabled{opacity:.55;cursor:wait}.demo-banner{padding:11px 15px;background:#fff3d9;border:1px solid #eddfb7;border-radius:8px;font-size:10px;color:#7a663a;margin-bottom:22px}#notice{border-radius:8px;padding:12px 16px;font-size:12px;background:#edf2ed;margin-bottom:18px}#notice.error{background:#ffebe5;color:#963d2e}footer{display:flex;justify-content:space-between;gap:15px;padding-top:28px;margin-top:18px;border-top:1px solid var(--line);font-size:9px;color:#6d7d73}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-intro{background:var(--dark);padding:48px 64px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-intro .eyebrow{color:#99b5a8}.login-intro h1{font-size:68px;letter-spacing:-3px;line-height:1.05;margin-top:24px}.login-intro em{font-style:normal;color:var(--accent)}.login-intro p{font-size:13px;line-height:1.9;color:#a9c0b3;margin-top:27px}.login-intro small{color:#a9c0b3;font-size:10px}.login-panel{display:grid;place-items:center;padding:40px}.login-panel form{width:100%;max-width:330px}.login-panel h2{font-size:32px;line-height:1.2;margin:16px 0 13px;letter-spacing:-1px}.login-panel p{font-size:12px;margin-bottom:30px}.login-panel label{display:block;font-size:11px;margin-top:19px;font-weight:550}.login-panel input{width:100%;border:1px solid #d9e2dc;border-radius:8px;padding:13px;background:#fff;margin-top:8px;font-size:14px}.login-panel .primary{width:100%;margin:25px 0 16px;text-align:left;padding:14px 17px;background:var(--dark);font-size:12px}.login-panel button span{float:right}#login-error{color:#a94c38;font-size:11px;line-height:1.6;margin:0 0 16px}.login-panel small{font-size:10px}.editor{margin-top:20px}.editor label{display:block;font-size:11px;margin-bottom:10px}.editor textarea{width:100%;height:250px;font-size:12px;padding:15px;border:1px solid var(--line);border-radius:8px;font-family:ui-monospace,monospace}.editor button{margin-top:12px}.table-scroll{overflow-x:auto}.section-space{margin-top:22px}
@media(min-width:1500px){.content{padding-top:45px}.metric{min-height:160px}.chart-wrap{height:260px}}@media(max-width:1150px){.sidebar{width:220px;padding:27px 17px}main{margin-left:220px}.content{padding:28px 25px}.topbar{padding:0 25px}.two-col{grid-template-columns:1.4fr 1fr}.metric{padding:18px 15px}.metric-value{font-size:27px}.stack-grid,.connection-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:29px}}@media(max-width:850px){.sidebar{width:190px;padding:24px 12px}.sidebar .brand{font-size:17px}.brand-symbol{width:27px;height:29px;font-size:24px}.site-badge{margin-top:30px}.site-badge small{max-width:110px}main{margin-left:190px}.metrics{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.page-heading{align-items:flex-start}.content{padding:25px 20px}.topbar{padding:0 20px}.login-intro{padding:35px}.login-intro h1{font-size:50px}.connection-grid,.stack-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.sidebar{position:static;width:auto;padding:18px 17px}.sidebar .brand{font-size:21px}.site-badge,.nav-label,.sidebar-bottom{display:none}nav{display:flex;overflow-x:auto;margin-top:17px;gap:5px}nav button{white-space:nowrap;padding:10px;font-size:10px}nav button span{display:none}main{margin-left:0}.topbar{height:48px;padding:0 18px}.topbar .tag{font-size:8px}.content{padding:25px 16px 18px}.page-heading{gap:12px;flex-direction:column}.page-heading h1{font-size:28px}.page-heading p{font-size:11px;line-height:1.6}.period{display:flex;align-items:center;gap:12px}.period label{margin:0}.metrics{gap:10px}.metric{padding:17px 14px;min-height:131px}.metric-value{font-size:27px}.metric-label{font-size:10px}.metric-foot{font-size:9px}.panel{padding:18px}.panel-head{gap:10px}.panel-head h2{font-size:14px}.stack-grid,.connection-grid{grid-template-columns:1fr}.login-screen{grid-template-columns:1fr}.login-intro{min-height:300px;padding:28px}.login-intro h1{font-size:41px;margin-top:27px}.login-intro h1 br{display:none}.login-intro h1 br:after{content:' '}.login-intro p{font-size:11px;margin-top:16px}.login-intro small{display:none}.login-panel{padding:35px 25px}.login-panel h2{font-size:27px}.login-panel h2 br{display:none}footer{font-size:8px;flex-direction:column}.toolbar{align-items:flex-start}.chart-wrap{height:200px}td{white-space:nowrap}.privacy-note{display:none}}
progress{display:block;width:100%;height:7px;border:0;border-radius:8px;overflow:hidden;background:#f0f4f1;appearance:none}progress::-webkit-progress-bar{background:#f0f4f1;border-radius:8px}progress::-webkit-progress-value{background:#75d6a9;border-radius:8px}progress::-moz-progress-bar{background:#75d6a9;border-radius:8px}.connection-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.connection-line:last-child{border:0}.topbar-actions{display:flex;gap:17px;align-items:center}.stack-edit-row{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:10px;align-items:end;margin-top:18px}.stack-edit-row input{width:100%;display:block;margin-top:7px;border:1px solid var(--line);padding:9px;border-radius:6px;font-size:12px}.stack-edit-row label{margin:0}.stack-edit-row button{margin:0}.chart-legend{display:flex;gap:17px;font-size:10px;color:var(--muted);margin:13px 0 3px}.chart-legend b{display:inline-block;width:8px;height:8px;background:#65bd91;border-radius:50%;margin-right:5px}.chart-legend span:last-child b{background:#214d44}@media(max-width:850px){.stack-edit-row{grid-template-columns:1fr 1fr}.stack-edit-row label:nth-child(3){grid-column:1/-1}}@media(max-width:600px){.topbar-actions .tag{display:none}}
.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{min-width:0}.metric-value{font-size:clamp(21px,2.1vw,32px)}@media(max-width:850px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.metric-value{font-size:clamp(18px,6vw,25px);letter-spacing:-.8px}}
/* v1.1.1: luminous summary tiles without changing layout. */
.metric{border-color:#b6dcca;box-shadow:0 0 0 1px #71e6b310,0 0 22px #39bb841b;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}
.metric:hover,.metric:focus-within{border-color:#67cda0;box-shadow:0 0 0 1px #71e6b337,0 0 30px #39bb8433;transform:translateY(-2px)}
.metric.dark{border-color:#4b9878;box-shadow:0 0 0 1px #71e6b31c,0 0 28px #39bb8429}.metric.dark:hover{box-shadow:0 0 0 1px #71e6b366,0 0 35px #39bb8445}
@media(prefers-reduced-motion:reduce){.metric{transition:none}.metric:hover,.metric:focus-within{transform:none}}