:root{--orange:#ff8500;--orange-d:#e07400;--orange-l:#fff4e8;--orange-m:#ffe2c2;--dark:#2f2f2f;--dark-2:#3d3d3d;--bg:#f7f7f8;--card:#fff;--g1:#f4f4f5;--g2:#ececee;--g3:#dcdce0;--g4:#9a9aa2;--ink:#2f2f2f;--ink2:#4b4b52;--mute:#71717a;--line:#ececee;--ok:#16a34a;--bad:#dc2626;--blue:#2563c9;--chart1:#e07400;--chart2:#2563c9;--r:12px;--r-sm:8px;--sh-1:0 1px 2px rgba(24,24,27,.04),0 1px 3px rgba(24,24,27,.05);--sh-2:0 4px 16px -4px rgba(24,24,27,.08),0 2px 6px -2px rgba(24,24,27,.05);--sh-3:0 24px 48px -12px rgba(24,24,27,.18);--font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}html{font-family:var(--font);font-size:14px;color:var(--ink);-webkit-font-smoothing:antialiased}body{margin:0;background:var(--bg);min-height:100vh}a{color:var(--orange-d);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:26px;font-weight:700;letter-spacing:-.025em;margin:0;line-height:1.2}h1 em{font-style:normal;color:var(--orange)}h2{font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0 0 14px}h2 .muted{font-weight:400}.eyebrow{display:block;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--orange-d)}.hint{color:var(--mute);font-size:12.5px;margin:-8px 0 14px}.topbar{position:sticky;top:0;z-index:9;background:#ffffffdb;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.topbar-in{max-width:1480px;margin:0 auto;padding:0 28px;height:64px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none!important;flex:none}.brand img{height:30px;width:auto;display:block}.brand-tag{font-size:11px;font-weight:600;color:var(--orange-d);background:var(--orange-l);padding:3px 8px;border-radius:20px;letter-spacing:.02em}nav{display:flex;align-items:center;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{color:var(--ink2);font-weight:500;padding:8px 12px;border-radius:var(--r-sm);display:flex;align-items:center;gap:7px;white-space:nowrap;text-decoration:none!important;transition:background .15s,color .15s}nav a:hover{background:var(--g1);color:var(--ink)}nav a.on{background:var(--orange-l);color:var(--orange-d);font-weight:600}nav a.icon{margin-left:auto;padding:8px}.pill{font-size:11px;font-weight:600;background:var(--g2);color:var(--ink2);border-radius:20px;padding:1px 7px;line-height:16px}.pill:empty{display:none}.pill.hot{background:var(--bad);color:#fff}nav a.on .pill{background:#fff;color:var(--orange-d)}main{max-width:1480px;margin:0 auto;padding:30px 28px 80px}.top{display:flex;align-items:flex-end;gap:12px;margin-bottom:24px;flex-wrap:wrap}.top .ttl{display:flex;flex-direction:column;gap:6px}.top .sp{flex:1}.top>.muted{padding-bottom:4px}.btn{border:1px solid var(--g3);background:#fff;color:var(--dark);padding:8px 14px;border-radius:var(--r-sm);cursor:pointer;font:inherit;font-weight:600;font-size:13.5px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;box-shadow:var(--sh-1);transition:background .15s,border-color .15s,box-shadow .15s;text-decoration:none!important}.btn:hover{background:var(--g1)}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 1px 2px #e074004d}.btn.primary:hover{background:var(--orange-d);border-color:var(--orange-d)}.btn.danger{color:var(--bad)}.btn.danger:hover{background:#fef2f2;border-color:#fecaca}.btn.sm{padding:5px 10px;font-size:12px}.btn.wide{width:100%;justify-content:center;padding:11px}.btn:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;border:1px solid var(--g3);border-radius:var(--r-sm);padding:9px 11px;background:#fff;color:var(--ink);width:100%;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #ff850026}textarea{resize:vertical;min-height:80px}label{display:block;font-size:12px;font-weight:500;color:var(--mute);margin-bottom:6px}.seg{display:inline-flex;background:var(--g1);border-radius:10px;padding:3px;gap:2px}.seg button{border:0;background:none;font:inherit;font-size:13px;font-weight:500;color:var(--mute);padding:6px 12px;border-radius:7px;cursor:pointer}.seg button.on{background:#fff;color:var(--ink);box-shadow:var(--sh-1);font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;box-shadow:var(--sh-1)}.card.feature{box-shadow:var(--sh-2)}.grid{display:grid;gap:18px}.two{grid-template-columns:1.4fr 1fr}.halves{grid-template-columns:1fr 1fr}.thirds{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:1050px){.two,.halves{grid-template-columns:1fr}}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:20px}.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;box-shadow:var(--sh-1);position:relative;overflow:hidden}.kpi .n{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-top:6px;font-variant-numeric:tabular-nums}.kpi .l{color:var(--mute);font-size:12.5px;font-weight:500}.kpi .s{color:var(--g4);font-size:12px;margin-top:4px}.kpi.accent:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--orange)}.kpi.click{cursor:pointer;transition:box-shadow .15s,transform .15s}.kpi.click:hover{box-shadow:var(--sh-2);transform:translateY(-1px)}.bar{display:flex;align-items:center;gap:12px;margin:9px 0;font-size:13px;cursor:pointer}.bar:hover .lb{color:var(--orange-d)}.bar .lb{width:140px;flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar .tr{flex:1;background:var(--g1);height:10px;border-radius:6px;overflow:hidden}.bar .fl{display:block;height:100%;min-width:3px;border-radius:6px}.bar .ct{width:42px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 8px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap;background:color-mix(in srgb,var(--c) 11%,#fff);color:color-mix(in srgb,var(--c) 70%,#111)}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c)}.tag{display:inline-block;background:var(--g1);color:var(--ink2);border-radius:6px;padding:1px 7px;font-size:11px;margin:5px 3px 0 0}.due{color:var(--bad);font-weight:600}.muted{color:var(--mute)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.filters input{width:280px}.filters select{width:auto;min-width:130px}.tablewrap{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:auto;box-shadow:var(--sh-1)}.tablewrap table{min-width:1100px}.tablewrap td:nth-child(2){min-width:270px}.tablewrap td:nth-child(4){min-width:220px}.tablewrap td:nth-child(9){white-space:nowrap}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;color:var(--mute);font-weight:500;padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fafafa;position:sticky;top:0}th.nos{cursor:default}td{padding:12px 14px;border-bottom:1px solid var(--g1);vertical-align:top}tbody tr:last-child td{border-bottom:0}tr.row{transition:background .1s}tr.row:hover td{background:#fffaf4;cursor:pointer}td .sub{color:var(--mute);font-size:12px;margin-top:2px}.pager{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-top:12px;color:var(--mute)}.pager select{width:auto}.bulk{display:flex;gap:8px;align-items:center;background:var(--dark);color:#fff;padding:9px 14px;border-radius:var(--r);margin-bottom:12px;flex-wrap:wrap;box-shadow:var(--sh-2)}.bulk select,.bulk input{width:auto;padding:6px 9px}.bulk .btn:not(.primary){background:transparent;color:#fff;border-color:#555;box-shadow:none}.stable{min-width:0!important}.stable th{background:none;cursor:default;padding:8px 10px}.stable td{padding:10px;vertical-align:middle;font-variant-numeric:tabular-nums}.stable td:first-child{font-weight:500}.stable .num{text-align:right}.meter{display:inline-block;width:70px;height:6px;background:var(--g1);border-radius:4px;vertical-align:middle;margin-left:8px;overflow:hidden}.meter i{display:block;height:100%;background:var(--chart1);border-radius:4px}.kanban{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 14px;align-items:flex-start}.col{background:var(--g1);border-radius:var(--r);width:272px;flex:none;display:flex;flex-direction:column;max-height:calc(100vh - 180px)}.col h3{font-size:13px;font-weight:600;margin:0;padding:13px 14px 2px;display:flex;gap:8px;align-items:center}.col h3:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}.col h3 .ct{margin-left:auto;color:var(--mute);font-weight:500;font-size:12px;background:#fff;padding:1px 8px;border-radius:20px}.col .val{font-size:12px;color:var(--mute);padding:2px 14px 4px 30px}.col .cards{padding:8px;overflow-y:auto;min-height:70px;flex:1;border-radius:0 0 var(--r) var(--r);transition:background .15s}.col.over .cards{background:var(--orange-m)}.kcard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 12px;margin-bottom:8px;cursor:grab;font-size:13px;box-shadow:var(--sh-1);transition:box-shadow .15s,transform .15s}.kcard:hover{box-shadow:var(--sh-2);transform:translateY(-1px)}.kcard b{display:block;font-weight:600}.kcard .sub{color:var(--mute);font-size:12px;margin-top:2px}.kcard.dragging{opacity:.45}.drawer-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#18181b47;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:none;z-index:10}.drawer{position:fixed;top:10px;right:10px;bottom:10px;width:min(660px,calc(100vw - 20px));background:#fff;z-index:11;transform:translate(110%);transition:transform .25s cubic-bezier(.2,.8,.2,1);overflow-y:auto;border-radius:16px;box-shadow:var(--sh-3)}.drawer.open{transform:none}.drawer-bg.open{display:block}.dh{padding:22px 26px 18px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:flex-start;position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.dh h2{font-size:21px;margin:4px 0;letter-spacing:-.02em}.db{padding:20px 26px 40px}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form .full{grid-column:1/-1}.x{margin-left:auto;background:var(--g1);border:0;width:34px;height:34px;font-size:20px;cursor:pointer;color:var(--ink2);line-height:1;border-radius:50%}.x:hover{background:var(--g2)}.statusrow{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 4px}.statusrow button{border:1px solid var(--g3);background:#fff;border-radius:20px;padding:5px 11px;font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:.15s}.statusrow button:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}.statusrow button:hover{background:var(--g1)}.statusrow button.on{background:color-mix(in srgb,var(--c) 12%,#fff);border-color:var(--c);font-weight:600}.logbox{background:#fffaf4;border:1px solid var(--orange-m);padding:14px;margin:20px 0 24px;border-radius:var(--r)}.actbox{display:flex;gap:8px;margin-bottom:8px;align-items:center;flex-wrap:wrap}.actbox:last-child{margin-bottom:0}.actbox select{width:130px}.actbox input{flex:1}.actbox input[type=date]{flex:none;width:160px}.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:10px 0 12px 22px;border-left:2px solid var(--g2);margin-left:5px;position:relative;font-size:13px}.timeline li:before{content:"";position:absolute;left:-6px;top:14px;width:10px;height:10px;border-radius:50%;background:var(--g3);box-shadow:0 0 0 3px #fff}.timeline li.call:before,.timeline li.email:before,.timeline li.meeting:before{background:var(--orange)}.timeline li.status:before{background:var(--dark)}.timeline li.form:before{background:#0ea5e9}.timeline .when{color:var(--g4);font-size:11.5px;margin-top:3px}.timeline .del{float:right;opacity:0;cursor:pointer;color:var(--mute);border:0;background:none;font-size:16px}.timeline li:hover .del{opacity:1}.extra{font-size:12.5px;display:grid;grid-template-columns:auto 1fr;gap:5px 14px;background:var(--g1);padding:12px 14px;border-radius:var(--r-sm);margin:0}.extra dt{color:var(--mute)}.extra dd{margin:0;word-break:break-word}.drop{display:block;border:2px dashed var(--g3);border-radius:var(--r);padding:56px 20px;text-align:center;background:#fff;cursor:pointer;transition:.15s;font-size:14px;color:var(--ink);font-weight:400}.drop.over,.drop:hover{border-color:var(--orange);background:var(--orange-l)}.drop b{font-size:18px;display:block;margin-bottom:6px;letter-spacing:-.01em}.steps{display:flex;gap:8px;margin-bottom:20px;font-size:13px;font-weight:500}.steps span{padding:6px 14px;border-radius:20px;background:var(--g2);color:var(--mute)}.steps span.on{background:var(--dark);color:#fff}.map td,.map th{font-size:12.5px}.map select{min-width:160px;font-size:12.5px;padding:6px 8px}.samp{color:var(--mute);max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}.result{font-size:15px;line-height:2}.result b{font-size:24px;font-weight:700}.chart{position:relative;width:100%}.chart svg{display:block;width:100%;height:auto;overflow:visible}.chart .grid-l{stroke:var(--g2);stroke-width:1}.chart .axis-t{fill:var(--mute);font-size:11px;font-family:var(--font)}.chart .hit{fill:transparent;cursor:default}.chart .hit:hover{fill:#18181b09}.legend{display:flex;gap:16px;font-size:12.5px;color:var(--ink2);margin:-4px 0 10px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.funnel .row{display:grid;grid-template-columns:120px 1fr 118px;gap:12px;align-items:center;margin:10px 0;font-size:13px}.funnel .tr{height:26px;background:var(--g1);border-radius:6px;overflow:hidden}.funnel .fl{height:100%;background:var(--chart1);border-radius:6px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;color:#fff;font-weight:600;font-size:12px;min-width:30px}.funnel .pc{white-space:nowrap;text-align:right;color:var(--mute);font-size:12px;font-variant-numeric:tabular-nums}.funnel .pc b{color:var(--ink);font-size:13px}.tip{position:fixed;pointer-events:none;background:var(--dark);color:#fff;padding:8px 11px;border-radius:8px;font-size:12px;line-height:1.5;box-shadow:var(--sh-2);opacity:0;transition:opacity .1s;z-index:30;white-space:nowrap}.tip.show{opacity:1}.tip i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}code,pre{background:#1f1f23;color:#f5f5f5;border-radius:var(--r-sm);font-size:12px}pre{padding:14px 16px;overflow:auto;white-space:pre-wrap;word-break:break-all}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%) translateY(90px);background:var(--dark);color:#fff;padding:11px 18px;border-radius:10px;transition:.25s cubic-bezier(.2,.8,.2,1);z-index:20;pointer-events:none;font-weight:500;box-shadow:var(--sh-3)}.toast.show{transform:translate(-50%)}.toast.err{background:var(--bad)}.empty{text-align:center;padding:50px 20px;color:var(--mute)}.empty h2{color:var(--ink);font-size:20px}.setlist .it{display:flex;gap:8px;align-items:center;margin-bottom:6px}.setlist input[type=color]{width:42px;padding:2px;height:37px;flex:none}.setlist input[type=checkbox]{width:auto}.setlist label{font-size:12px}.chk{width:16px;height:16px;accent-color:var(--orange)}@media(max-width:900px){.topbar-in{height:auto;flex-wrap:wrap;padding:10px 16px;gap:10px}.brand{flex:1}nav{order:3;flex:1 0 100%}nav a.icon{margin-left:0}main{padding:20px 16px 50px}.form{grid-template-columns:1fr}.filters input{width:100%}.kpis{grid-template-columns:1fr 1fr}.funnel .row{grid-template-columns:90px 1fr 70px}}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:4px 0 14px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{border:0;background:none;font:inherit;font-weight:500;color:var(--mute);padding:10px 14px 11px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:8px 8px 0 0;transition:color .15s,background .15s}.tabs button:hover{color:var(--ink);background:var(--g1)}.tabs button i{width:7px;height:7px;border-radius:50%;background:var(--c)}.tabs button span{font-size:11.5px;font-weight:600;background:var(--g2);color:var(--ink2);padding:1px 7px;border-radius:20px;font-variant-numeric:tabular-nums}.tabs button.on{color:var(--ink);font-weight:600;border-bottom-color:var(--orange)}.tabs button.on span{background:var(--orange-l);color:var(--orange-d)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--g1);border:1px solid var(--g2);border-radius:20px;padding:4px 4px 4px 11px;font-size:12.5px}.chip button{border:0;background:none;color:var(--g4);cursor:pointer;font-size:15px;line-height:1;width:20px;height:20px;border-radius:50%}.chip button:hover{background:var(--g2);color:var(--ink)}@media(min-width:1000px){.span2{grid-column:span 2}}.setlist .it input:not([type]){min-width:0}.crumbs{display:flex;align-items:center;gap:8px;margin:-6px 0 14px;font-size:13px;font-weight:500}.crumbs .sp{flex:1}.crumbs .btn.sm{padding:4px 10px;font-size:14px}.lead-head{margin-bottom:18px}.lead-head .ttl .muted{font-size:14px;margin-top:2px}.statuscard{padding:16px 20px;margin-bottom:14px}.statuscard .statusrow button{padding:7px 13px;font-size:13px}.facts{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1);margin-bottom:18px}.facts div{padding:13px 18px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:3px;min-width:0}.facts div:first-child{border-left:0}.facts span{font-size:12px;color:var(--mute)}.facts b{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start}.side-col{display:flex;flex-direction:column;gap:18px;position:sticky;top:84px}.side-col .card:last-child{max-height:calc(100vh - 420px);min-height:220px;overflow-y:auto}.logbox.card{margin:0;background:#fffaf4;border-color:var(--orange-m)}.logbox textarea{min-height:76px;background:#fff}.logbox .actbox label{white-space:nowrap}.logbox .actbox input[type=date]{width:150px}.formbar{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:4px}#dirty{font-size:12.5px;color:var(--orange-d);font-weight:500}@media(max-width:1050px){.lead-grid{grid-template-columns:1fr}.side-col{position:static}.side-col .card:last-child{max-height:none}.facts{grid-template-columns:repeat(3,1fr)}.facts div:nth-child(4){border-left:0}.facts div:nth-child(n+4){border-top:1px solid var(--line)}}@media(max-width:600px){.facts{grid-template-columns:1fr 1fr}.facts div{border-left:0!important;border-top:1px solid var(--line)}.facts div:nth-child(-n+2){border-top:0}.facts div:nth-child(2n){border-left:1px solid var(--line)!important}}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(380px,100%);padding:34px 32px;box-shadow:var(--sh-2)}.login-card img{height:38px}nav a.icon-text{cursor:pointer;color:var(--mute);font-size:13px}nav a.icon-text:hover{color:var(--ink)}a.bar{text-decoration:none!important}
