:root{
  color-scheme:dark;
  --bg:#07090f;
  --panel:#0d111b;
  --panel-2:#111725;
  --panel-3:#151c2c;
  --border:#202a3b;
  --border-soft:#182131;
  --text:#f5f7fb;
  --muted:#8995aa;
  --muted-2:#667287;
  --brand:#765dff;
  --brand-2:#9a86ff;
  --green:#33d69f;
  --amber:#f4b942;
  --red:#ff647c;
  --blue:#66a3ff;
  --sidebar:244px;
  --radius:14px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}
body{min-height:100vh;background-image:radial-gradient(circle at 52% -20%,rgba(118,93,255,.12),transparent 34rem)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.app{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--border-soft);background:rgba(8,11,18,.94);padding:22px 16px;display:flex;flex-direction:column}
.logo{display:flex;align-items:center;gap:11px;padding:0 9px 22px}
.logo-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--brand),#4b6cff);display:grid;place-items:center;font-size:13px;font-weight:900;box-shadow:0 8px 24px rgba(118,93,255,.2)}
.logo-title{font-weight:760;letter-spacing:-.02em}.logo-sub{font-size:11px;color:var(--muted);margin-top:2px}
.nav-group{margin:10px 0 18px}.nav-title{padding:0 11px 7px;color:var(--muted-2);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.12em}
.nav-link{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:9px;color:#a8b2c4;font-size:13px;font-weight:560;margin:2px 0}.nav-link:hover{background:#111724;color:#eef2fb}.nav-link.active{background:#171d2c;color:#fff;box-shadow:inset 0 0 0 1px #252f42}.nav-icon{width:17px;text-align:center;color:#79869a}
.sidebar-foot{margin-top:auto;padding:12px 10px;border-top:1px solid var(--border-soft)}.sidebar-foot a{color:var(--muted);font-size:12px}.sidebar-foot a:hover{color:#fff}.version{font-size:10px;color:#4f5969;margin-top:8px}
.main{min-width:0}.content{max-width:1520px;margin:0 auto;padding:34px 38px 60px}
.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.eyebrow{font-size:11px;color:var(--brand-2);font-weight:750;letter-spacing:.11em;text-transform:uppercase;margin-bottom:7px}.page-title{font-size:27px;letter-spacing:-.035em;font-weight:760;margin:0}.page-desc{color:var(--muted);font-size:13px;margin-top:7px;max-width:720px;line-height:1.55}.head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#151c2a;border:1px solid #293348;color:#e9edf5;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:650;white-space:nowrap}.btn:hover{background:#1b2435;border-color:#36445d}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:#8069ff}.btn.success{background:#123126;border-color:#1f6049;color:#8cf0c8}.btn.danger{background:#2c161d;border-color:#5c2936;color:#ff9cac}.btn.ghost{background:transparent}.btn.small{padding:6px 9px;font-size:11px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi-card{background:linear-gradient(180deg,#101521,#0d121c);border:1px solid var(--border);border-radius:var(--radius);padding:16px;min-height:112px}.kpi-label{font-size:11px;color:var(--muted);font-weight:650}.kpi-value{font-size:27px;font-weight:760;letter-spacing:-.035em;margin-top:12px}.kpi-note{font-size:10px;color:var(--muted-2);margin-top:7px}
.grid-2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:16px}.grid-2.equal{grid-template-columns:1fr 1fr}.section{margin-top:16px}.card{background:rgba(13,17,27,.92);border:1px solid var(--border);border-radius:var(--radius)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border-soft)}.card-title{font-size:13px;font-weight:700}.card-sub{font-size:11px;color:var(--muted);margin-top:3px}.card-body{padding:18px}
.pipeline-mini{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.stage{background:#0b1019;border:1px solid var(--border-soft);border-radius:10px;padding:12px}.stage-name{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.stage-count{font-size:22px;font-weight:750;margin-top:8px}.stage-bar{height:3px;border-radius:999px;background:#242d3d;margin-top:11px;overflow:hidden}.stage-bar>span{display:block;height:100%;background:var(--brand)}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:920px}.table th{text-align:left;padding:11px 14px;color:var(--muted-2);font-size:10px;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border-soft);font-weight:720}.table td{padding:12px 14px;border-bottom:1px solid #141c2a;font-size:12px;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#101723}.lead-name{font-weight:680;color:#f2f5fa}.subline{color:var(--muted);font-size:10px;margin-top:4px}.nowrap{white-space:nowrap}.truncate{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#aab4c6}
.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #2a3548;background:#151d2c;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:680;color:#b9c3d4;text-transform:capitalize}.pill.green{background:#10281f;border-color:#1e5944;color:#84e9bf}.pill.amber{background:#2a2110;border-color:#5d4820;color:#f6cf77}.pill.red{background:#2a151b;border-color:#5c2936;color:#ff99a9}.pill.purple{background:#1e1938;border-color:#40356d;color:#c1b4ff}.score{font-weight:760;font-variant-numeric:tabular-nums}.score.hot{color:var(--green)}.score.warm{color:var(--amber)}
.empty{padding:48px 18px;text-align:center;color:var(--muted);font-size:12px}.empty strong{display:block;color:#e9edf5;font-size:14px;margin-bottom:6px}
.bars{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(120px,2fr) 32px;align-items:center;gap:10px;font-size:11px}.bar-name{color:#b8c2d3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:6px;background:#171e2b;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--brand),#6d98ff);border-radius:999px}.bar-count{text-align:right;color:var(--muted)}
.priority-list{display:grid}.priority{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--border-soft)}.priority:last-child{border-bottom:0}.priority-score{width:38px;height:38px;border-radius:10px;background:#151d2c;display:grid;place-items:center;font-weight:760;font-size:11px}.priority-title{font-size:12px;font-weight:680}.priority-meta{font-size:10px;color:var(--muted);margin-top:4px}.priority-value{font-size:11px;color:#dbe1eb}
.filters{display:flex;gap:8px;flex-wrap:wrap}.input,.select,.textarea{width:100%;background:#0a0f18;border:1px solid #273246;color:#eef2f8;border-radius:9px;padding:9px 10px;font-size:12px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#5f52bd;box-shadow:0 0 0 3px rgba(118,93,255,.09)}.select{width:auto;min-width:135px}.filter-search{width:230px}.label{display:grid;gap:6px;color:#909caf;font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.05em}.textarea{min-height:96px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}
.kanban{display:grid;grid-template-columns:repeat(5,minmax(235px,1fr));gap:12px;overflow:auto;padding-bottom:8px}.kanban-col{background:#0b1019;border:1px solid var(--border-soft);border-radius:12px;min-height:360px}.kanban-head{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid var(--border-soft)}.kanban-name{font-size:11px;font-weight:720;text-transform:capitalize}.kanban-count{font-size:10px;color:var(--muted);background:#161e2c;border-radius:999px;padding:3px 7px}.kanban-body{padding:9px;display:grid;gap:8px;align-content:start}.lead-card{display:block;background:#101723;border:1px solid #1f2a3b;border-radius:10px;padding:12px;transition:.15s ease}.lead-card:hover{transform:translateY(-1px);border-color:#344258}.lead-card-top{display:flex;justify-content:space-between;gap:8px}.lead-card-name{font-size:12px;font-weight:700}.lead-card-problem{font-size:10px;color:var(--muted);line-height:1.45;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lead-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:11px;padding-top:9px;border-top:1px solid #1a2230;font-size:9px;color:var(--muted)}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:16px}.lead-hero{padding:20px}.hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.hero-title{font-size:24px;font-weight:760;letter-spacing:-.03em}.hero-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.big-score{min-width:78px;text-align:center;background:#101722;border:1px solid var(--border);border-radius:12px;padding:11px}.big-score strong{display:block;font-size:24px}.big-score span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.info{background:#0a0f18;border:1px solid var(--border-soft);border-radius:10px;padding:12px}.info-label{font-size:9px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.06em}.info-value{font-size:12px;color:#eef2f8;margin-top:6px;word-break:break-word}.copy-block{margin-top:12px;padding:14px;background:#0a0f18;border:1px solid var(--border-soft);border-radius:10px}.copy-label{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);margin-bottom:7px}.copy-text{font-size:12px;color:#c8d0dd;line-height:1.55;white-space:pre-wrap}

.conversation-card{overflow:hidden}.conversation-summary{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(135deg,rgba(118,93,255,.12),rgba(102,163,255,.06));border:1px solid #2b3150;border-radius:11px}.conversation-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#1b2140;color:#c7bcff;font-weight:800}.conversation-title{font-size:12px;font-weight:720}.conversation-meta{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.45}.priority-value{font-weight:650}.kpi-card:nth-child(3),.kpi-card:nth-child(4){border-color:#2d314d}.kpi-card:nth-child(4) .kpi-value{color:#ff9cac}.kpi-card:nth-child(7) .kpi-value{color:#84e9bf}
.timeline{display:grid;gap:0}.event{display:grid;grid-template-columns:12px 1fr;gap:10px;position:relative;padding-bottom:16px}.event:before{content:"";position:absolute;left:5px;top:13px;bottom:-2px;width:1px;background:#222c3c}.event:last-child:before{display:none}.event-dot{width:11px;height:11px;border-radius:50%;background:#293449;border:2px solid #111725;margin-top:3px}.event-title{font-size:11px;color:#d7dde7}.event-meta{font-size:9px;color:var(--muted-2);margin-top:3px}.note{padding:11px 0;border-bottom:1px solid var(--border-soft)}.note:last-child{border-bottom:0}.note-text{font-size:11px;color:#cbd3df;line-height:1.55;white-space:pre-wrap}.note-meta{font-size:9px;color:var(--muted-2);margin-top:6px}
.login-shell,.public-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:#0d121c;border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.login-logo{display:flex;align-items:center;gap:11px;margin-bottom:26px}.login-title{font-size:22px;font-weight:760;letter-spacing:-.03em}.login-copy{color:var(--muted);font-size:12px;line-height:1.55;margin:8px 0 22px}.stack{display:grid;gap:12px}.error{background:#2c151c;border:1px solid #632a39;color:#ff9bad;border-radius:9px;padding:9px 11px;font-size:11px}.public-wrap{width:min(900px,100%)}.public-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.public-card{background:#0e131e;border:1px solid var(--border);border-radius:18px;padding:26px}.public-title{font-size:29px;font-weight:760;letter-spacing:-.04em;max-width:690px}.public-copy{color:var(--muted);font-size:13px;line-height:1.65;max-width:700px;margin:10px 0 24px}.public-form{display:grid;gap:13px}.public-form .form-grid{grid-template-columns:1fr 1fr}.public-success{text-align:center;padding:30px 10px}.ref{display:inline-block;margin-top:10px;background:#161d2b;border:1px solid #283349;border-radius:8px;padding:7px 10px;font-family:ui-monospace,monospace;font-size:12px}
@media(max-width:1280px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.pipeline-mini{grid-template-columns:repeat(4,1fr)}}
@media(max-width:980px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;display:block;border-right:0;border-bottom:1px solid var(--border-soft);padding:12px 16px}.logo{padding:0}.nav-group,.sidebar-foot{display:none}.content{padding:24px 18px 50px}.grid-2,.grid-2.equal,.detail-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.page-head{display:block}.head-actions{margin-top:14px}.kpi-grid{grid-template-columns:1fr 1fr}.pipeline-mini{grid-template-columns:1fr 1fr}.form-grid,.public-form .form-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.filter-search{width:100%}.public-card{padding:20px}.public-title{font-size:24px}}

/* v0.4 sales workspace */
.recommendation-card{border-color:#2c3752}.recommend-plan{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;background:linear-gradient(135deg,rgba(118,93,255,.12),rgba(32,201,151,.06));border:1px solid #2b3550;border-radius:11px}.recommend-name{font-size:15px;font-weight:760;color:#f1f4fa}.recommend-price{font-size:11px;color:var(--green);font-weight:720;margin-top:4px}.checkout-state{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:9px;background:#0a0f18;font-size:11px;color:var(--muted)}.checkout-state strong{color:#e7ebf2}.btn.success{background:#167653;border-color:#1b8b63;color:#fff}.btn.success:hover{background:#1a8660}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1500px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.kpi-grid{grid-template-columns:1fr}}