:root{--background:#fff;--surface:#f8f8f8;--surface-strong:#f0f0f0;--text:#151515;--muted:#5f5f5f;--soft:#8a8a8a;--border:#e2e2e2;--border-strong:#cfcfcf;--brand-black:#151515;--brand-graphite:#3a3a3a;--brand-charcoal:#222;--brand-red:#c0392b;--brand-red-deep:#982818;--metal-50:#f8f8f8;--metal-100:#f0f0f0;--metal-200:#e2e2e2;--metal-300:#cfcfcf;--metal-500:#8a8a8a;--teal:var(--brand-red);--teal-soft:#fbecea;--blue:var(--brand-graphite);--blue-soft:#eee;--coral:var(--brand-red);--coral-soft:#fbecea;--gold:#8a6a2a;--gold-soft:#f7f0de;--shadow:0 18px 45px #15151514;--radius:8px}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{min-height:100%;color:var(--text);background:var(--background);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;grid-template-columns:minmax(120px,160px) minmax(240px,1fr) auto;align-items:center;gap:16px;min-height:72px;padding:14px 24px;display:grid;position:sticky;top:0}.brand{align-items:center;min-width:0;display:flex}.brand-logo-frame{flex:none;justify-content:flex-start;align-items:center;width:118px;height:38px;display:flex}.brand-logo{object-fit:contain;width:118px;height:auto;max-height:38px;display:block}.search{min-width:0;position:relative}.search svg{width:18px;height:18px;color:var(--soft);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;height:44px;color:var(--text);outline:none;padding:0 14px 0 42px}.search input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #c0392b1f}.top-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.top-actions form{display:contents}.user-chip{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-width:180px;height:40px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;padding:0 10px;font-size:12px;display:inline-flex;overflow:hidden}.icon-button{border:1px solid var(--border);border-radius:var(--radius);width:40px;height:40px;color:var(--muted);background:#fff;place-items:center;display:inline-grid}.icon-button:hover,.icon-button:focus-visible{color:var(--teal);border-color:var(--border-strong);background:var(--teal-soft)}.workspace{flex:1;grid-template-columns:minmax(250px,330px) minmax(420px,1fr) minmax(270px,350px);gap:0;min-height:calc(100vh - 72px);display:grid}.rail,.detail,.side{min-width:0}.rail{border-right:1px solid var(--border);background:#fbfbfb}.side{border-left:1px solid var(--border);background:#fbfbfb}.panel-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 12px;display:flex}.panel-header h2,.section h2,.section h3{margin:0;font-size:14px;line-height:1.3}.panel-header p,.section p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.45}.relation-list,.queue-list,.timeline{gap:8px;padding:8px 12px 20px;display:grid}.relation-row,.queue-row,.timeline-item,.stat-strip,.contact-row{border:1px solid var(--border);border-radius:var(--radius);background:#fff}.relation-row{text-align:left;gap:8px;width:100%;padding:12px;display:grid}.relation-row.is-active{border-color:var(--teal);background:var(--teal-soft);box-shadow:inset 3px 0 0 var(--brand-red)}.row-top{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.row-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:680;overflow:hidden}.domain{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.status{white-space:nowrap;color:var(--muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.status-dot{background:var(--soft);border-radius:999px;width:7px;height:7px}.status-dot.lead{background:var(--gold)}.status-dot.prospect{background:var(--blue)}.status-dot.customer{background:var(--teal)}.status-dot.inactive{background:var(--soft)}.metric-line{color:var(--muted);gap:10px;font-size:11px;display:flex}.detail{background:linear-gradient(#f7f9f8cc,#fff0 180px),#fff;padding:26px}.hero{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;gap:18px;padding:24px;display:grid}.hero-main{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hero h1{letter-spacing:0;margin:0;font-size:clamp(28px,4vw,54px);line-height:.98}.hero-domain{color:var(--muted);align-items:center;gap:8px;margin-top:10px;font-size:13px;display:inline-flex}.primary-action{border:1px solid var(--teal);border-radius:var(--radius);background:linear-gradient(180deg, var(--brand-red), var(--brand-red-deep));color:#fff;white-space:nowrap;align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex;box-shadow:0 10px 22px #c0392b2e}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stat-strip{padding:12px}.stat-strip span{color:var(--muted);font-size:11px;display:block}.stat-strip strong{margin-top:4px;font-size:18px;line-height:1.1;display:block}.content-grid{grid-template-columns:minmax(230px,.8fr) minmax(280px,1.2fr);gap:18px;margin-top:20px;display:grid}.section{min-width:0}.contact-list{gap:8px;margin-top:10px;display:grid}.contact-row{align-items:center;gap:10px;padding:10px;display:flex}.avatar{border-radius:var(--radius);background:var(--blue-soft);width:34px;height:34px;color:var(--blue);flex:none;place-items:center;font-size:12px;font-weight:760;display:grid}.contact-row strong,.contact-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.contact-row strong{font-size:13px}.contact-row span{color:var(--muted);font-size:12px}.timeline{padding:10px 0 0}.timeline-item{gap:8px;padding:12px;display:grid}.timeline-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.timeline-item strong{font-size:13px}.timeline-item p{color:var(--muted);margin:0;font-size:12px}.confidence{border-radius:var(--radius);background:var(--teal-soft);min-width:52px;color:var(--teal);justify-content:center;align-items:center;padding:4px 7px;font-size:11px;font-weight:720;display:inline-flex}.confidence.review{background:var(--coral-soft);color:var(--coral)}.queue-section{padding-bottom:8px}.queue-row{gap:8px;padding:12px;display:grid}.queue-row strong{font-size:13px}.queue-row p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.mini-button{border:1px solid var(--border);border-radius:var(--radius);min-height:32px;color:var(--text);background:#fff;justify-content:center;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.snapshot{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 12px 20px;display:grid}.snapshot-item{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:12px}.snapshot-item strong{font-size:18px;display:block}.snapshot-item span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.empty{color:var(--muted);padding:20px;font-size:13px}.login-shell{background:linear-gradient(#f8f8f8db,#fffffff5),#fff;place-items:center;min-height:100vh;padding:28px;display:grid}.login-panel{border:1px solid var(--border);border-radius:var(--radius);width:min(100%,440px);box-shadow:var(--shadow);background:#fff;gap:22px;padding:28px;display:grid}.login-brand{align-items:center;display:flex}.login-logo{object-fit:contain;width:132px;height:auto}.login-heading{gap:8px;display:grid}.login-heading h1{margin:0;font-size:34px;line-height:1}.login-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.login-message{border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:10px;padding:12px;font-size:13px;line-height:1.45;display:flex}.login-message.success{background:var(--teal-soft);color:var(--brand-red-deep);border-color:#c0392b38}.login-message.error{color:var(--brand-red-deep);background:#fff6f5;border-color:#c0392b4d}.login-form{gap:14px;display:grid}.login-form label{color:var(--muted);gap:8px;font-size:12px;display:grid}.login-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:46px;color:var(--soft);align-items:center;gap:10px;padding:0 12px;display:flex}.login-input:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #c0392b1f}.login-input input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}@media (max-width:1120px){.workspace{grid-template-columns:minmax(240px,300px) minmax(420px,1fr)}.side{border-top:1px solid var(--border);border-left:0;grid-column:1/-1}.queue-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.topbar{grid-template-columns:1fr auto}.search{order:3;grid-column:1/-1}.workspace,.content-grid{grid-template-columns:1fr}.rail,.side{border:0}.relation-list{grid-auto-columns:minmax(220px,70vw);grid-auto-flow:column;padding-bottom:12px;overflow-x:auto}.detail{padding:18px}.hero-main,.stat-grid,.queue-list{grid-template-columns:1fr}.hero-main{display:grid}}@media (max-width:560px){.topbar{padding:12px}.brand-copy span{display:none}.brand-logo-frame,.brand-logo{width:96px}.top-actions{gap:6px}.user-chip{display:none}.icon-button{width:36px;height:36px}.hero{padding:18px}.hero h1{font-size:34px}.stat-grid,.snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}}