:root{--concrete: #EDEFF1;--concrete-2: #E1E5E9;--paper: #FFFFFF;--paper-2: #F7F8F9;--graphite: #1B2229;--graphite-2: #2A333C;--slate: #5B6672;--line: #D5DAE0;--line-soft: #E6E9ED;--tape: #F2C230;--tape-soft: #FBEFC5;--good: #1F7A4D;--watch: #C2410C;--problem: #B42318;--problem-soft: #FDECEA;--focus: #2F6FB0;--head: "Barlow Semi Condensed", "Barlow", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Barlow,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.4;color:var(--graphite);background:var(--concrete);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}#root{min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--graphite)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;background:var(--concrete);padding:1px 6px;border-radius:4px}h1{font-family:var(--head);font-weight:600;font-size:32px;line-height:1.1;margin:0;letter-spacing:.005em}h2{font-family:var(--head);font-weight:600;font-size:19px;line-height:1.2;margin:0 0 12px}.sub{color:var(--slate)}.fine{color:var(--slate);font-size:13.5px;margin:10px 0 0}.empty,.loading{color:var(--slate);margin:6px 0}.primary,.ghost,.danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:6px;padding:9px 16px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;border:1px solid transparent;line-height:1.25}.primary{background:var(--graphite);color:#fff}.primary:hover{background:#000}.ghost{background:var(--paper);color:var(--graphite);border-color:var(--line)}.ghost:hover{border-color:var(--slate)}.danger{background:var(--paper);color:var(--problem);border-color:#e9b4ae}.danger:hover{background:var(--problem-soft)}.primary:disabled,.ghost:disabled,.danger:disabled{opacity:.45;cursor:default}.link{background:none;border:0;padding:0;color:var(--graphite);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:500}.link:disabled{opacity:.45;cursor:default}.danger-link{color:var(--problem)}.app{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.nav{background:var(--graphite);color:#e9ecef;padding:22px 0 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:0 22px 26px}.brand b{font-family:var(--head);font-weight:600;font-size:21px;letter-spacing:.01em;color:#fff}.brand span{display:block;color:#9aa5b1;font-size:13px;margin-top:2px}.nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 22px;color:#c9d0d7;text-decoration:none;font-weight:500;border-left:4px solid transparent}.nav a:hover{background:var(--graphite-2);color:#fff}.nav a.on{border-left-color:var(--tape);background:var(--graphite-2);color:#fff}.count{min-width:22px;padding:0 7px;border-radius:11px;background:var(--problem);color:#fff;font-size:12.5px;font-weight:600;text-align:center;line-height:20px}.nav .spacer{flex:1}.nav .me{padding:0 22px;font-size:13px;color:#9aa5b1;overflow-wrap:anywhere}.nav .out{margin:8px 22px 0;padding:0;background:none;border:0;color:#c9d0d7;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:13.5px;text-align:left}.nav .out:hover{color:#fff}.main{padding:30px 36px 48px;max-width:1220px;min-width:0;width:100%}.tabbar{display:none}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.summary{margin:6px 0 0;color:var(--slate)}.summary b{color:var(--graphite);font-weight:600}.back{display:inline-block;color:var(--slate);text-decoration:none;font-weight:500;margin-bottom:10px}.back:hover{color:var(--graphite);text-decoration:underline;text-underline-offset:3px}.state{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:500}.state:before{content:"";flex:none;width:8px;height:8px;border-radius:2px;background:currentColor}.state.good{color:var(--good)}.state.watch{color:var(--watch)}.state.problem{color:var(--problem)}.state.quiet{color:var(--slate)}.strip{display:block;flex:none}.key{display:flex;align-items:center;gap:14px;margin-top:12px;color:var(--slate);font-size:13px}.banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-radius:8px;margin:14px 0;border:1px solid var(--line);background:var(--paper)}.banner.problem{border-color:#e9b4ae;background:var(--problem-soft);color:var(--problem)}.banner.quiet{background:var(--concrete-2);border-color:var(--line)}.banner .ghost{padding:6px 12px}.err{color:var(--problem);font-weight:500;margin:10px 0 0}.saved{color:var(--good);font-weight:500;margin:10px 0 0}.warn{color:var(--watch)!important;font-weight:600}.tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 12px}.filters{display:flex;gap:4px;background:var(--concrete-2);padding:4px;border-radius:8px}.filters button{border:0;background:none;padding:6px 12px;border-radius:6px;cursor:pointer;color:var(--slate);font-weight:500;white-space:nowrap}.filters button.on{background:var(--paper);color:var(--graphite);box-shadow:0 1px 2px #1b22291f}.filters button i{font-style:normal;color:var(--slate);margin-left:4px}.search{width:280px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--paper)}.sheet{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;font-weight:500;font-size:13px;color:var(--slate);padding:11px 16px;border-bottom:1px solid var(--line);background:var(--paper-2);white-space:nowrap}td{padding:13px 16px;border-bottom:1px solid var(--line-soft);vertical-align:middle}tbody tr:last-child td{border-bottom:0}.num{text-align:right}.clients tbody tr{cursor:pointer}.clients tbody tr:hover td{background:#fafbfb}.clients tbody tr.empty{cursor:default}.clients tbody tr.empty td{color:var(--slate);padding:22px 16px}.who a{display:block;font-weight:600;font-size:15.5px;text-decoration:none}.who a:hover{text-decoration:underline;text-underline-offset:3px}.who span{color:var(--slate);font-size:13.5px}.c-setup .strip{margin-bottom:5px}.c-leads small{display:none}.client-top .title{min-width:0}.client-top h1{overflow-wrap:anywhere}.standing{display:flex;align-items:center;gap:14px;margin:16px 0 0;flex-wrap:wrap}.tabs{display:flex;gap:2px;margin:22px 0 18px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs a{padding:10px 14px;text-decoration:none;color:var(--slate);font-weight:500;border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.tabs a:hover{color:var(--graphite)}.tabs a.on{color:var(--graphite);border-bottom-color:var(--tape);font-weight:600}.tabs a i{font-style:normal;font-size:12px;background:var(--concrete-2);color:var(--slate);border-radius:9px;padding:0 7px;line-height:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:20px 22px;margin-bottom:16px}.card>h2+.fine{margin-top:-6px;margin-bottom:12px}.card h2:not(:first-child){margin-top:22px}.card.needs{border-color:#e9b4ae;border-left:4px solid var(--problem)}.issues{list-style:none;margin:0;padding:0}.issues li{padding:10px 0;border-top:1px solid var(--line-soft)}.issues li:first-child{border-top:0;padding-top:0}.issues p{margin:4px 0 0 15px;color:var(--slate)}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.tile{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.tile span{display:block;color:var(--slate);font-size:13px}.tile b{display:block;font-family:var(--head);font-weight:600;font-size:26px;margin-top:2px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.split .card{margin-bottom:0}.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line-soft)}.steps li:first-child{border-top:0;padding-top:2px}.steps b{display:block;font-weight:600}.steps div span{color:var(--slate);font-size:13.5px}.steps a{font-size:13.5px;font-weight:500;text-underline-offset:3px}.mark{width:18px;height:18px;border-radius:4px;border:1.5px solid var(--graphite);background:var(--paper);position:relative}.steps .done .mark{background:var(--tape)}.steps .done .mark:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid var(--graphite);border-width:0 2px 2px 0;transform:rotate(45deg)}.steps .pending .mark{background:linear-gradient(90deg,var(--tape-soft) 50%,var(--paper) 50%)}.steps .broken .mark{background:var(--problem);border-color:var(--problem)}.facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:9px 18px;margin:0}.facts dt{color:var(--slate)}.facts dd{margin:0;overflow-wrap:anywhere}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}label,.field{display:flex;flex-direction:column;gap:5px;font-weight:500;font-size:14px}.field{margin-top:14px}.label{font-weight:500;font-size:14px}label small,.field small{font-weight:400;color:var(--slate);font-size:13px}input,select{padding:9px 11px;border:1px solid var(--line);border-radius:6px;background:var(--paper);font-weight:400;font-size:15px;min-width:0;width:100%}input::placeholder{color:#a3acb6}input:focus,select:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px #2f6fb02e}.optional{font-weight:400;color:var(--slate);font-size:13px}.actions{display:flex;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}.actions .saved{margin:0}.segmented{display:inline-flex;gap:4px;background:var(--concrete-2);padding:4px;border-radius:8px;flex-wrap:wrap;align-self:flex-start}.segmented button{border:0;background:none;padding:7px 14px;border-radius:6px;cursor:pointer;color:var(--slate);font-weight:500}.segmented button.on{background:var(--paper);color:var(--graphite);box-shadow:0 1px 2px #1b22291f}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid var(--line-soft)}.switch-row:first-of-type{border-top:0;padding-top:0}.switch-row p{margin:3px 0 0;color:var(--slate);font-size:14px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choices button{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:3px}.choices button span{color:var(--slate);font-weight:400;font-size:13.5px}.choices button.on{border-color:var(--graphite);box-shadow:inset 0 0 0 1px var(--graphite);background:#fffdf5}.logins{list-style:none;margin:0;padding:0}.logins li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line-soft)}.logins li:first-child{border-top:0;padding-top:4px}.logins li.off .person b,.logins li.off .avatar{opacity:.55}.avatar{width:40px;height:40px;border-radius:50%;background:var(--concrete-2);display:grid;place-items:center;font-weight:600;font-size:14px;color:var(--graphite)}.person{min-width:0;display:flex;flex-direction:column}.person b{font-weight:600;overflow-wrap:anywhere}.person .sub{font-size:13.5px;overflow-wrap:anywhere}.meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px;font-size:13.5px}.role{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:1px 7px;border-radius:4px;border:1px solid var(--line);color:var(--slate)}.role.owner{background:var(--tape-soft);border-color:#e8d08a;color:var(--graphite)}.row-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end;font-size:14px}.card.sent{border-left:4px solid var(--good)}blockquote{margin:12px 0 0;padding:12px 14px;background:var(--paper-2);border:1px solid var(--line);border-radius:8px}table.plain th{background:none;padding:8px 10px 8px 0}table.plain td{padding:9px 10px 9px 0}table.plain .num{padding-right:0;padding-left:10px}.totals tr.group td{padding-top:20px;font-family:var(--head);font-weight:600;font-size:16px;border-bottom:1px solid var(--line)}.totals tr.total td{font-weight:600;border-top:1px solid var(--line)}.chart svg{display:block;width:100%;height:120px}.chart-axis{display:flex;justify-content:space-between;color:var(--slate);font-size:12.5px;margin-top:4px}.usage .card .fine{margin-top:12px}.usage .totals{max-width:640px}.usage .days{max-width:860px}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.demo-grid .card{margin:0;display:flex;flex-direction:column;align-items:flex-start}.demo-grid .card p{margin:0 0 16px;color:var(--slate);flex:1}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b222973;display:grid;place-items:center;padding:24px;z-index:20}.sheet-panel{background:var(--paper);border-radius:12px;padding:24px;width:min(520px,100%);max-height:calc(100vh - 48px);overflow:auto;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 50px #1b222940}.sheet-panel h2{margin:0;font-size:24px}.sheet-panel .fine{margin:-6px 0 0}.sheet-panel .actions{margin-top:4px}.pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.login{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:var(--graphite)}.login .box{width:min(400px,100%);background:var(--paper);border-radius:12px;padding:30px 28px;display:flex;flex-direction:column;gap:14px;border-top:6px solid var(--tape)}.login h1{font-size:28px}.login .sub{margin:-10px 0 4px;color:var(--slate)}.login .note{margin:0;padding:10px 12px;background:var(--tape-soft);border-radius:6px;font-size:14px}.login .hint{margin:-6px 0 0;color:var(--slate);font-size:13px}.login .err{margin:0}.login .primary{padding:11px 16px;margin-top:4px}.login .link{align-self:flex-start;font-size:14px;color:var(--slate)}@media(max-width:900px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:minmax(0,1fr)}.split .card{margin-bottom:0}.fields{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){body{font-size:16px}.app{grid-template-columns:minmax(0,1fr)}.nav{display:none}.main{padding:20px 16px calc(96px + env(safe-area-inset-bottom))}h1{font-size:28px}.top .primary{padding:9px 14px}.client-top{flex-direction:column;align-items:stretch}.client-top .primary{align-self:flex-start}.tools{flex-direction:column;align-items:stretch;gap:10px}.search{width:100%;padding:10px 12px}.filters{overflow-x:auto;scrollbar-width:none}.filters button{padding:8px 12px}.clients,.clients thead,.clients tbody,.clients tr,.clients td{display:block}.clients thead{display:none}.clients tbody tr{padding:14px 16px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who leads" "setup setup";gap:10px 12px}.clients tbody tr:last-child{border-bottom:0}.clients td{padding:0;border:0}.clients td.who{grid-area:who;min-width:0}.clients td.c-leads{grid-area:leads;text-align:right;font-weight:600}.clients td.c-leads small{display:block;font-weight:400;color:var(--slate);font-size:13px}.clients td.c-setup{grid-area:setup}.clients td.c-texts,.clients td.c-cost,.clients td.c-login{display:none}.key{flex-wrap:wrap;gap:8px}.tabs{margin:18px -16px 16px;padding:0 8px}.tabs a{padding:10px 9px}.card{padding:16px}.logins li{grid-template-columns:40px minmax(0,1fr)}.row-actions{grid-column:1 / -1;justify-content:flex-start}.choices{grid-template-columns:minmax(0,1fr)}.switch-row{flex-direction:column;align-items:flex-start;gap:10px}.demo-grid{grid-template-columns:minmax(0,1fr)}.days .c-calls,.days .c-ai{display:none}.overlay{padding:0;place-items:end stretch}.sheet-panel{width:100%;border-radius:14px 14px 0 0;max-height:92vh;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.pair{grid-template-columns:minmax(0,1fr)}.tabbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--graphite);padding:6px 0 calc(6px + env(safe-area-inset-bottom))}.tabbar a{color:#c9d0d7;text-decoration:none;text-align:center;padding:10px 0;font-weight:500;border-top:3px solid transparent;display:flex;align-items:center;justify-content:center;gap:6px}.tabbar a.on{color:#fff;border-top-color:var(--tape)}.tabbar .count{min-width:20px;font-size:12px;line-height:18px;padding:0 6px}}