:root{--ft-teal:#2fa7a0;--ft-deep-teal:#0a4e53;--ft-dark-amber:#b27409;--ft-cream:#fdf8f0;--ft-golden:#e2b55c;--ft-terracotta:#a44f30;--ft-warm-sienna:#b66d3d;--ft-charcoal:#3a3d40;--ft-seafoam:#63a584;--ft-sand:#e9d3be;--ft-light-grey:#e8e4dd;--ft-medium-grey:#afa5a5;--ft-off-white:#f5f3ee;--ft-white:#fff;--ft-black:#070600;--ft-teal-soft:#61a583;--ft-teal-12:#2fa7a01f;--ft-deep-teal-08:#0a4e5314;--ft-hairline:#e8e4dd;--ft-hairline-warm:#e9d3be;--ft-gradient-brand:linear-gradient(180deg, #d09c45 0%, #d0b15b 25%, #b5b26b 50%, #91b07a 75%, #63a584 100%);--ft-gradient-teal:linear-gradient(135deg, #8fc9c3 0%, #2fa7a0 38%, #0a4e53 100%);--surface-page:var(--ft-off-white);--surface-card:var(--ft-white);--surface-raised:var(--ft-cream);--surface-muted:var(--ft-light-grey);--surface-inverse:var(--ft-deep-teal);--surface-brand:var(--ft-teal);--text-heading:var(--ft-deep-teal);--text-body:var(--ft-charcoal);--text-muted:var(--ft-medium-grey);--text-overline:var(--ft-teal);--text-on-dark:var(--ft-cream);--text-on-dark-muted:#fdf8f09e;--text-accent:var(--ft-dark-amber);--border-subtle:var(--ft-hairline);--border-strong:var(--ft-medium-grey);--ft-positive:#059669;--ft-positive-soft:#0596691f;--ft-warning:#d97706;--ft-warning-soft:#d977061f;--ft-negative:#e53e3e;--ft-negative-soft:#e53e3e1f;--ft-data-teal:#00968c;--cta-primary:var(--ft-deep-teal);--cta-accent:var(--ft-golden);--cta-warm:var(--ft-terracotta);--focus-ring:var(--ft-teal);--font-display:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-logo:"Lexend Mega", "Poppins", sans-serif;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--type-display-size:clamp(2.75rem, 4.5vw, 3.5rem);--type-display-weight:var(--fw-semibold);--type-display-tracking:-.025em;--type-display-leading:1.04;--type-h1-size:clamp(1.75rem, 2.6vw, 2.125rem);--type-h1-weight:var(--fw-medium);--type-h1-tracking:-.015em;--type-h1-leading:1.1;--type-h2-size:clamp(1.375rem, 2vw, 1.625rem);--type-h2-weight:var(--fw-regular);--type-h2-tracking:-.01em;--type-h2-leading:1.15;--type-h3-size:clamp(1.0625rem, 1.5vw, 1.25rem);--type-h3-weight:var(--fw-medium);--type-h3-tracking:0em;--type-h3-leading:1.25;--type-overline-size:clamp(.5625rem, .8vw, .6875rem);--type-overline-weight:var(--fw-semibold);--type-overline-tracking:.14em;--type-cta-size:clamp(.625rem, .85vw, .6875rem);--type-cta-weight:var(--fw-semibold);--type-cta-tracking:.12em;--type-lead-size:clamp(1rem, 1.3vw, 1.125rem);--type-lead-weight:var(--fw-regular);--type-lead-leading:1.4;--type-body-size:clamp(.875rem, 1.1vw, 1rem);--type-body-weight:var(--fw-regular);--type-body-leading:1.5;--type-caption-size:clamp(.6875rem, .9vw, .8125rem);--type-caption-weight:var(--fw-light);--type-caption-leading:1.5;--type-logo-tracking:.14em;--radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-xs:0 1px 2px #0a4e530d;--shadow-card:0 2px 4px #0a4e530a, 0 8px 24px #0a4e530f;--shadow-raised:0 4px 8px #0a4e530f, 0 16px 40px #0a4e531a;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.36s;font-family:var(--font-body);line-height:var(--type-body-leading);color:var(--text-body);background:var(--surface-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--surface-page);min-height:100vh;color:var(--text-body);font-family:var(--font-body);margin:0}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-display);color:var(--text-heading)}.ft-overline{font-family:var(--font-display);font-size:var(--type-overline-size);font-weight:var(--type-overline-weight);letter-spacing:var(--type-overline-tracking);text-transform:uppercase;color:var(--text-overline);line-height:1}.ft-logo{font-family:var(--font-logo);font-weight:var(--fw-regular);letter-spacing:var(--type-logo-tracking);text-transform:uppercase}.app{background:var(--surface-page);grid-template-columns:232px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface-inverse);color:var(--text-on-dark);flex-direction:column;gap:1.5rem;padding:1.75rem 0 1.25rem;display:flex}.brand{border-bottom:1px solid #fdf8f02e;align-items:center;gap:.7rem;padding:0 1.375rem 1rem;display:flex}.brand-mark{border-radius:var(--radius-md);background:var(--ft-golden);width:34px;height:34px;color:var(--ft-deep-teal);font-family:var(--font-display);font-weight:var(--fw-bold);flex-shrink:0;place-items:center;font-size:1.05rem;display:grid}.brand-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.brand-name{color:var(--text-on-dark);font-size:.82rem;line-height:1}.brand-tag{color:var(--ft-golden);font-size:.5625rem}.sidebar nav{flex-direction:column;gap:.15rem;display:flex}.nav-item{color:var(--text-on-dark-muted);font-family:var(--font-display);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.12em;transition:color var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out);padding:.7rem 1.375rem;font-size:.66rem;text-decoration:none;position:relative}.nav-item:hover{color:var(--text-on-dark);background:#fdf8f00f}.nav-item.active{color:var(--text-on-dark)}.nav-item.active:before{content:"";background:var(--ft-golden);border-radius:0 3px 3px 0;width:3px;position:absolute;top:7px;bottom:7px;left:0}.sidebar-foot{font-family:var(--font-body);color:var(--text-on-dark-muted);border-top:1px solid #fdf8f02e;margin-top:auto;padding:1rem 1.375rem 0;font-size:.72rem}.main{flex-direction:column;gap:1.5rem;padding:2rem 2.5rem;display:flex}.topbar{justify-content:space-between;align-items:center;display:flex}.topbar h1{font-family:var(--font-display);font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);letter-spacing:var(--type-h1-tracking);line-height:var(--type-h1-leading);color:var(--text-heading);margin:0}.subtitle{font-family:var(--font-body);color:var(--text-muted);margin:.35rem 0 0;font-size:.9rem}.avatar{background:var(--ft-golden);width:42px;height:42px;color:var(--ft-deep-teal);font-family:var(--font-display);font-weight:var(--fw-semibold);border-radius:50%;place-items:center;font-size:.85rem;display:grid}.topbar-user{align-items:center;gap:.75rem;display:flex}.user-email{font-family:var(--font-body);color:var(--text-muted);font-size:.85rem}.bell{position:relative}.bell-button{border:1px solid var(--border-subtle);background:var(--surface-card);cursor:pointer;width:40px;height:40px;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;font-size:1.05rem;display:grid;position:relative}.bell-button:hover{border-color:var(--border-strong)}.bell-pip{border-radius:var(--radius-pill);background:var(--ft-golden);min-width:18px;height:18px;color:var(--ft-deep-teal);font-family:var(--font-display);font-size:.62rem;font-weight:var(--fw-bold);place-items:center;padding:0 4px;display:grid;position:absolute;top:-4px;right:-4px}.bell-panel{z-index:20;width:340px;max-height:60vh;position:absolute;top:52px;right:0;overflow-y:auto}.notif.read p{color:var(--text-muted)}.notif.read .dot{background:var(--ft-medium-grey)}.notif-empty{color:var(--text-muted);font-size:.85rem;list-style:none}.section-body{flex-direction:column;gap:1rem;display:flex}.placeholder{color:var(--text-muted);font-family:var(--font-body);font-size:.9rem}.login-page{background:var(--surface-page);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{text-align:center;flex-direction:column;align-items:center;gap:.85rem;width:100%;max-width:380px;padding:2.25rem 2rem;display:flex}.login-brand{align-items:center;gap:.6rem;display:flex}.login-brand .brand-name{color:var(--text-heading);font-size:.95rem}.login-lead{font-family:var(--font-display);font-size:var(--type-h3-size);color:var(--text-heading);margin:0}.login-sub{font-family:var(--font-body);color:var(--text-muted);margin:0;font-size:.85rem}.gis-button{min-height:40px;margin-top:.5rem}.login-error{font-family:var(--font-body);color:var(--ft-negative);background:var(--ft-negative-soft);border-radius:var(--radius-sm);margin:.25rem 0 0;padding:.5rem .75rem;font-size:.82rem}.boot{background:var(--surface-page);min-height:100vh}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.5rem}.card-head{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.card-head h2{font-family:var(--font-display);font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);color:var(--text-heading);margin:0}.ghost-btn{border:1px solid var(--border-subtle);color:var(--ft-deep-teal);border-radius:var(--radius-xs);font-family:var(--font-display);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;padding:.4rem .85rem;font-size:.66rem}.ghost-btn:hover{color:var(--ft-cream);background:var(--ft-deep-teal);border-color:var(--ft-deep-teal)}.primary-btn{background:var(--cta-primary);border:1px solid var(--cta-primary);color:var(--ft-cream);border-radius:var(--radius-xs);font-family:var(--font-display);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);padding:.5rem 1rem;font-size:.66rem}.primary-btn:hover:not(:disabled){background:var(--ft-teal);border-color:var(--ft-teal)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.back-link{color:var(--ft-deep-teal);font-family:var(--font-display);font-weight:var(--fw-semibold);cursor:pointer;background:0 0;border:none;padding:0;font-size:.72rem}.row-clickable{cursor:pointer}.row-clickable:hover td{color:var(--text-heading)}.detail-head{align-items:center;gap:.85rem;display:flex}.flag-cell{flex-wrap:wrap;gap:.35rem;display:flex}.deck-error{color:var(--ft-negative);font-size:.82rem}.settings{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.settings-row{font-family:var(--font-body);color:var(--text-body);align-items:center;gap:.5rem;margin:0 0 .85rem;font-size:.9rem;display:flex}.settings-note{font-family:var(--font-body);color:var(--text-muted);margin:0 0 1rem;font-size:.82rem;line-height:1.5}.settings-note code{background:var(--surface-muted);border-radius:var(--radius-xs);padding:.1rem .35rem;font-size:.78rem}.health-dot{background:var(--ft-medium-grey);border-radius:50%;flex-shrink:0;width:10px;height:10px}.health-dot.ok{background:var(--ft-positive)}.health-dot.down{background:var(--ft-negative)}.metrics{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.metric{flex-direction:column;gap:.5rem;display:flex}.metric-label{font-family:var(--font-display);font-size:.6rem;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);order:2}.metric-value{font-family:var(--font-display);font-size:1.875rem;font-weight:var(--fw-semibold);letter-spacing:-.02em;color:var(--text-heading);order:1;line-height:1}.metric-change{font-family:var(--font-body);font-size:.8rem;font-weight:var(--fw-semibold);order:3}.metric-change.up{color:var(--ft-positive)}.metric-change.down{color:var(--ft-negative)}.grid{grid-template-columns:1.6fr 1fr;gap:1rem;display:grid}.table{border-collapse:collapse;width:100%;font-family:var(--font-body);color:var(--text-body);font-size:.9rem}.table th{text-align:left;font-family:var(--font-display);font-weight:var(--fw-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--border-subtle);padding-bottom:.75rem;font-size:.66rem}.table td{border-bottom:1px solid var(--border-subtle);padding:.8rem 0}.table tbody tr:last-child td{border-bottom:none}.table tbody td:first-child{font-weight:var(--fw-medium);color:var(--text-heading)}.badge{border-radius:var(--radius-pill);font-family:var(--font-display);font-size:.62rem;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;padding:.22rem .6rem;display:inline-block}.badge.active{background:var(--ft-positive-soft);color:var(--ft-positive)}.badge.onboarding{background:var(--ft-warning-soft);color:var(--ft-warning)}.badge.paused{background:var(--surface-muted);color:var(--ft-medium-grey)}.badge.preliminary,.badge.queued{background:var(--ft-warning-soft);color:var(--ft-warning)}.badge.degraded,.badge.failed{background:var(--ft-negative-soft);color:var(--ft-negative)}.badge.done,.badge.customer{background:var(--ft-positive-soft);color:var(--ft-positive)}.badge.prospect,.badge.generating{background:var(--ft-teal-12);color:var(--ft-deep-teal)}.state-loading,.state-error{color:var(--text-muted);font-family:var(--font-body);font-size:.9rem}.state-error{color:var(--ft-negative)}.activity{flex-direction:column;gap:1.1rem;margin:0;padding:0;list-style:none;display:flex}.activity li{gap:.75rem;display:flex}.activity p{font-family:var(--font-body);color:var(--text-body);margin:0;font-size:.88rem}.activity-time{font-family:var(--font-body);color:var(--text-muted);font-size:.72rem}.dot{background:var(--ft-teal);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.45rem}@media (width<=900px){.app{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;gap:1rem;padding:.75rem 1rem}.brand{border-bottom:none;padding:0}.sidebar nav{flex-flow:wrap;gap:.25rem}.nav-item.active:before{display:none}.nav-item.active{border-radius:var(--radius-xs);background:#fdf8f01a}.sidebar-foot{display:none}.main{padding:1.5rem 1.25rem}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}