body:has(.lead-app){background:#f4f7fb}body:has(.lead-app)>nav,body:has(.lead-app)>footer{display:none}body:has(.lead-app)>main{max-width:none;padding:0;margin:0}
.lead-app{--blue:#1684ff;--navy:#0d1733;color:var(--navy);font-family:'Segoe UI',Arial,sans-serif;font-size:14px}.lead-app .sidebar{position:fixed;right:0;top:0;bottom:0;width:246px;background:#19293a;color:white;padding:24px 14px;display:flex;flex-direction:column;z-index:5}.logo{font-size:24px;font-weight:750;padding:0 14px 24px;display:flex;align-items:center;gap:15px}.logo span{color:#289cff;font-size:32px}.sidebar nav{background:transparent;border:0}.sidebar nav a,.sidebar nav button{display:flex;align-items:center;gap:18px;width:100%;background:transparent;border:0;color:#fff;text-decoration:none;padding:16px;border-radius:8px;font:inherit;font-size:17px;text-align:right;margin:5px 0;cursor:pointer}.sidebar nav span{font-size:25px;width:28px;text-align:center}.sidebar nav .active,.sidebar nav a:hover,.sidebar nav button:hover{background:linear-gradient(100deg,#268dff,#087eff)}.side-note{margin-top:auto;padding:20px 14px;color:#d5dfeb;font-size:13px}.side-note small{color:#a2b4c8}.side-note i{display:inline-block;width:8px;height:8px;background:#47d6a0;border-radius:50%;margin-left:8px}.workspace{margin-right:246px}.topbar{height:66px;background:#fff;border-bottom:1px solid #e6ecf3;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar>strong{color:#73809b;font-size:14px;font-weight:500}.user{display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--blue);color:white;font-weight:700}.dashboard{padding:20px 26px 28px;max-width:1700px;margin:auto}.demo-note{font-size:12px;color:#6b7890;margin-bottom:14px}.workflow,.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:22px}.step{border-radius:11px;min-height:144px;padding:20px 16px;display:flex;align-items:center;gap:14px;position:relative;border:1px solid #d8e8fb}.step:not(:last-child)::after{content:'←';position:absolute;left:-20px;top:48px;color:var(--blue);font-size:26px;font-weight:800;z-index:1}.lead-app h2{font-size:18px;margin:0 0 8px;letter-spacing:0}.step p{font-size:13px;margin:0;color:#324b70}.blue{background:#e5f0ff;color:#1684ff}.green{background:#dff7ee;color:#00a76a}.purple{background:#eee5ff;color:#9243ee}.amber{background:#fff0c8;color:#f6aa00}.step-icon{font-size:34px;flex-shrink:0;width:54px;height:58px;border-radius:12px;background:#ffffff80;display:grid;place-items:center}.step h2{color:var(--navy);font-size:17px}.metric{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border:1px solid #e0e8f2;background:white;border-radius:11px}.metric strong{display:block;font-size:32px;line-height:1.2}.metric div>span{display:block;color:#344774;margin-top:4px}.metric-icon{width:64px;height:64px;border-radius:9px;display:grid;place-items:center;font-size:34px}.panel{background:#fff;border:1px solid #e1e8f2;border-radius:12px;padding:20px;margin-bottom:20px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.lead-app h1{font-size:27px;white-space:nowrap;margin:0;letter-spacing:0}.filters{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-end}.lead-app input:not([type=hidden]),.lead-app select{border:1px solid #d8e1ef;background:white;border-radius:6px;font:inherit;color:#283b66;padding:10px 12px;margin:0;height:42px}.filters input{max-width:330px;min-width:120px}.filters select{width:170px}.lead-app button{font:inherit;margin:0;cursor:pointer}.lead-app .primary{background:#1484ff;color:#fff;border:0;border-radius:6px;padding:11px 20px;white-space:nowrap;font-weight:600}.lead-app .primary:hover{background:#006ae1}.table-scroll{overflow:auto;border:1px solid #e3e9f3;border-radius:8px}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap;font-size:13px}th{background:#edf1f7;padding:11px 13px;font-weight:650}td{padding:12px 13px;border-top:1px solid #e7edf4}tbody tr:hover{background:#f7faff}.badge{padding:4px 12px;border-radius:4px;font-size:12px}.badge.new{background:#dcecff;color:#1b559a}.badge.mailed{background:#d8f7e5;color:#236c43}.badge.progress{background:#ffedba;color:#795907}.actions{display:flex;gap:8px}.lead-app .icon-button{border:0;background:transparent;color:var(--blue);padding:3px 6px;font-size:19px}.lead-app .icon-button.delete{color:#f04c59}.table-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#74809a;padding-top:12px}.lead-app .text-button{border:0;background:transparent;color:var(--blue);padding:4px}.charts{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:18px}.charts .panel{margin:0;min-height:240px}.charts h2{display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:20px}.charts h2>span{color:#448fff;font-size:24px}.activity{list-style:none;padding:0;margin:0}.activity li{display:flex;gap:12px;align-items:center;border-bottom:1px solid #edf1f7;padding:10px 0}.activity li:last-child{border:0}.activity-icon{background:#e5f1ff;color:var(--blue);padding:5px 10px;border-radius:6px;font-size:20px}.activity small{display:block;color:#7d8ca6}.status-chart{display:flex;align-items:center;justify-content:space-between;gap:14px}.donut{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.donut>div{width:90px;height:90px;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut strong{font-size:27px}.status-chart ul{list-style:none;padding:0;margin:0;flex:1;font-size:12px}.status-chart li{margin:16px 0;display:flex;align-items:center;gap:6px;justify-content:space-between}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.source-row{display:flex;gap:10px;align-items:center;margin:16px 0;font-size:12px}.source-row>span:first-child{width:65px;flex-shrink:0}.bar-track{background:#f1f5fb;flex:1;height:24px;border-radius:4px;overflow:hidden}.bar{height:100%;border-radius:4px}.lead-app dialog{border:1px solid #dfe7f2;border-radius:16px;padding:0;max-width:480px;width:calc(100% - 32px);color:var(--navy)}dialog::backdrop{background:#0e203a80;backdrop-filter:blur(3px)}.lead-app dialog form{border:0;margin:0;padding:26px;max-width:none}.lead-app dialog input,.lead-app dialog select{width:100%}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.lead-app .close{border:0;background:transparent;color:#718198;font-size:25px;padding:0 8px}.lead-app dialog label{margin:12px 0 4px}.muted{font-size:12px;color:#78859b}.info-content{padding:28px}.info-content>.close{float:left}.info-content p{line-height:1.9;color:#5f708b}#toast{position:fixed;bottom:24px;left:24px;background:#19293a;color:white;border-radius:9px;padding:14px 20px;z-index:20;display:none}.lead-app :focus-visible{outline:3px solid #ffbe49;outline-offset:3px}
@media(max-width:1250px){.sidebar{width:210px!important}.workspace{margin-right:210px}.workflow,.metrics{gap:12px}.step{flex-direction:column;align-items:flex-start;min-height:150px}.step h2{font-size:15px}.charts{grid-template-columns:1fr 1fr}.charts article:last-child{grid-column:1/-1}.table-toolbar{flex-wrap:wrap}.filters{justify-content:flex-start}.metric{padding:14px}.metric-icon{width:45px;height:50px}.metric strong{font-size:27px}}
@media(max-width:850px){.sidebar{position:static!important;width:100%!important;padding:14px!important}.logo{padding:0 0 10px;font-size:21px}.sidebar nav{display:flex;overflow-x:auto;gap:8px}.sidebar nav a,.sidebar nav button{width:auto;white-space:nowrap;padding:8px 12px;font-size:14px}.sidebar nav span{font-size:18px;width:auto}.side-note{display:none}.workspace{margin-right:0}.dashboard{padding:16px}.workflow,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.step{min-height:115px;flex-direction:row;align-items:center}.step::after{display:none}.charts{grid-template-columns:1fr}.charts article:last-child{grid-column:auto}.filters{flex-wrap:wrap}.filters input{max-width:none;flex:1}.topbar{padding:0 18px}.metric-icon{width:52px}.status-chart{justify-content:space-around}.status-chart ul{max-width:240px}}
@media(max-width:450px){.workflow{gap:8px}.step{padding:14px 10px;gap:8px}.step-icon{width:32px;font-size:26px}.step h2{font-size:13px}.step p{font-size:11px}.metric{padding:12px;gap:6px}.metric div>span{font-size:12px}.metric-icon{width:36px;font-size:26px}.panel{padding:14px}.lead-app h1{font-size:23px}.filters input{flex-basis:100%}.filters select{flex:1}.topbar>strong{display:none}.topbar{justify-content:flex-end}}