:root{--bg: #e11d1d;--surface: #ffffff;--border: #000000;--text: #000000;--muted: rgba(0, 0, 0, .55);--accent: #000000;--on-accent: #ffffff;--on-bg: #ffffff;--font-display: "Unbounded", sans-serif;--font-heading: "Unbounded", sans-serif;--font-semi: "Space Grotesk", sans-serif;--font-medium: "Space Grotesk", sans-serif;--font-body: "Space Grotesk", sans-serif;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 12px;--sp-lg: 16px;--sp-xl: 24px;--sp-xxl: 32px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100dvh}#root{min-height:100dvh}button{font:inherit;border:none;background:none;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.enter{animation:fade-up .45s cubic-bezier(.22,1,.36,1) both}.shell{min-height:100dvh;display:flex;flex-direction:column}.shell-header{background:var(--accent);color:var(--on-bg);padding:max(var(--sp-lg),var(--safe-top)) var(--sp-xl) calc(var(--sp-lg) + 2px) var(--sp-xl);padding-left:max(var(--sp-xl),var(--safe-left));padding-right:max(var(--sp-xl),var(--safe-right));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-md);position:sticky;top:0;z-index:10}.brand-row{display:flex;align-items:center;gap:var(--sp-sm);padding-block:var(--sp-xs)}.brand-mark{width:12px;height:12px;background:var(--bg);border:2px solid var(--on-bg)}.brand-name{font-family:var(--font-display);font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:var(--on-bg)}.shell-nav{display:flex;flex-wrap:wrap;gap:var(--sp-xs)}.nav-item{display:flex;align-items:center;gap:6px;padding:10px var(--sp-md);color:var(--on-bg);transition:transform .12s ease}.nav-item:active{transform:scale(.94)}.nav-item.active{background:var(--surface);color:var(--text)}.nav-item svg{width:16px;height:16px}.nav-label{font-family:var(--font-semi);font-size:11px;text-transform:uppercase;letter-spacing:1px}.shell-content{flex:1;display:flex;flex-direction:column}.page{flex:1;padding:var(--sp-xl);padding-left:max(var(--sp-xl),var(--safe-left));padding-right:max(var(--sp-xl),var(--safe-right));padding-bottom:calc(var(--sp-xl) + var(--safe-bottom));display:flex;justify-content:center}.page-inner{width:100%;max-width:960px;display:flex;flex-direction:column;gap:var(--sp-lg)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-md)}.title-row{display:flex;align-items:center;gap:var(--sp-sm)}.title-mark{width:14px;height:14px;background:var(--bg);border:2px solid var(--border);flex-shrink:0}.h1{font-family:var(--font-heading);font-size:26px;letter-spacing:-.5px}.subtitle{color:var(--on-bg);font-size:14px;margin-top:6px}.section-title{font-family:var(--font-semi);font-size:16px;margin-top:var(--sp-sm)}.card{border:2px solid var(--border);background:var(--surface);padding:var(--sp-lg);display:flex;flex-direction:column;gap:var(--sp-md)}.card-title{font-family:var(--font-semi);font-size:15px}.muted{color:var(--muted);font-size:13px;line-height:19px}.body-text{font-size:15px;line-height:22px}.badge{border-radius:0;padding:4px 10px;align-self:flex-start;font-family:var(--font-semi);font-size:10px;text-transform:uppercase;letter-spacing:1.2px;white-space:nowrap}.badge-muted{background:var(--surface);color:var(--muted);border:2px solid var(--border)}.badge-accent{background:var(--bg);color:var(--on-bg);border:2px solid var(--border)}.badge-success{background:var(--accent);color:var(--on-accent)}.badge-danger{background:var(--surface);color:var(--bg);border:2px solid var(--bg)}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-sm)}.chip{border:2px solid var(--border);padding:var(--sp-sm) var(--sp-md);font-family:var(--font-semi);font-size:12px;text-transform:uppercase;letter-spacing:.8px;background:var(--surface);transition:transform .12s ease}.chip:active{transform:scale(.94)}.chip.active{background:var(--accent);color:var(--on-accent)}.btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-sm);background:var(--accent);color:var(--on-accent);border:2px solid var(--accent);padding:14px var(--sp-xl);font-family:var(--font-semi);font-size:13px;text-transform:uppercase;letter-spacing:1px;transition:transform .12s ease;align-self:flex-start}.btn:active{transform:scale(.955)}.btn[disabled]{opacity:.7;cursor:default}.btn-block{align-self:stretch}.spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;margin-block:var(--sp-xl);align-self:center}.spinner-invert{border-color:var(--on-accent);border-top-color:transparent}.field{display:flex;flex-direction:column;gap:var(--sp-sm);min-width:0}.field-label{color:var(--muted);font-family:var(--font-semi);font-size:11px;text-transform:uppercase;letter-spacing:1.2px}.field input,.field textarea{border:2px solid var(--border);background:var(--surface);padding:var(--sp-md);font-size:16px;font-family:var(--font-body);width:100%}.field input:focus,.field textarea:focus{outline:none;background:#fff7f7}.field textarea{resize:vertical;min-height:72px}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-sm)}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:var(--sp-lg);padding-top:max(var(--sp-lg),var(--safe-top));padding-bottom:max(var(--sp-lg),var(--safe-bottom));padding-left:max(var(--sp-lg),var(--safe-left));padding-right:max(var(--sp-lg),var(--safe-right))}.auth-card{width:100%;max-width:440px;gap:var(--sp-lg)}.brand-row-lg{display:flex;align-items:center;gap:var(--sp-sm)}.brand-mark-lg{width:16px;height:16px;background:var(--bg);border:2px solid var(--border)}.brand-lg{font-family:var(--font-display);font-size:26px;letter-spacing:1px}.tagline{align-self:flex-start;background:var(--accent);color:var(--on-accent);font-family:var(--font-semi);font-size:10px;text-transform:uppercase;letter-spacing:1.4px;padding:5px 10px}.hero{display:flex;flex-direction:column;gap:var(--sp-lg);padding-block:var(--sp-md)}.hero-title{font-family:var(--font-display);font-size:34px;line-height:40px;letter-spacing:-.5px}.hero-text{font-size:15px;line-height:23px}.benefit-head{display:flex;align-items:center;gap:var(--sp-sm)}.benefit-mark{width:28px;height:28px;display:grid;place-items:center;background:var(--bg);border:2px solid var(--border);font-family:var(--font-semi);font-size:13px;flex-shrink:0}.benefit-title{font-family:var(--font-semi);font-size:15px}.step-row{display:flex;align-items:flex-start;gap:var(--sp-sm)}.step-mark{width:24px;height:24px;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font-family:var(--font-semi);font-size:12px;flex-shrink:0}.metrics{display:flex;flex-wrap:wrap;gap:var(--sp-md)}.metric{flex:1 1 150px}.metric-value{font-family:var(--font-display);font-size:26px}.metric-label{color:var(--muted);font-family:var(--font-semi);font-size:10px;text-transform:uppercase;letter-spacing:1.2px}.bars-row{display:flex;align-items:flex-end;gap:4px}.bar-slot{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--sp-xs);min-width:0}.bar{width:100%;background:var(--bg)}.bar-label{color:var(--muted);font-family:var(--font-medium);font-size:9px}.split-row{display:flex;height:16px}.split-segment{border:2px solid var(--border)}.legend{display:flex;flex-wrap:wrap;gap:var(--sp-md)}.legend-item{display:flex;align-items:center;gap:var(--sp-xs)}.legend-dot{width:10px;height:10px;border:2px solid var(--border)}.legend-text{font-family:var(--font-medium);font-size:12px}.row-name{font-family:var(--font-semi);font-size:13px;flex:1}.map-panel{height:240px;border:2px solid var(--border);background:var(--surface);margin-bottom:var(--sp-md);position:relative;overflow:hidden}.grid-v{position:absolute;top:0;bottom:0;width:1px;background:#00000014}.grid-h{position:absolute;left:0;right:0;height:1px;background:#00000014}.map-dot{position:absolute;background:var(--bg);border:2px solid var(--border);border-radius:50%}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-sm)}.service-name{font-family:var(--font-semi);font-size:15px;flex:1}.two-columns{display:flex;gap:var(--sp-sm);flex-wrap:wrap}.two-columns>*{flex:1 1 140px}.required-box{display:flex;flex-direction:column;gap:var(--sp-sm);padding-top:var(--sp-sm)}.required-row{display:flex;align-items:center;gap:var(--sp-sm)}.required-key{font-family:var(--font-semi);font-size:13px}.required-example{color:var(--muted);font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-mini{border:2px solid var(--border);background:var(--surface);padding:4px 10px;font-size:12px;line-height:1.2}.integration-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-sm);padding-block:var(--sp-sm)}.integration-name{font-family:var(--font-semi);font-size:13px;flex:1}.profile-name{font-family:var(--font-semi);font-size:16px}.toast{position:fixed;left:0;right:0;bottom:var(--safe-bottom);z-index:100;display:flex;align-items:center;gap:var(--sp-md);background:var(--surface);border-top:2px solid var(--bg);border-left:2px solid var(--bg);border-right:2px solid var(--bg);padding:var(--sp-md);animation:fade-up .25s ease both}.toast-text{flex:1;font-size:13px;line-height:19px}.toast-close{background:var(--accent);color:var(--on-accent);font-family:var(--font-semi);font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:var(--sp-sm) var(--sp-md);flex-shrink:0}@media(max-width:640px){.shell-header,.page{padding-inline:var(--sp-lg)}.h1{font-size:21px}.hero-title{font-size:27px;line-height:33px}}