:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1b2723;background:#f4f5f1;font-synthesis:none;--ink: #17231f;--muted: #6f7c76;--line: #dfe4dd;--surface: #ffffff;--accent: #28785b;--accent-dark: #1b5d45;--accent-soft: #e2f1e9}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.app-shell{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:30px 20px 24px;background:var(--ink);color:#f4f8f5;display:flex;flex-direction:column}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#8dd4ae;color:#17231f;font-size:22px;font-weight:800}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:22px;line-height:1;letter-spacing:.12em}.brand small{margin-top:5px;color:#91a39b;font-size:10px;letter-spacing:.08em}.sidebar .brand{margin:0 10px 48px}.main-nav{display:grid;gap:8px}.main-nav a{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:11px;color:#aab9b2;font-size:14px;font-weight:600;transition:.18s ease}.main-nav a:hover{color:#fff;background:#21312b}.main-nav a.router-link-active{color:#e9fff2;background:#2b4439}.nav-icon{color:#7f968b;font-size:10px;font-weight:700;letter-spacing:.06em}.main-nav a.router-link-active .nav-icon{color:#8dd4ae}.sidebar-footer{margin-top:auto;padding:18px 12px 0;border-top:1px solid #30413a;display:grid;gap:6px;font-size:13px}.workspace-label{color:#81968c;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.app-content{min-width:0}.topbar{height:75px;padding:0 34px;border-bottom:1px solid var(--line);background:#ffffffb8;display:flex;align-items:center;justify-content:space-between}.environment{color:var(--muted);font-size:12px;font-weight:600}.user-menu{display:flex;align-items:center;gap:11px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-dark);font-size:13px;font-weight:800}.user-copy{display:flex;flex-direction:column;margin-right:10px}.user-copy strong{font-size:12px}.user-copy small{margin-top:2px;color:var(--muted);font-size:10px}.page{padding:36px 34px 48px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:9px;font-size:clamp(28px,3vw,38px);line-height:1.1;letter-spacing:-.04em}.page-heading p{margin:0;color:var(--muted);font-size:13px}.eyebrow{display:block;margin-bottom:10px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.heading-count{color:#a2aea8;font-size:.55em;vertical-align:middle;font-weight:500}.heading-total{display:grid;gap:4px;text-align:right}.heading-total span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.heading-total strong{font-size:22px}.button{min-height:38px;padding:9px 15px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:700;transition:.18s ease}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-dark)}.button-quiet{min-height:32px;padding:6px 10px;border-color:var(--line);background:transparent;color:var(--muted)}.button-quiet:hover{color:var(--ink);background:#fff}.button-wide{width:100%;min-height:46px;margin-top:8px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric-card{min-height:150px;padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--surface);display:flex;flex-direction:column}.metric-card>span{color:var(--muted);font-size:12px;font-weight:600}.metric-card>strong{margin:14px 0 12px;font-size:29px;letter-spacing:-.04em}.metric-card>small{margin-top:auto;color:#89948f;font-size:10px;line-height:1.5}.metric-accent{border-color:#b9d8c8;background:#edf7f1}.metric-warn{border-color:#ead9b6;background:#fffaf0}.metric-revenue{background:var(--ink);color:#fff;border-color:var(--ink)}.metric-revenue>span,.metric-revenue>small{color:#9db0a7}.journey-panel{margin-top:24px;padding:28px;border:1px solid var(--line);border-radius:15px;background:#fff}.journey-panel h2{max-width:500px;margin-bottom:28px;font-size:20px;letter-spacing:-.025em}.journey-line{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0;padding:0;list-style:none}.journey-line li{position:relative;display:grid;gap:5px;padding-right:14px}.journey-line li:not(:last-child):after{content:"";position:absolute;top:13px;left:34px;right:10px;height:1px;background:#cdd9d1}.journey-line li>span{position:relative;z-index:1;width:27px;height:27px;display:grid;place-items:center;margin-bottom:8px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:800}.journey-line strong{font-size:12px}.journey-line small{color:var(--muted);font-size:10px}.create-panel{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr auto;gap:14px;align-items:end;margin-bottom:24px;padding:18px;border:1px solid #c5d9cd;border-radius:13px;background:#f7fbf8}.create-panel-title{align-self:center;display:grid;gap:4px}.create-panel-title strong{font-size:13px}.create-panel-title span{color:var(--muted);font-size:10px}label{display:grid;gap:7px;color:#4e5c55;font-size:11px;font-weight:700}input,select{width:100%;min-height:40px;padding:9px 11px;border:1px solid #d7dfd9;border-radius:8px;outline:none;background:#fff;color:var(--ink);font-size:12px;transition:.15s ease}input:focus,select:focus{border-color:#6dac8f;box-shadow:0 0 0 3px #28785b1a}.form-error{padding:12px 15px;border:1px solid #ecc8c3;border-radius:9px;background:#fff2f0;color:#a13b31;font-size:12px}.loading,.empty-state{padding:40px;color:var(--muted);text-align:center;font-size:13px}.pipeline{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,1fr);gap:13px;overflow-x:auto;padding-bottom:20px}.pipeline-column{min-height:490px;border:1px solid var(--line);border-radius:13px;background:#eceee9;overflow:hidden}.pipeline-column>header{min-height:75px;padding:16px;border-top:3px solid #9aa9a1;background:#fff9;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.pipeline-column>header h2{margin-bottom:4px;font-size:12px;letter-spacing:-.01em}.pipeline-column>header p{margin:0;color:var(--muted);font-size:9px}.pipeline-column>header>span{min-width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#e2e7e1;color:#65746c;font-size:10px;font-weight:800}.column-trial>header,.column-active>header{border-top-color:#5aab82}.column-non_payment>header,.column-renewal>header,.column-payment_issue>header,.column-not_renewed>header{border-top-color:#d4a54d}.column-won>header{border-top-color:#28785b}.column-lost>header,.column-churned>header{border-top-color:#a0a6a2}.pipeline-cards{display:grid;gap:10px;padding:11px}.crm-card{padding:14px;border:1px solid #e0e4de;border-radius:10px;background:#fff;box-shadow:0 2px 3px #17231f06}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:12px}.card-topline time{color:#97a29c;font-size:8px}.source-badge{padding:3px 6px;border-radius:5px;background:#eff3ef;color:#65756c;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.crm-card h3{margin-bottom:5px;font-size:13px;overflow-wrap:anywhere}.card-email{margin-bottom:12px;color:var(--muted);font-size:10px;overflow-wrap:anywhere}.card-meta{min-height:18px;display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px;color:#8a958f;font-size:9px}.stage-select{min-height:33px;padding:6px 8px;background:#fafbf9;font-size:10px}.empty-column{padding:25px 10px;border:1px dashed #cdd3cd;border-radius:9px;color:#9aa39e;text-align:center;font-size:10px}.deal-revenue{display:block;margin:14px 0 10px;font-size:17px;letter-spacing:-.03em}.reactivated-badge{padding:3px 6px;border-radius:5px;background:var(--accent-soft);color:var(--accent-dark)}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{padding:46px 56px;background:var(--ink);color:#fff;display:flex;flex-direction:column}.brand-login .brand-mark{background:#8dd4ae}.login-story-copy{margin:auto 0;max-width:600px}.eyebrow-light{color:#8dd4ae}.login-story h1{margin-bottom:24px;font-size:clamp(40px,5.2vw,69px);line-height:1.08}.login-story-copy p{max-width:480px;color:#a9bbb2;font-size:15px;line-height:1.8}.login-footnote{color:#778f84;font-size:11px}.login-panel{padding:40px;display:grid;place-items:center;background:#f6f7f3}.login-form{width:min(100%,370px);display:grid;gap:18px}.login-form h2{margin-bottom:0;font-size:30px;letter-spacing:-.04em}.login-form>p:not(.form-error){margin-top:-12px;color:var(--muted);font-size:12px;line-height:1.6}.login-form input{min-height:46px}@media(max-width:1050px){.metric-grid,.create-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.create-panel-title{grid-column:1 / -1}.journey-line{grid-template-columns:repeat(3,1fr);row-gap:25px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:16px 20px;display:grid;grid-template-columns:auto 1fr;align-items:center}.sidebar .brand{margin:0}.main-nav{display:flex;justify-content:flex-end;gap:4px}.main-nav a{padding:10px;font-size:11px}.nav-icon,.sidebar-footer{display:none}.topbar{height:62px;padding:0 20px}.environment,.user-copy{display:none}.page{padding:26px 18px}.page-heading{align-items:flex-start}.page-heading p{max-width:340px}.heading-total{display:none}.login-page{display:block}.login-story{min-height:320px;padding:30px}.login-story-copy{margin:60px 0}.login-story h1{font-size:38px}.login-footnote{display:none}.login-panel{padding:50px 25px}}@media(max-width:520px){.metric-grid,.create-panel,.journey-line{grid-template-columns:1fr}.journey-line li:not(:last-child):after{display:none}.brand small{display:none}.main-nav a{font-size:10px}}