*{box-sizing:border-box}body{color:#243047;background:#f4f7fb;margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.app{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e7ebf2;justify-content:space-between;align-items:center;padding:24px 6%;display:flex}.topbar h1,.welcome h2,.panel-heading h2,.lead-card h3{margin:0}.eyebrow{color:#70809a;letter-spacing:1.5px;margin:0 0 6px;font-size:12px;font-weight:700}.profile{align-items:center;gap:12px;display:flex}.profile p{color:#7a879b;margin:3px 0 0;font-size:13px}.avatar{color:#fff;background:#5b78ff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.dashboard{width:min(1180px,92%);margin:32px auto}.welcome{background:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:28px;display:flex;box-shadow:0 8px 24px #26365414}.welcome>div>p:last-child{color:#718096;margin:10px 0 0}.welcome button{color:#fff;cursor:pointer;background:#5b78ff;border:0;border-radius:12px;padding:12px 18px}.stats{grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0;display:grid}.stat-card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 7px 20px #26365412}.stat-card span,.stat-card small{color:#78869a;display:block}.stat-card strong{margin:12px 0 8px;font-size:32px;display:block}.panel{background:#fff;border-radius:20px;padding:28px;box-shadow:0 8px 24px #26365414}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.status{color:#229c66;font-size:14px}.lead-card{background:#fbfcff;border:1px solid #e8edf5;border-radius:16px;grid-template-columns:70px 1fr 180px;align-items:center;gap:18px;padding:20px 24px;display:grid;position:relative;overflow:hidden}.lead-line{background:#30a46c;width:6px;position:absolute;top:0;bottom:0;left:0}.lead-number{color:#65738a;font-weight:700}.lead-info p{color:#78869a;margin:6px 0 0}.lead-meta{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.lead-meta span{color:#78869a}.lead-meta strong{color:#14794e;background:#e6f7ef;border-radius:999px;padding:5px 12px;font-size:13px}@media (width<=800px){.stats{grid-template-columns:repeat(2,1fr)}.welcome{flex-direction:column;align-items:flex-start}.lead-card{grid-template-columns:55px 1fr}.lead-meta{grid-column:2;align-items:flex-start}}.lead-detail-page{background:#f4f7fc;min-height:100vh;padding:40px}.lead-detail-card{background:#fff;border-radius:24px;max-width:1100px;margin:0 auto;padding:40px;box-shadow:0 12px 35px #1f2d5214}.back-button{color:#3658d6;cursor:pointer;background:#eef2ff;border:none;border-radius:12px;margin-bottom:30px;padding:11px 18px;font-size:15px}.back-button:hover{background:#dfe6ff}.lead-detail-header{border-bottom:1px solid #e6eaf2;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:30px;display:flex}.lead-detail-header h1{color:#17233c;margin:6px 0 8px;font-size:36px}.lead-email{color:#71809d;margin:0;font-size:17px}.detail-badge{color:#087443;background:#def7e9;border-radius:20px;padding:8px 16px;font-weight:700}.detail-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0;display:grid}.detail-item{background:#f7f9fd;border:1px solid #e8ecf4;border-radius:16px;padding:22px}.detail-item span{color:#7b88a3;margin-bottom:10px;font-size:14px;display:block}.detail-item strong{color:#17233c;font-size:18px}.detail-section{background:#fff;border:1px solid #e6eaf2;border-radius:18px;margin-top:22px;padding:26px}.detail-section h2{color:#17233c;margin:0 0 12px}.detail-section p{color:#697894;margin:0;line-height:1.7}@media (width<=800px){.lead-detail-page{padding:18px}.lead-detail-card{padding:24px}.detail-grid{grid-template-columns:repeat(2,1fr)}.lead-detail-header h1{font-size:29px}}@media (width<=520px){.detail-grid{grid-template-columns:1fr}}.timeline-item{border-left:2px solid #dbe4f0;margin-left:8px;padding:0 0 22px 28px;position:relative}.timeline-item:before{content:"●";font-size:12px;position:absolute;top:0;left:-7px}.timeline-item strong,.timeline-item small{margin-bottom:6px;display:block}#timeline-list{max-height:350px;padding-right:10px;overflow-y:auto}.timeline-item p{margin:0}.communication-dot{font-size:21px;color:red!important}#save-lead-datetime{background:#fff;border:1px solid #cfd6e4;border-radius:8px;place-self:center start;width:auto;height:auto;padding:10px 16px;display:inline-block}[hidden]{display:none!important}.profile strong{overflow-wrap:anywhere}.mail-availability{color:#65728a;flex-basis:100%;font-size:15px}.welcome{flex-wrap:wrap;gap:16px}@media (width<=600px){.topbar{flex-wrap:wrap;gap:16px;padding:20px}.topbar h1{font-size:28px}.welcome h2{font-size:25px}.welcome button{min-height:48px}.welcome a{padding:12px 0;display:inline-block}}.add-lead-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;display:grid}.add-lead-form label{flex-direction:column;gap:8px;min-width:0;font-weight:600;line-height:24px;display:flex}.add-lead-form input,.add-lead-form select,.add-lead-form textarea{color:#243047;background:#fff;border:1px solid #dbe4f0;border-radius:10px;width:100%;min-width:0;padding:12px 14px;font:400 16px/1.5 Arial,Helvetica,sans-serif}.add-lead-form input,.add-lead-form select{height:50px}.add-lead-form textarea{resize:vertical}.add-lead-form .add-lead-wide{grid-column:1/-1}.add-lead-form .save-lead-button{color:#fff;cursor:pointer;background:#5367f5;border:0;border-radius:10px;padding:14px 20px}.add-lead-form :is(input,select,textarea,button):focus-visible{outline-offset:2px;outline:3px solid #5367f5}@media (width<=640px){.add-lead-form{grid-template-columns:minmax(0,1fr)}}.optional-lead-note{border-top:1px solid #e3e8f2;margin:20px 0;padding-top:16px}.optional-lead-note summary{cursor:pointer;color:#52617b;font-size:16px}.optional-lead-note p{color:#52617b;font-size:15px;line-height:1.6}.optional-lead-note textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:90px;font:inherit;margin:8px 0 12px;display:block}.timeline-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.timeline-heading-text{min-width:0}.timeline-item small{color:#69778d;margin-bottom:10px;font-size:13px;line-height:1.6}.timeline-actions{flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto;display:flex}.timeline-actions .timeline-type-chooser{flex-basis:100%}#timeline-list button{font:inherit;color:#52617b;cursor:pointer;min-height:32px;box-shadow:none;background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:14px;font-weight:400;line-height:1.4}#timeline-list button:hover{color:#263e6a;background:#edf1f8}#timeline-list button:focus-visible{outline-offset:2px;outline:2px solid #536cff}#timeline-list .timeline-delete-btn:hover{color:#a52d3b;background:#fff1f2}#timeline-list p{color:#34445e;overflow-wrap:anywhere;line-height:1.75}#timeline-list p button{color:#405ac0;margin-top:3px;padding-left:0}@media (pointer:coarse){#timeline-list button{min-width:44px;min-height:44px}.timeline-actions{gap:8px}}#timeline-list .timeline-item p strong{margin:0;display:inline}#timeline-list .timeline-item p{margin:4px 0}#timeline-list .timeline-email-body{white-space:normal}#timeline-list .timeline-email-text{white-space:pre-wrap}