:root{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#172033;background:#f5f7fa;line-height:1.45
}
*{box-sizing:border-box}
body{margin:0}
button,input{font:inherit}
button{cursor:pointer}
.shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}
.rail{position:sticky;top:0;height:100vh;padding:22px 14px;border-right:1px solid #e4e8ef;background:#fff;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px;font-weight:720}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#172033;color:#fff}
.rail nav{display:grid;gap:5px}
.nav-item{border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:9px;color:#5b6475}
.nav-item:hover,.nav-item.active{background:#eef2f7;color:#172033}
.settings{margin-top:auto}
main{min-width:0}
.topbar{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:32px 36px 22px;background:#fff;border-bottom:1px solid #e4e8ef}
.eyebrow{margin:0 0 3px;color:#7d8594;font-size:13px}
h1{margin:0;font-size:28px;letter-spacing:-.02em}
.search-wrap{width:min(380px,42vw)}
input{width:100%;padding:11px 13px;border:1px solid #d9dee7;border-radius:10px;background:#fff;outline:none}
input:focus{border-color:#8996a9;box-shadow:0 0 0 3px #edf1f6}
.content{padding:28px 36px 60px}
.notice{margin:22px 36px 0;padding:12px 14px;border:1px solid #ead6a3;background:#fff9e7;border-radius:10px}
.hidden{display:none}
.group{margin-bottom:30px}
.group-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.group-head h2{font-size:15px;margin:0}
.count{font-size:12px;color:#697386;background:#e9edf3;border-radius:999px;padding:2px 7px}
.inbox{display:grid;gap:8px}
.lead-row{width:100%;display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:14px;align-items:center;border:1px solid #e2e6ed;background:#fff;border-radius:12px;padding:15px;text-align:left}
.lead-row:hover{border-color:#b9c2cf;box-shadow:0 4px 18px rgba(29,40,58,.05)}
.lead-name{font-weight:680}
.meta{color:#737d8e;font-size:13px}
.action{font-size:13px;color:#374257}
.when{font-size:12px;color:#737d8e;white-space:nowrap}
.empty{padding:18px;border:1px dashed #d5dae2;border-radius:12px;color:#7b8493;background:rgba(255,255,255,.5)}
dialog{width:min(560px,calc(100vw - 32px));border:0;border-radius:16px;padding:26px;box-shadow:0 24px 80px rgba(20,28,42,.22)}
dialog::backdrop{background:rgba(15,23,38,.32)}
.close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:26px;color:#687386}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.detail-card{background:#f6f8fb;border-radius:10px;padding:12px}
.detail-card small{display:block;color:#788292;margin-bottom:3px}
.notes{margin-top:18px}
.note{padding:10px 0;border-top:1px solid #eceff4}
.primary{border:0;border-radius:9px;padding:10px 14px;background:#172033;color:#fff;margin-top:12px}
.muted{color:#758092}
label{display:grid;gap:6px}
@media(max-width:760px){
  .shell{grid-template-columns:1fr}
  .rail{height:auto;position:static;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid #e4e8ef;padding:10px 12px}
  .brand span:last-child{display:none}.brand{padding:0;margin-right:10px}
  .rail nav{display:flex}.settings{margin:0 0 0 auto}
  .topbar{padding:22px 18px 16px;align-items:stretch;flex-direction:column}
  .search-wrap{width:100%}.content{padding:20px 18px}
  .lead-row{grid-template-columns:1fr}.notice{margin:16px 18px 0}
}

.download-link{text-decoration:none;margin-top:auto}
.settings{margin-top:6px}
.install-box{margin:14px 0;padding:13px;border:1px solid #e1e5eb;border-radius:10px;background:#f7f9fb}
.install-box p{margin:5px 0 10px;color:#758092;font-size:13px}
.button-link{display:inline-block;text-decoration:none;border-radius:9px;padding:9px 12px;background:#172033;color:#fff;font-size:13px}
@media(max-width:760px){
  .download-link{margin:0 0 0 auto}
  .settings{margin:0}
}