:root{--navy:#0f172a;--teal:#0d9488;--ink:#182b3c;--muted:#71808e;--border:#e3e8ed;--canvas:#f6f8fa}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}button,input,select{font:inherit}.button,button{border:1px solid #dce2e7;background:white;color:#344556;border-radius:6px;padding:8px 12px;font-weight:600;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;text-decoration:none;transition:background .15s}.button:hover,button:hover{background:#f0f5f5}button:disabled{opacity:.5;cursor:not-allowed}.button.primary,button.primary{background:var(--teal);border-color:var(--teal);color:white}button.primary:hover{background:#0b7e74}input,select{border:1px solid #dce2e7;border-radius:6px;background:white;padding:8px 10px;color:#344556;min-width:0}input:focus,select:focus{outline:2px solid #66bdb5;outline-offset:1px}a:focus-visible,button:focus-visible{outline:3px solid #55b7ad;outline-offset:3px}a{color:#0a8177}h1,h2,h3,p{margin:0}h2{font-weight:650;letter-spacing:-.2px}h2,h3{font-size:14px}small{font-size:11px}p{line-height:1.65}.chart-summary>strong,.metric>strong,.mono,.plan-price,.pulse>strong,.source-row strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:SFMono-Regular,Consolas,monospace}.muted{color:var(--muted)}.global-header{height:65px;background:var(--navy);justify-content:space-between;padding:0 26px;color:white;position:fixed;top:0;left:0;right:0;z-index:30;border-bottom:1px solid #273344}.brand,.global-header{display:flex;align-items:center}.brand{font-size:23px;font-weight:650;letter-spacing:-.8px}.brand>span:not(.brandmark){color:#7ed8cc}.brandmark{width:31px;height:32px;margin-right:10px;background:#e8f7f4;color:#147e73;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:24px;font-family:Georgia,serif;font-weight:700;box-shadow:inset -5px 0 0 #bddfd7}.brand em{font-size:9px;font-style:normal;letter-spacing:1.5px;font-weight:500;border:1px solid #3a4659;border-radius:4px;color:#b2c0d0;padding:4px 6px;margin-left:16px}.header-right{display:flex;align-items:center;gap:18px}.header-environment{font-size:11px;color:#c4d0dc;display:flex;align-items:center;gap:7px}.demo-dot,.header-environment i{width:6px;height:6px;background:#59c5aa;border-radius:3px;display:inline-block}.icon-button{border:0;padding:5px;background:transparent;color:inherit}.global-header .icon-button:hover{background:#283447}.notification{position:relative}.notification>i{position:absolute;width:4px;height:4px;background:#6cd2bf;top:3px;right:5px}.header-divider{height:24px;width:1px;background:#374152}.avatar{width:31px;height:31px;display:grid;place-items:center;background:#314353;border:1px solid #4b5d6b;border-radius:6px;font-size:11px}.account{display:flex;flex-direction:column;gap:3px;margin-left:-8px}.account strong{font-size:11px;font-weight:500}.account small{font-size:10px;color:#9cabbc}.sidebar{position:fixed;top:65px;bottom:0;width:225px;background:#fff;border-right:1px solid var(--border);padding:24px 14px 16px;display:flex;flex-direction:column;overflow-y:auto;z-index:20}.workspace-switch{display:flex;align-items:center;gap:9px;border:1px solid var(--border);padding:11px 8px;border-radius:6px;margin:0 5px 27px}.workspace-icon{display:grid;place-items:center;width:31px;height:31px;background:#eef3f5;border-radius:5px;color:#556e7a}.workspace-switch strong{display:block;font-size:11px}.workspace-switch small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.workspace-switch>svg{margin-left:auto;color:#87949f}.nav-section{margin-bottom:23px}.nav-label{font-size:9px;letter-spacing:1.25px;color:#8c97a1;font-weight:650;display:block;margin:0 12px 10px}.nav-item{border:0;display:flex;width:100%;padding:10px 12px;margin:3px 0;gap:11px;justify-content:flex-start;background:transparent;font-size:12px;text-decoration:none;color:#60707f;font-weight:500}.nav-item.active{background:#eaf6f3;color:#087c70;box-shadow:inset 3px 0 #0d9488;font-weight:650}.nav-item.active svg{stroke-width:2}.nav-count{font-size:10px;margin-left:auto;background:#edf1f4;color:#7b8b97;border-radius:4px;padding:1px 5px}.sidebar-bottom{margin-top:auto}.security-note{margin:8px 5px 16px;padding:14px 12px;border:1px solid #e2eae9;background:#f8fbfa;border-radius:6px}.security-note>svg{color:#4a9185;display:block;margin-bottom:9px}.security-note strong{font-size:11px}.security-note p{font-size:10px;line-height:1.7;color:#7d8b91;margin-top:6px}.security-note button{border:0;padding:0;background:transparent;color:#368578;font-size:10px;margin-top:11px}.version{display:block;font-size:8px;color:#a0a9b3;letter-spacing:.8px;margin:20px 12px 0}.main-content{margin-left:225px;padding:65px 32px 0;max-width:1900px}.breadcrumb{height:51px;display:flex;align-items:center;gap:9px;font-size:10px;color:#8995a1}.breadcrumb>span{color:#536472}.breadcrumb-right{margin-left:auto;gap:5px;font-size:9px!important;color:#8b969d!important}.breadcrumb-right,.demo-banner{display:flex;align-items:center}.demo-banner{background:#f0f6f5;border:1px solid #dce8e4;border-radius:6px;gap:15px;padding:10px 13px;margin-bottom:26px;color:#526f69}.demo-banner>span{font-size:8px;letter-spacing:.7px;font-weight:700;white-space:nowrap;display:flex;gap:6px;align-items:center}.demo-banner p{font-size:10px}.demo-banner button{background:none;border:0;padding:0;color:#327b6e;font-size:10px;margin-left:auto;white-space:nowrap}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:15px}.eyebrow{font-size:8px;font-weight:650;letter-spacing:1.8px;color:#7b8a96;margin-bottom:8px}h1{font-size:28px;letter-spacing:-1px;font-weight:600;line-height:1.25}.page-title p{color:#7a8793;font-size:11px;margin-top:8px}.page-actions{display:flex;align-items:center;gap:8px}.page-actions button,.period input{font-size:10px}.period input{padding:7px 9px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px}.metric{background:#fff;border:1px solid var(--border);border-radius:8px;padding:18px 19px 16px;box-shadow:0 2px 3px #18293c02;min-width:0}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#83929c}.metric-top span{font-size:11px;color:#687985;font-weight:500}.metric-top svg{color:#93a1ab;stroke-width:1.5}.metric>strong{display:block;font-size:27px;letter-spacing:-1.3px;font-weight:600;margin:17px 0 10px}.metric>small{font-size:9px;color:#88959f;display:block;line-height:1.6}.metric.accent{background:#f2faf7;border-color:#d4e8df}.metric.accent>strong{color:#187c62}.overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:22px;margin-bottom:22px}.panel{background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:22px;box-shadow:0 2px 3px #18293c02}.bottom-grid .panel,.overview-grid .panel{margin-bottom:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 21px 15px}.panel-heading p{font-size:10px;color:#8a96a0;margin-top:5px}.subtle-tag{background:#f6f8fa;border:1px solid #e7ecef;color:#7b8b96;border-radius:4px;font-size:9px;padding:3px 6px}.chart-summary{display:flex;align-items:baseline;gap:11px;padding:3px 22px}.chart-summary>strong{font-size:25px;font-weight:600;letter-spacing:-1px}.chart-summary>span{font-size:10px;color:#909ba5}.chart{display:flex;height:200px;padding:20px 23px 0 18px;gap:12px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#9aa5ae;padding-bottom:25px}.plot{position:relative;flex:1 1}.gridlines{position:absolute;inset:0 0 25px;display:flex;flex-direction:column;justify-content:space-between}.gridlines i{border-top:1px dashed #e9edf1;display:block}.bars{position:absolute;inset:0 0 25px;gap:7px}.bar-column,.bars{display:flex;align-items:flex-end}.bar-column{height:100%;flex:1 1}.bar{background:#118f83;width:100%;position:relative;border-radius:3px 3px 0 0;overflow:hidden}.bar>span{position:absolute;top:0;background:#b4cdc9;width:100%}.bar:hover{filter:brightness(1.12)}.chart-x{position:absolute;bottom:0;left:0;right:0;justify-content:space-between;color:#9aa5ae}.chart-legend,.chart-x{display:flex;font-size:9px}.chart-legend{gap:17px;align-items:center;padding:17px 22px;color:#778792}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend>.muted{margin-left:auto;font-size:8px}.blue-dot,.teal-dot{width:6px;height:6px;background:#118f83;display:inline-block;border-radius:2px}.blue-dot{background:#b4cdc9}.sources{padding:1px 22px 7px}.source-row{margin:12px 0}.source-row>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:7px}.source-row span{display:flex;gap:7px;align-items:center;color:#657885}.source-row i{width:6px;height:6px;border-radius:2px}.source-row strong{font-size:11px;font-weight:500}.source-track{height:3px;background:#f3f5f7;margin-left:13px}.source-track span{height:3px;display:block}.panel-footer{border-top:1px solid #edf0f3;background:#fbfcfd;padding:13px 21px;display:flex;justify-content:space-between;font-size:10px;color:#687985}.panel-footer strong{font-family:Consolas,monospace;color:#2e4353}.pulse-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:8px;background:#fff;padding:17px 0;margin-bottom:23px}.pulse{padding:0 22px;border-right:1px solid var(--border)}.pulse:last-child{border-right:0}.pulse>div{display:flex;gap:8px;align-items:center;font-size:10px;color:#7b8b96}.pulse svg{color:#9aa8b0;stroke-width:1.5}.pulse>strong{display:block;font-size:23px;font-weight:500;letter-spacing:-1px;margin:12px 0 7px}.pulse>small{color:#92a0a8;font-size:9px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:22px}.text-button{border:0;padding:0;background:transparent;color:#258576;font-size:10px;white-space:nowrap}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#f9fafb;border-top:1px solid #edf0f3;padding:10px 18px;color:#8b98a2;font-size:9px;font-weight:500}td,th{border-bottom:1px solid #edf0f3}td{padding:12px 18px;font-size:10px;color:#657784}tr:last-child td{border-bottom:0}td strong{font-size:10px;font-weight:600;color:#3c5060;display:block}td small{font-size:9px;color:#95a1aa;display:block;margin-top:4px}.member-cell{display:flex;gap:10px;align-items:center}.member-avatar{background:#eff3f4;border:1px solid #e6ebec;width:29px;height:29px;border-radius:5px;display:grid;place-items:center;font-size:9px;color:#7f9196;flex-shrink:0}.badge{font-size:9px;font-weight:500;display:inline-flex;align-items:center;gap:5px;padding:3px 6px;border:1px solid;border-radius:4px;white-space:nowrap}.badge i{width:4px;height:4px;border-radius:2px;background:currentColor}.green{background:#edf8f2;color:#35886b;border-color:#d8eddf}.gray{background:#f4f6f8;color:#87939e;border-color:#e4e8ec}.amber{background:#fff8ea;color:#b38b35;border-color:#f0e3c4}.blue{background:#eef3f9;color:#6485aa;border-color:#dce7f3}.attention-list{padding:0 20px}.attention-list>button{display:flex;width:100%;border:0;border-bottom:1px solid #edf0f3;background:transparent;border-radius:0;text-align:left;padding:15px 0;gap:11px;justify-content:flex-start}.attention-list>button:last-child{border-bottom:0}.attention-icon{width:31px;height:31px;border:1px solid;border-color:inherit;border-radius:6px;display:grid;place-items:center;flex-shrink:0}.attention-list strong{font-size:10px;font-weight:550;display:block;color:#475d6b}.attention-list small{font-size:9px;font-weight:400;color:#93a0aa;display:block;margin-top:5px}.attention-list>button>svg{margin-left:auto;color:#b1bdc4}.calm-note{padding:12px 20px;background:#fafcfc;color:#a0adae;gap:7px;border-top:1px solid #edf1f2}.calm-note,.main-footer{font-size:9px;display:flex;align-items:center}.main-footer{gap:20px;justify-content:space-between;padding:25px 0 20px;color:#9aa5ae}.main-footer>button{border:0;background:transparent;color:#8e9ca6;font-size:9px;padding:0}.filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filters select{font-size:10px}.search{border:1px solid #dfe5e9;border-radius:6px;padding:0 9px;display:flex;align-items:center;gap:5px;color:#9aa5ad;background:white}.search input{border:0;font-size:11px;padding:8px 3px;width:160px;outline:none}.notice{border:1px solid #dfe8e8;background:#f0f6f5;border-radius:6px;padding:13px 15px;font-size:11px;color:#58736e;display:flex;align-items:center;gap:10px;margin-bottom:22px;line-height:1.7}.notice>button{margin-left:auto}.notice.warning{background:#fff8eb;border-color:#f0e2bf;color:#a1813a}.align-right{text-align:right}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;color:#97a5ae;gap:10px;font-size:12px;text-align:center}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.plan-card{padding:23px;background:#fff;border:1px solid var(--border);border-radius:8px}.plan-card.featured{border-top:3px solid #0d9488}.plan-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:25px}.plan-top .eyebrow{margin:0;font-size:8px;letter-spacing:.8px}.plan-card h2{font-size:18px}.plan-card>p{color:#8b99a3;font-size:11px;margin:8px 0 23px}.plan-price{font-size:31px;letter-spacing:-1px;margin-bottom:25px}.plan-price span{font-size:11px;color:#97a2a9;letter-spacing:0;font-family:inherit}.plan-feature{display:flex;gap:8px;align-items:center;font-size:11px;color:#71858e;margin:13px 0;overflow-wrap:anywhere}.plan-feature svg{color:#349b8d;flex-shrink:0}.plan-card>button{margin-top:22px;width:100%;justify-content:space-between}.integration-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:22px}.integration-toolbar button{font-size:10px;background:transparent;border-color:transparent}.integration-toolbar button.selected{background:white;border-color:#dce5e7;color:#118577}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.integration-card{background:white;border:1px solid var(--border);border-radius:8px;padding:20px;display:flex;flex-direction:column}.integration-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.service-logo{width:37px;height:37px;border-radius:8px;background:#f1f5f5;color:#56857d;display:grid;place-items:center;font-size:14px;font-weight:700}.service-logo.stripe{background:#6558ee;color:white;font-size:25px}.integration-card h2{font-size:16px;margin-bottom:5px}.category{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#9aa7b0}.integration-card p{font-size:11px;color:#80909b;margin:12px 0 20px;flex:1 1}.integration-actions{border-top:1px solid #edf0f2;padding-top:15px;display:flex;align-items:center;justify-content:space-between}.integration-actions .button,.integration-actions button{font-size:10px}.integration-actions>a{color:#96a4ad}.security-hero{background:#eaf4f1;border:1px solid #d2e4df;border-radius:8px;padding:26px;display:flex;gap:22px;align-items:center;margin-bottom:24px}.security-hero>svg{color:#368a79;flex-shrink:0}.security-hero h2{font-size:23px;margin-bottom:10px}.security-hero p{font-size:12px;color:#648078;max-width:650px}.security-hero>.badge{margin-left:auto}.security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.security-grid .panel{margin:0}.security-grid{margin-bottom:22px}.security-body{padding:6px 21px 23px}.security-body h3{margin-bottom:10px}.security-body p{font-size:12px;color:#81929a;margin-bottom:18px}.security-grid .panel-heading>svg{color:#79a497}.toast{bottom:26px;right:28px;z-index:100;background:#183d35;color:white;border:1px solid #3a5f55;box-shadow:0 8px 35px #122e3525;padding:14px 18px;max-width:500px;border-radius:8px;gap:12px;font-size:12px}.modal-backdrop,.toast{position:fixed;display:flex;align-items:center}.modal-backdrop{inset:0;background:#0f1f34a6;z-index:80;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{position:relative;display:block;margin:0;background:#fff;border:1px solid #dbe3e7;border-radius:8px;padding:0;width:480px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 25px 100px #071a3d30;color:var(--ink)}.modal-heading{padding:23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.modal-heading h2{font-size:20px}.modal-body{padding:23px}.modal-body>p{margin-bottom:15px;font-size:12px;color:#738791}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:11px;font-weight:600;text-transform:capitalize}.field input,.field select{font-size:13px;padding:11px}.modal-footer{background:#f9fbfb;border-top:1px solid var(--border);padding:17px 23px;display:flex;justify-content:flex-end;gap:10px}.truncate{max-width:350px;overflow:hidden;text-overflow:ellipsis}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.login{max-width:480px;margin:15vh auto;background:white;border:1px solid var(--border);padding:35px;border-radius:8px}.login .brand{margin-bottom:35px}.login h1{margin-bottom:20px}.login p{color:#7b8d98;margin:20px 0}.login small{color:#8ca19c}.mobile-menu{display:none}@media(min-width:1550px){.main-content{padding-left:42px;padding-right:42px}.chart{height:235px}.metric>strong{font-size:32px}}@media(max-width:1200px){.sidebar{width:200px}.main-content{margin-left:200px;padding-left:22px;padding-right:22px}.bottom-grid,.overview-grid{grid-template-columns:1.4fr 1fr}.metric-grid{gap:10px}.metric{padding:16px 13px}.metric>strong{font-size:23px}.demo-banner p{font-size:9px}.chart-legend>.muted{display:none}.pulse{padding:0 14px}.page-title{align-items:flex-start}.page-actions{flex-wrap:wrap;justify-content:flex-end}.integration-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.header-environment,.security-hero>.badge{display:none}}@media(max-width:960px){.bottom-grid,.overview-grid{grid-template-columns:1fr}.metric-grid,.pulse-grid{grid-template-columns:repeat(2,1fr)}.pulse-grid{gap:20px}.pulse:nth-child(2){border:0}.demo-banner{flex-wrap:wrap;gap:7px}.demo-banner p{width:100%;order:3}.integration-toolbar{flex-direction:column}.security-grid{grid-template-columns:1fr}.breadcrumb-right,.main-footer>span:nth-child(2){display:none}.page-title{flex-direction:column;gap:18px}.page-actions{justify-content:flex-start}.sources{padding-top:3px}.source-row{margin-bottom:18px}}@media(max-width:700px){.sidebar{display:none;width:225px;box-shadow:10px 0 30px #0f172a20}.sidebar.open{display:flex}.mobile-menu{display:inline-flex;margin-right:10px}.main-content{margin-left:0;padding:65px 17px 0}.global-header{padding:0 17px}.header-right{gap:10px}.account,.brand em,.header-divider{display:none}.brand{font-size:20px}.metric>strong{font-size:24px}.metric-grid{gap:10px}.metric>small,.pulse>small{font-size:8px}.integration-grid,.pricing-grid{grid-template-columns:1fr}.page-title h1{font-size:26px}.security-hero{padding:20px;align-items:flex-start}.security-hero>svg{display:none}.security-hero h2{font-size:20px}.panel-heading{padding:17px}.panel-heading .filters{justify-content:flex-end}.search input{width:110px}.toast{left:17px;right:17px;bottom:15px}.panel-heading{flex-wrap:wrap}.login{margin:12vh 20px}.main-footer{font-size:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.app-shell .page-title{margin-bottom:20px}.app-shell .page-title h1{font-size:25px}.app-shell .demo-banner{margin-bottom:18px}.app-shell .breadcrumb{height:42px}.app-shell .metric-grid{gap:14px;margin-bottom:18px}.app-shell .metric{padding:15px 16px}.app-shell .metric>strong{font-size:25px;margin:12px 0 8px}.app-shell .panel-heading{padding:16px 18px 12px}.app-shell .panel{margin-bottom:18px}.app-shell .bottom-grid,.app-shell .overview-grid{gap:18px}.app-shell .chart{height:175px}.app-shell .pulse-grid{padding:14px 0;margin-bottom:18px}.app-shell .pulse>strong{margin:9px 0 6px}.app-shell .integration-card{padding:16px}.app-shell .integration-top{margin-bottom:12px}.app-shell .integration-card p{margin:9px 0 14px}.app-shell .plan-card{padding:19px}.app-shell .plan-top{margin-bottom:16px}.app-shell .plan-price{margin-bottom:18px}.app-shell .security-hero{padding:20px}.app-shell .security-hero h2{font-size:21px}.app-shell .bottom-grid .panel,.app-shell .overview-grid .panel{margin-bottom:0}