:root{--ink:#0d0d0d;--ink-2:#2d2d2d;--muted:#5d5d5d;--line:#e4e4e4;--soft:#f5f5f5;--bg:#ffffff;--accent:#4227d7;--accent-soft:#ece9fd;--good:#0f7a3d;--good-soft:#e3f5ea;--warn:#9a5b00;--warn-soft:#fdf1dc;--bad:#b3261e;--bad-soft:#fbe7e6;--radius:10px;--sans:Montserrat,Helvetica,Arial,sans-serif;--serif:"Bodoni Moda",Didot,Georgia,serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0}h1{font-family:var(--serif);font-weight:400;font-size:32px;line-height:1.15}h2{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{background:var(--ink);color:#fff;padding:24px 16px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:14px}.brand small{display:block;font-family:var(--serif);font-weight:400;letter-spacing:0;text-transform:none;font-size:13px;color:#bdbdbd;margin-top:2px}.nav{margin-top:28px;display:flex;flex-direction:column;gap:2px}.nav a{color:#d9d9d9;padding:9px 12px;border-radius:8px;font-weight:500}.nav a:hover{background:#1f1f1f;color:#fff;text-decoration:none}.side form{margin-top:24px}.side .linkish{background:none;border:0;color:#9a9a9a;cursor:pointer;padding:9px 12px;font:inherit}.main{padding:32px 40px 64px;max-width:1280px;width:100%}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.head p{margin:6px 0 0;color:var(--muted)}.grid{display:grid;grid-gap:16px;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:#fff}.card h2{margin-bottom:12px}.stat .n{font-size:30px;font-weight:700;line-height:1.1}.stat .l{color:var(--muted);font-size:12px;margin-top:4px}.section{margin-top:28px}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--soft);font-weight:700;white-space:nowrap}tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.empty{color:var(--muted);padding:28px;text-align:center}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;background:var(--soft);color:var(--ink-2);white-space:nowrap}.pill.good{background:var(--good-soft);color:var(--good)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.acc{background:var(--accent-soft);color:var(--accent)}.row,form.stack{display:grid;grid-gap:12px;gap:12px}.row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}label{display:grid;grid-gap:4px;gap:4px;font-size:12px;font-weight:600;color:var(--ink-2)}input,select,textarea{font:inherit;padding:9px 11px;border:1px solid #cfcfcf;border-radius:8px;background:#fff;color:var(--ink);width:100%;min-height:40px}textarea{min-height:84px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:#fff;font:inherit;font-weight:700;font-size:13px;letter-spacing:.04em;cursor:pointer;white-space:nowrap}.btn,.btn:hover{text-decoration:none}.btn:hover{background:#2a2a2a}.btn.ghost{background:#fff;color:var(--ink)}.btn.ghost:hover{background:var(--soft)}.btn.small{min-height:32px;padding:0 12px;font-size:12px}.inline{display:inline}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar input[type=search]{width:260px}details.add{border:1px dashed #cfcfcf;border-radius:var(--radius);padding:14px 18px;margin-bottom:20px}details.add summary{cursor:pointer;font-weight:700}details.add[open] summary{margin-bottom:14px}.note{background:var(--warn-soft);color:#5c3a00;border-radius:var(--radius);padding:12px 16px;margin-bottom:20px}.muted{color:var(--muted)}.small{font-size:12px}.kanban{display:grid;grid-template-columns:repeat(6,minmax(200px,1fr));grid-gap:12px;gap:12px;overflow-x:auto;padding-bottom:8px}.col{background:var(--soft);border-radius:var(--radius);padding:12px;min-height:200px}.col h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:flex;justify-content:space-between}.lead{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:8px}.lead .t{font-weight:700}.lead form{margin-top:8px;display:flex;gap:6px}.lead select{min-height:32px;padding:4px 8px;font-size:12px}.timeline{list-style:none;margin:0;padding:0}.timeline li{padding:10px 0;border-bottom:1px solid var(--line)}.timeline li:last-child{border-bottom:0}.public{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:linear-gradient(180deg,#ffffff,#cfc9f5 45%,#c1f8d3 78%,#fecec1)}.pcard{background:#fff;border-radius:18px;padding:40px 32px;max-width:520px;width:100%;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.08)}.pcard .kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--muted)}.pcard h1{font-size:40px;margin-top:10px}.pcard p{color:var(--ink-2);font-size:16px}.coupon{margin:24px auto;border:2px dashed var(--ink);border-radius:14px;padding:22px}.coupon .amt{font-family:var(--serif);font-size:56px;line-height:1}.coupon .code{margin-top:12px;font-size:22px;font-weight:900;letter-spacing:.14em}.coupon .terms{margin-top:10px;font-size:12px;color:var(--muted)}.pcard .actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px}.vt{display:grid;grid-template-columns:300px 1fr;border:1px solid var(--line);border-radius:var(--radius);min-height:480px;overflow:hidden}.vt-list{border-right:1px solid var(--line);overflow-y:auto;max-height:72vh}.vt-item{display:grid;grid-gap:2px;gap:2px;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--ink)}.vt-item:hover{background:var(--soft);text-decoration:none}.vt-item.on{background:var(--accent-soft)}.vt-item.unread .vt-name{font-weight:700}.vt-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.vt-name{display:inline-flex;align-items:center;gap:6px;font-weight:500;min-width:0}.vt-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}.vt-snip{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-pane{display:flex;flex-direction:column;min-width:0;padding:16px 20px}.vt-pane-head{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.vt-msgs{display:grid;grid-gap:10px;gap:10px;padding:16px 0;flex:1 1;align-content:start;overflow-y:auto;max-height:56vh}.vt-msg{max-width:80%;padding:10px 12px;border-radius:10px;background:#f5f5f7}.vt-msg.me{justify-self:end;background:#f1efff}.vt-body{white-space:pre-wrap;margin-top:4px}.vt-compose{border-top:1px solid var(--line);padding-top:12px}@media (max-width:860px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;padding:16px}.nav{flex-direction:row;flex-wrap:wrap;margin-top:12px}.main{padding:20px 16px 48px}.g2,.g3,.g4{grid-template-columns:1fr 1fr}.toolbar input[type=search]{width:100%}.vt{grid-template-columns:1fr}.vt-list{border-right:0;border-bottom:1px solid var(--line);max-height:240px}.vt-msg{max-width:92%}}@media (max-width:520px){.g2,.g3,.g4{grid-template-columns:1fr}}@media print{.public{background:#fff}.pcard{box-shadow:none}.pcard .actions{display:none}}.claim-form{display:grid;grid-gap:14px;gap:14px;margin-top:22px;text-align:left}.claim-form label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.claim-form .opt{font-weight:500;text-transform:none;letter-spacing:0;color:var(--muted)}.claim-form .btn{width:100%;min-height:48px;margin-top:4px;font-size:14px;letter-spacing:.12em;text-transform:uppercase}.claim-form .btn:disabled{opacity:.6;cursor:default}.claim-error{margin:0;color:#b42318;font-size:14px}.claim-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.ct-list{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}.ct-row+.ct-row{border-top:1px solid var(--line)}.ct-row>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:14px minmax(180px,1.2fr) auto minmax(200px,2.6fr) auto;grid-gap:14px;gap:14px;align-items:center;padding:14px 18px}.ct-row>summary::-webkit-details-marker{display:none}.ct-row>summary:hover{background:var(--soft)}.ct-row[open]>summary{background:var(--accent-soft)}.ct-chev{width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform .15s ease}.ct-row[open] .ct-chev{transform:rotate(45deg)}.ct-client,.ct-vendor{display:grid;min-width:0}.ct-client span:last-child,.ct-vendor b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct-tags{display:flex;gap:6px;flex-wrap:wrap}.pill.ct-auto{background:var(--ink);color:#fff;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.ct-last{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;min-width:0}.ct-last,.ct-time{white-space:nowrap}.ct-body{padding:4px 18px 18px 46px;border-top:1px solid var(--line)}.ct-meta{display:flex;flex-wrap:wrap;gap:6px 18px;padding:12px 0}.ct-msgs{display:grid;grid-gap:10px;gap:10px;padding:4px 0 8px}.ct-msg{max-width:78%;padding:10px 12px;border-radius:10px;background:#f5f5f7}.ct-msg--lead_planner{justify-self:end;background:#f1efff}.ct-msg--vendor{background:#fbf1e8}.ct-text{white-space:pre-wrap;margin-top:4px}.ct-compose{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.ct-compose-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ct-compose-bar select{width:auto;min-width:240px}@media (max-width:1000px){.ct-row>summary{grid-template-columns:14px 1fr auto}.ct-client,.ct-last{grid-column:2/-1}.ct-time{grid-column:3;grid-row:1}.ct-tags{grid-column:2/-1}.ct-body{padding-left:18px}.ct-msg{max-width:92%}}.ct-ap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 14px;margin-bottom:8px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.ct-switch-form{gap:8px}.ct-switch,.ct-switch-form{display:inline-flex;align-items:center}.ct-switch{gap:10px;background:none;border:0;padding:0;font:inherit;font-weight:700;font-size:13px;color:var(--ink);cursor:pointer}.ct-switch .ct-knob{position:relative;width:38px;height:22px;border-radius:999px;background:#cfcfcf;transition:background .15s ease;flex:none}.ct-switch .ct-knob:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s ease}.ct-switch.on .ct-knob{background:var(--ink)}.ct-switch.on .ct-knob:after{transform:translateX(16px)}.ct-switch:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.ct-switch:disabled{opacity:.6;cursor:progress}.ct-ap-log{flex-basis:100%}.ct-ap-log summary{cursor:pointer;color:var(--accent);font-weight:600}.ct-ap-log ul{margin:6px 0 0;padding-left:18px;color:var(--ink-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}