:root{--navy:#062b63;--navy2:#031f49;--blue:#0b63f6;--canvas:#f5f7fb;--border:#dde4ee;--ink:#111827;--muted:#667085;--green:#16a34a;--amber:#f59e0b}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.app-shell{min-height:100vh}.sidebar{background:linear-gradient(160deg,var(--navy),var(--navy2));color:#fff;z-index:30;flex-direction:column;width:238px;padding:25px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 10px;display:flex}.brand-mark{border:1px solid #77a6e8;border-radius:10px;place-items:center;width:40px;height:40px;font-size:25px;display:grid}.brand strong{font-size:18px;display:block}.brand span{letter-spacing:2px;color:#a9c5eb;font-size:9px}.location{color:#dceaff;text-align:left;background:#0a356b;border:1px solid #315687;border-radius:8px;width:calc(100% - 10px);margin:18px 5px 22px;padding:9px 11px}.location span{float:right}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{color:#e7effb;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:13px;height:44px;padding:0 14px;font-size:14px;display:flex}.sidebar nav button>span{text-align:center;width:19px;font-size:17px}.sidebar nav button.active{color:#fff;background:#1677ff;font-weight:600;box-shadow:0 7px 18px #001d4b70}.sidebar nav b{background:#1677ff;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:11px}.plan{border:1px solid #315687;border-radius:11px;grid-template-columns:24px 1fr;gap:3px 7px;margin-top:auto;padding:15px;display:grid}.plan strong,.plan small{display:block}.plan small{color:#5ee69a;margin-top:4px}.plan button{color:#fff;text-align:left;background:0 0;border:0;border-top:1px solid #315687;grid-column:1/3;margin-top:12px;padding:12px 0 0}.profile-mobile{display:none}main{min-width:0;margin-left:238px}header{border-bottom:1px solid var(--border);z-index:15;background:#fff;align-items:center;gap:20px;height:72px;padding:0 24px;display:flex;position:sticky;top:0}header h1{min-width:170px;margin:0;font-size:22px}.search{border:1px solid #d6dce5;border-radius:8px;flex:1;align-items:center;gap:10px;max-width:550px;height:42px;margin:auto;padding:0 12px;display:flex}.search input{font:inherit;border:0;outline:0;flex:1}.search kbd{color:#98a2b3;border:1px solid #e1e5eb;border-radius:4px;padding:3px 5px;font-size:11px}.bell{background:0 0;border:0;font-size:24px;position:relative}.bell i{color:#fff;background:#ef4444;border-radius:10px;padding:3px 5px;font:700 10px sans-serif;position:absolute;top:-7px;right:-3px}.profile{border-left:1px solid var(--border);align-items:center;gap:10px;padding-left:17px;display:flex}.profile b,.profile small,.profile-mobile b,.profile-mobile small{font-size:13px;display:block}.profile small,.profile-mobile small{color:#667085;margin-top:3px}.avatar{color:#174ea6;background:#e9efff;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;font-size:11px;font-weight:700;display:grid}.avatar.dark{color:#fff;background:#15345c}.hamburger{display:none}.content{max-width:1700px;margin:auto;padding:24px}.toolbar{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.eyebrow{letter-spacing:1.25px;font-weight:700;color:#0b63f6!important;font-size:10px!important}.toolbar h2{margin:3px 0 2px;font-size:24px}.toolbar p{color:var(--muted);margin:0;font-size:13px}.actions{gap:9px;display:flex}.primary,.secondary{cursor:pointer;border-radius:7px;height:39px;padding:0 15px;font-weight:600}.primary{border:1px solid var(--blue);background:var(--blue);color:#fff;box-shadow:0 3px 8px #0b63f633}.secondary{color:#344054;background:#fff;border:1px solid #d5dce6}.card{border:1px solid var(--border);background:#fff;border-radius:11px;box-shadow:0 1px 3px #10182810}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px;display:grid}.stat{align-items:center;gap:15px;min-height:114px;padding:19px;display:flex}.stat-icon{border-radius:50%;place-items:center;width:54px;height:54px;font-size:25px;display:grid}.stat-icon.blue{color:#0b63f6;background:#e6efff}.stat-icon.green{color:#16a34a;background:#e8f8ec}.stat-icon.violet{color:#6155e7;background:#eeebff}.stat-icon.amber{color:#e89500;background:#fff2d8}.stat p{margin:0 0 5px;font-size:12px}.stat strong{font-size:26px;line-height:1.1;display:block}.stat small{color:#7b8492;margin-top:9px;font-size:10px;display:block}.stat small b{color:var(--green)}.stat small b.negative{color:#f04438}.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:14px;display:grid}.left-column{flex-direction:column;gap:14px;min-width:0;display:flex}.card-head{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;height:56px;padding:0 14px;display:flex}.card-head h3{margin:0;font-size:14px}.card-head p{color:var(--muted);margin:3px 0 0;font-size:10px}.info{color:#8791a1;border:1px solid #b8c1ce;border-radius:50%;place-items:center;width:15px;height:15px;font-size:9px;display:inline-grid}.mini,.card-head button{color:#0b63f6;background:0 0;border:0;font-size:11px}.stage-row{grid-template-columns:repeat(6,1fr);gap:5px;padding:14px 12px 8px;display:grid}.stage-row button{color:#1f4d8d;cursor:pointer;background:#edf4ff;border:1px solid #d6e1f0;border-radius:6px;justify-content:space-between;padding:12px 8px;display:flex}.stage-row button:nth-child(2){background:#dfeaff}.stage-row button:nth-child(3){color:#4b4ca5;background:#e9edff}.stage-row button:nth-child(4){color:#147b80;background:#e5f8f8}.stage-row button:nth-child(5){color:#9b6500;background:#fff5df}.stage-row button:nth-child(6){color:#23752a;background:#e9f8eb}.stage-row button.selected,.stage-row button:hover{color:#fff;background:#0b63f6;border-color:#0b63f6;transform:translateY(-1px)}.pipeline-note{color:var(--muted);gap:10px;padding:5px 14px 14px;font-size:11px;display:flex}.pipeline-note b{color:#344054}.leads-card{min-height:360px}.filters{align-items:center;gap:10px;display:flex}.filters select{border:1px solid var(--border);border-radius:5px;height:30px;font-size:11px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:920px}th{text-align:left;color:#687385;border-bottom:1px solid var(--border);padding:11px 10px;font-size:10px;font-weight:500}td{color:#525e70;border-bottom:1px solid #edf0f4;padding:10px;font-size:10px}td>b,td small{display:block}td>b{color:#202938;font-size:11px}td small{color:#7b8492;margin-top:3px}.lead-person{align-items:center;gap:8px;min-width:145px;display:flex}.lead-person b,.lead-person small{display:block}.lead-person b{color:#1d2939;font-size:11px}.lead-person small{color:#7b8492;margin-top:3px}.status{color:#23822a;background:#e9f7e8;border-radius:5px;padding:4px 7px;font-weight:600}.status.contacted{color:#0b63f6;background:#e4efff}.status.interested{color:#564ad8;background:#eceaff}.status.site-visit{color:#077d80;background:#def6f7}.status.negotiation{color:#ad6c00;background:#fff2d9}.status.won{color:#147a35;background:#dcf7e4}.wa{color:#10a646;background:#e8f8ed;border-radius:50%;place-items:center;width:29px;height:29px;font-size:17px;text-decoration:none;display:grid}.empty{text-align:center;color:var(--muted);padding:60px}.right-rail{flex-direction:column;gap:14px;display:flex}.agenda-row{border-bottom:1px solid #edf0f4;grid-template-columns:7px 35px 1fr 57px;align-items:center;gap:8px;padding:11px 12px;display:grid}.agenda-row>i{background:#ff8a00;border-radius:50%;width:6px;height:6px}.agenda-row>i.green-dot{background:#1caa4c}.agenda-row b,.agenda-row small{font-size:10px;display:block}.agenda-row small{color:#667085;margin-top:3px}.agenda-row time{text-align:right;color:#667085;font-size:9px}.agenda-row time a{color:#0b63f6;border:1px solid #dce5f2;border-radius:50%;place-items:center;width:27px;height:27px;margin:6px 0 0 auto;text-decoration:none;display:grid}.view-all{color:#0b63f6;background:#fff;border:0;width:100%;height:43px;font-size:11px;font-weight:600}.visit{border-bottom:1px solid #edf0f4;grid-template-columns:42px 1fr 53px;align-items:center;gap:8px;padding:12px;display:grid}.building{color:#fff;background:linear-gradient(#bed7f3,#7595ba);border-radius:5px;place-items:center;height:38px;font-size:23px;display:grid}.visit b,.visit small{font-size:10px;display:block}.visit small{color:#667085;margin-top:4px}.visit time{text-align:right;font-size:9px}.visit time small{display:block}.overlay{z-index:40;background:#091b354f;border:0;position:fixed;inset:0}.drawer{z-index:50;background:#fff;flex-direction:column;width:min(480px,100%);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 50px #081b3330}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;padding:24px;display:flex}.drawer-head h2{margin:3px 0}.drawer-head p{margin:0}.drawer-head button{background:#eef2f7;border:0;border-radius:50%;width:34px;height:34px;font-size:22px}.form{padding:24px;overflow:auto}.form label{margin-bottom:18px;font-size:12px;font-weight:600;display:block}.form input,.form select{background:#fff;border:1px solid #d6dce5;border-radius:7px;width:100%;height:42px;margin-top:7px;padding:0 11px;display:block}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.drawer-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:auto;padding:18px 24px;display:flex}.toast{color:#fff;z-index:100;background:#101828;border-radius:8px;padding:13px 17px;font-size:13px;position:fixed;bottom:25px;right:25px;box-shadow:0 8px 30px #10182844}.overlay{display:block}.stage-row button,.stat,.sidebar nav button,.primary,.secondary{transition:all .16s}.stat:hover{transform:translateY(-1px);box-shadow:0 5px 13px #10182812}@media (max-width:1150px){.stats{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.right-rail{grid-template-columns:1fr 1fr;display:grid}.profile{display:none}.stage-row{grid-template-columns:repeat(6,145px);overflow:auto}}@media (max-width:760px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar .plan{display:none}.profile-mobile{border-top:1px solid #315687;gap:10px;margin-top:auto;padding:15px 8px 0;display:flex}.profile-mobile small{color:#aec6e6}main{margin-left:0}header{gap:12px;height:62px;padding:0 14px}header h1{min-width:0;font-size:18px}.hamburger{background:0 0;border:0;font-size:22px;display:block}.search{border:0;flex:0;width:40px;margin-left:auto;padding:0}.search input,.search kbd{display:none}.bell{font-size:20px}.content{padding:15px}.toolbar{flex-direction:column;align-items:flex-start}.toolbar h2{font-size:20px}.actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.actions .primary{grid-area:1/1/auto/3}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{gap:9px;min-height:105px;padding:13px}.stat-icon{width:42px;height:42px;font-size:19px}.stat strong{font-size:20px}.stat small{line-height:1.3}.right-rail{grid-template-columns:1fr}.pipeline-note{flex-direction:column}.form-grid{grid-template-columns:1fr}.drawer{width:100%}}@media (max-width:430px){.stats{grid-template-columns:1fr}.secondary{padding:0 8px;font-size:12px}.toolbar>div:first-child p:last-child{display:none}.stat{min-height:92px}.right-rail .visits{display:none}}.integration-title{align-items:center}.integration-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px;display:grid}.integration-summary>div{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:13px;padding:17px;display:flex}.integration-summary p{color:var(--muted);margin:0;font-size:11px}.integration-summary strong{color:var(--ink);margin-top:4px;font-size:18px;display:block}.summary-icon{width:42px;height:42px;color:var(--blue);background:#e6efff;border-radius:10px;place-items:center;font-size:20px;display:grid}.summary-icon.green{color:#16a34a;background:#e8f8ec}.summary-icon.amber{color:#d88400;background:#fff2d8}.summary-icon.violet{color:#6155e7;background:#eeebff}.integration-head{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.integration-head h3{margin:0 0 4px;font-size:16px}.integration-head p{color:var(--muted);margin:0;font-size:12px}.source-search{border:1px solid var(--border);color:#98a2b3;background:#fff;border-radius:7px;align-items:center;width:230px;height:38px;padding:0 10px;display:flex}.source-search input{border:0;outline:0;width:100%;padding-left:8px}.source-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.source-card{flex-direction:column;min-height:255px;padding:18px;display:flex}.source-top{justify-content:space-between;align-items:center;display:flex}.source-logo{color:#fff;border-radius:11px;place-items:center;width:45px;height:45px;font-size:18px;font-weight:800;display:grid}.connection{color:#667085;background:#f2f4f7;border-radius:10px;padding:5px 8px;font-size:10px}.connection.connected{color:#15803d;background:#eaf7ed}.connection.available{color:#1d4ed8;background:#e8efff}.source-card h3{margin:15px 0 6px;font-size:15px}.source-card>p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.source-meta{color:#7b8492;border-top:1px solid #edf0f4;justify-content:space-between;margin-top:auto;padding-top:13px;font-size:10px;display:flex}.source-meta b{color:#344054}.source-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:13px;display:grid}.source-actions button{width:100%;height:35px}.disconnect{color:#c4320a}.webhook{grid-template-columns:1fr auto auto;align-items:center;gap:15px;margin-top:18px;padding:18px;display:grid}.webhook>div{align-items:center;gap:12px;display:flex}.webhook>div>span{font-size:24px}.webhook h3{margin:0 0 3px;font-size:14px}.webhook p{color:var(--muted);margin:0;font-size:11px}.webhook code{background:#f2f4f7;border-radius:6px;padding:9px;font-size:10px}.setup-guide{padding:28px;overflow:auto}.source-logo.big{width:58px;height:58px;font-size:23px}.setup-guide h3{margin:20px 0 5px}.setup-guide p,.setup-guide li{color:var(--muted);font-size:13px;line-height:1.6}.setup-guide ol{padding-left:19px}.setup-guide li{margin-bottom:10px}.notice{color:#1e4f8f;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;margin-top:20px;padding:12px;font-size:12px}@media (max-width:1100px){.source-grid,.integration-summary{grid-template-columns:repeat(2,1fr)}.webhook{grid-template-columns:1fr}.webhook code{overflow:auto}}@media (max-width:650px){.source-grid,.integration-summary{grid-template-columns:1fr}.integration-head{flex-direction:column;align-items:flex-start;gap:12px}.source-search,.integration-title .secondary{width:100%}}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#f5f8ff}.lead-sub{color:var(--muted);margin:5px 0 0;font-size:12px}.edit-form textarea{width:100%;font:inherit;resize:vertical;border:1px solid #d6dce5;border-radius:7px;margin-top:7px;padding:11px;display:block}.form-section{border-top:1px solid var(--border);margin:24px 0 14px;padding-top:20px;font-size:13px}.activity{border:1px solid var(--border);background:#f8fafc;border-radius:8px;margin-top:18px;padding:15px}.activity h3{margin:0 0 12px;font-size:13px}.activity>div{color:#475467;border-left:1px solid #cdd5df;padding:0 0 15px 17px;font-size:11px;position:relative}.activity>div:last-child{padding-bottom:0}.activity i{background:var(--blue);border-radius:50%;width:7px;height:7px;position:absolute;top:3px;left:-4px}.activity time{color:#98a2b3;margin-top:4px;font-size:9px;display:block}.contact-btn{place-items:center;margin-right:auto;text-decoration:none;display:grid}.logout{color:#175cd3;cursor:pointer;background:#eef4ff;border:0;border-radius:6px;padding:7px 9px;font-size:11px}.login-page{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;margin:0;display:grid}.login-brand{color:#fff;background:linear-gradient(145deg,#062b63,#031f49);flex-direction:column;justify-content:center;padding:clamp(45px,8vw,120px);display:flex}.login-logo{border:1px solid #5e88bd;border-radius:15px;place-items:center;width:64px;height:64px;font-size:36px;display:grid}.login-brand p{letter-spacing:2px;color:#9fc3f2;margin:20px 0;font-size:11px}.login-brand h1{max-width:650px;margin:0 0 22px;font-size:clamp(34px,4vw,58px);line-height:1.08}.login-brand span{color:#c7d7ed;font-size:16px}.login-panel{place-items:center;padding:30px;display:grid}.login-card{border:1px solid var(--border);border-radius:16px;width:min(420px,100%);padding:36px;box-shadow:0 18px 50px #0d2c5515}.login-card h2{margin:6px 0;font-size:28px}.login-card>p:not(.eyebrow){color:var(--muted);margin:0 0 25px;font-size:13px}.login-card label{margin:16px 0;font-size:12px;font-weight:600;display:block}.login-card input{width:100%;height:44px;font:inherit;border:1px solid #d0d7e2;border-radius:8px;margin-top:7px;padding:0 12px;display:block}.login-card .primary{width:100%;margin-top:8px}.login-card>small{text-align:center;color:#98a2b3;margin-top:18px;display:block}.login-error{color:#b42318;background:#fff1f0;border:1px solid #fecdca;border-radius:7px;margin:12px 0;padding:10px;font-size:12px}@media (max-width:760px){.login-page{grid-template-columns:1fr}.login-brand{min-height:260px;padding:35px}.login-brand h1{font-size:32px}.login-panel{padding:20px}.login-card{padding:25px}}.staff-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.staff-stats>div{padding:20px}.staff-stats span{color:var(--muted);font-size:11px;display:block}.staff-stats b{margin-top:5px;font-size:27px;display:block}.staff-table select{border:1px solid var(--border);background:#fff;border-radius:6px;height:30px;padding:0 6px;font-size:11px}.row-actions{gap:6px;display:flex}.row-actions button{color:#175cd3;cursor:pointer;background:#fff;border:1px solid #cfd7e3;border-radius:5px;padding:6px 8px;font-size:9px}.row-actions button.danger{color:#b42318}.permission{text-align:center;padding:70px 25px}.permission span{font-size:38px}.permission h2{margin:15px 0 5px}.permission p{color:var(--muted)}@media (max-width:850px){.staff-stats{grid-template-columns:1fr 1fr}}