@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#1b2d38;background:#f5f7f8;font-synthesis:none;--navy:#132b3a;--teal:#138b83;--teal-soft:#e7f5f3;--line:#dce3e6;--muted:#6d7c84;--amber:#c77a1b;--red:#be4b49}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--navy);padding:24px 18px;color:#fff;display:flex;flex-direction:column;z-index:20}.logo{display:flex;align-items:center;gap:10px}.logo>span{width:34px;height:34px;border-radius:9px;background:#23a69c;display:grid;place-items:center;font:700 18px Manrope}.logo div{display:flex;flex-direction:column}.logo strong{font:700 16px Manrope}.logo small,.profile small{color:#9fb0b8;font-size:11px;margin-top:1px}.sidebar nav{display:grid;gap:5px;margin-top:42px}.sidebar nav button{border:0;background:none;color:#b8c7cd;text-align:left;padding:11px 12px;border-radius:7px;display:flex;align-items:center;gap:11px;font-weight:600}.sidebar nav button:hover,.sidebar nav button.active{background:#203e4d;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 #35b7ad}.sync-card{margin-top:auto;padding:15px;border:1px solid #33505e;border-radius:10px;background:#183442}.sync-line{display:flex;align-items:center;gap:8px;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#efb34e}.sync-card p{font-size:11px;line-height:1.5;color:#aebdc3}.sync-card button{padding:0;border:0;background:none;color:#5ed1c7;font-size:11px;font-weight:700;display:flex;gap:5px;align-items:center}.profile{border-top:1px solid #2c4755;margin-top:20px;padding-top:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.profile div:nth-child(2){display:flex;flex-direction:column}.profile strong{font-size:12px}.avatar{width:31px;height:31px;background:#e0ecee;color:#17323f;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}.workspace{margin-left:238px;min-height:100vh}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar h1{font:700 20px Manrope;margin:0}.topbar p{margin:5px 0 0;color:var(--muted);font-size:12px}.header-actions{display:flex;align-items:center;gap:8px}.icon-button{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:7px;display:grid;place-items:center;color:#4d626c}.has-dot{position:relative}.has-dot:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#d05a55;right:8px;top:7px}.primary,.secondary{border-radius:7px;padding:9px 14px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.primary{border:1px solid var(--teal);background:var(--teal);color:#fff}.secondary{border:1px solid var(--line);background:#fff;color:#38505b}main{padding:27px 32px 50px;max-width:1500px;margin:auto}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:22px}.metric{min-height:104px;padding:20px;display:flex;gap:12px;align-items:flex-start;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric-icon{width:34px;height:34px;border-radius:7px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center}.metric-icon.amber{background:#fff2df;color:var(--amber)}.metric div:last-child{display:flex;flex-direction:column}.metric span{font-size:11px;color:var(--muted);font-weight:600}.metric strong{font:700 22px Manrope;margin:4px 0}.metric small{font-size:10px;color:#6d7e85}.today-grid,.performance-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:22px;margin-bottom:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px}.panel-head{padding:18px 20px 15px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head h2{font:700 15px Manrope;margin:0}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.panel-head>span,.connection-badge{font-size:10px;font-weight:700;background:var(--teal-soft);color:var(--teal);padding:5px 8px;border-radius:5px}.action-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:13px;align-items:center;padding:14px 20px;border-bottom:1px solid #edf1f2}.action-row:last-child{border:0}.complete{width:22px;height:22px;border-radius:50%;border:1px solid #becbd0;background:#fff;color:transparent}.complete:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-soft)}.action-main{display:flex;flex-direction:column}.action-main strong{font-size:12px}.action-main span,.target-row span,td span{font-size:10px;color:var(--muted);margin-top:3px}.due{font-size:9px;font-weight:700;padding:4px 7px;border-radius:4px;background:#eef2f3;color:#52666f}.due.overdue{background:#fcebea;color:var(--red)}.due.today{background:#fff3dd;color:#9a641e}.text-button{border:0;background:none;color:var(--teal);font-size:10px;font-weight:700;display:flex;align-items:center;gap:3px}.target-row{padding:14px 18px;border-bottom:1px solid #edf1f2}.target-row:last-child{border:0}.target-row>div:first-child{display:flex;justify-content:space-between}.target-row strong{font-size:11px}.progress-wrap{margin-top:9px}.progress-label{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.progress{height:5px;background:#edf1f2;border-radius:4px;margin-top:5px;overflow:hidden}.progress span{display:block;height:100%;background:var(--teal);border-radius:4px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:780px}th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#78878d;padding:10px 16px;background:#f7f9fa;border-bottom:1px solid var(--line)}td{padding:12px 16px;border-bottom:1px solid #edf1f2;font-size:11px}td:first-child,td:nth-child(4),td:nth-child(5){display:table-cell}td strong,td span{display:block}.stage,select{font-size:9px;font-weight:700;color:#35525b;background:#eef4f5;border:0;border-radius:5px;padding:5px 7px}.overdue-text{color:var(--red)!important;font-weight:700}.page-actions{display:flex;justify-content:space-between;margin-bottom:18px}.segmented{background:#e9edef;padding:3px;border-radius:7px;display:flex}.segmented button{border:0;background:none;padding:7px 11px;border-radius:5px;font-size:10px;font-weight:700;color:#65767e}.segmented button.active{background:#fff;color:#1f3945;box-shadow:0 1px 3px #cbd2d5}.pipeline-summary{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.chart{height:280px;padding:24px 22px 14px 45px;display:flex;position:relative}.chart-y{position:absolute;left:18px;top:25px;bottom:35px;display:flex;flex-direction:column;justify-content:space-between;color:#91a0a6;font-size:9px}.bars{border-left:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;display:flex;align-items:end;justify-content:space-around;background:repeating-linear-gradient(to bottom,#fff,#fff 54px,#edf1f2 55px)}.bar-group{height:100%;width:15%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.bar{width:42%;background:var(--teal);min-height:4px;position:relative;border-radius:3px 3px 0 0}.bar span{position:absolute;top:-17px;font-size:9px;color:#61727a}.bar-group small{font-size:8px;color:#71828a;margin-bottom:-18px}.funnel{padding-bottom:18px}.funnel>.panel-head{margin-bottom:15px}.funnel>div:not(.panel-head){margin:12px 18px}.funnel>div:not(.panel-head)>span{font-size:10px;color:#60727a}.funnel>div:not(.panel-head)>strong{float:right;font-size:11px}.funnel>div:not(.panel-head)>div{height:10px;background:#edf2f3;margin-top:6px}.funnel i{height:100%;display:block;background:var(--teal)}.source-table{margin-top:22px}.settings-page{display:grid;gap:20px;max-width:1000px}.connection{padding-bottom:20px}.connection-title{padding:22px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border-bottom:1px solid var(--line)}.connection-title h2{font:700 16px Manrope;margin:0}.connection-title p{font-size:11px;color:var(--muted);margin:5px 0}.ghl-mark{width:42px;height:42px;border-radius:8px;background:#f4bd36;color:#28353b;display:grid;place-items:center;font-weight:800}.connection-badge{background:#fff2df;color:#9b651c}.callout{margin:20px 22px;padding:13px;background:#f2f7f7;border-left:3px solid var(--teal)}.callout strong{font-size:11px}.callout p{font-size:10px;color:#61737a;line-height:1.55;margin:4px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 22px}.form-grid label{font-size:10px;font-weight:700}.form-grid input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);padding:10px;border-radius:6px;font-size:11px}.input-action{position:relative}.input-action button{position:absolute;right:6px;top:12px;border:0;background:none;font-size:9px;color:var(--teal);font-weight:700}.form-actions{display:flex;gap:8px;padding:18px 22px 0}.mapping-list{padding:8px 20px 16px}.mapping-list div{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;border-bottom:1px solid #edf1f2;padding:9px 0;font-size:11px}.mapping-list svg{color:#9aabb1}.mapping-list select{padding:7px}.check-list{display:grid;grid-template-columns:1fr 1fr;padding:15px 20px 20px;gap:12px}.check-list label{font-size:11px;display:flex;align-items:center;gap:8px}.check-list input{display:none}.check-list span{width:18px;height:18px;background:var(--teal);color:#fff;border-radius:4px;display:grid;place-items:center}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0f202840;z-index:30}.drawer{position:fixed;z-index:31;right:0;top:0;bottom:0;width:390px;background:#fff;box-shadow:-8px 0 28px #122a3626;padding:24px}.drawer-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.drawer-head small{color:var(--teal);text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:.08em}.drawer-head h2{font:700 20px Manrope;margin:5px 0 2px}.drawer-head p{font-size:11px;color:var(--muted);margin:0}.drawer-value{padding:22px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.drawer-value span,.drawer-value small{font-size:10px;color:var(--muted)}.drawer-value strong{font:700 28px Manrope;margin:6px 0}.drawer-section{padding:20px 0;border-bottom:1px solid var(--line)}.drawer-section h3{font:700 12px Manrope;margin:0 0 12px}.next-action{display:flex;gap:10px;background:#f4f8f8;padding:12px;border-radius:7px;color:var(--teal)}.next-action div{display:flex;flex-direction:column}.next-action strong{font-size:11px;color:#29434d}.next-action span{font-size:9px;margin-top:3px}.detail{display:flex;justify-content:space-between;padding:7px 0;font-size:10px}.detail span{color:var(--muted)}.full{width:100%;justify-content:center;margin-top:22px}.mobile-only{display:none}.sidebar-top{display:flex;justify-content:space-between}.connection-result{font-size:10px;color:var(--muted);margin-left:5px}.connection-result.connected{color:var(--teal);font-weight:700}.connection-result.error{color:var(--red)}.primary.small{padding:7px 10px;font-size:10px}.activity-list{min-height:300px}.activity-entry{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #edf1f2}.activity-count{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--teal-soft);color:var(--teal);font-weight:700;font-size:11px}.activity-entry>div:nth-child(2){display:flex;flex-direction:column}.activity-entry strong{font-size:11px}.activity-entry span{font-size:9px;color:var(--muted);margin-top:3px}.empty{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8a9aa0;padding:30px}.empty strong{color:#314852;font-size:12px;margin:10px 0 4px}.empty span{font-size:10px;margin-bottom:15px}.daily-plan{margin-top:22px}.rhythm-grid{display:grid;grid-template-columns:repeat(4,1fr)}.rhythm-grid>div{padding:18px;border-right:1px solid var(--line);display:flex;flex-direction:column}.rhythm-grid>div:last-child{border:0}.rhythm-grid span{font-size:9px;color:var(--teal);font-weight:700}.rhythm-grid strong{font-size:11px;margin:6px 0 3px}.rhythm-grid small{font-size:9px;color:var(--muted)}.status-dot.local{background:#41c28b}.history-list{padding:4px 18px 18px}.history-day{display:grid;grid-template-columns:180px 1fr auto;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid #edf1f2}.history-day>div:first-child{display:flex;flex-direction:column}.history-day span{font-size:9px;color:var(--muted);margin-top:3px}.history-breakdown{display:flex;gap:15px;flex-wrap:wrap}.history-breakdown span{margin:0}.history-total{font-size:11px;color:var(--teal)}.simple-chart{height:330px;padding:35px 35px 25px;display:flex;gap:22px;align-items:end;border-bottom:1px solid var(--line)}.simple-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.simple-chart i{display:block;width:min(52px,70%);background:var(--teal);border-radius:4px 4px 0 0}.simple-chart span,.simple-chart small{font-size:9px;color:var(--muted)}.target-settings{padding:10px 20px 20px}.target-settings label{display:grid;grid-template-columns:1fr 90px;gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid #edf1f2}.target-settings label>span{display:flex;flex-direction:column}.target-settings strong{font-size:11px}.target-settings small{font-size:9px;color:var(--muted);margin-top:3px}.target-settings input,.log-modal input,.log-modal select{border:1px solid var(--line);border-radius:6px;padding:9px;background:#fff;width:100%;font-size:11px}.callout-panel{padding:18px 20px;background:#f2f8f7}.callout-panel strong{font-size:11px}.callout-panel p{font-size:10px;color:var(--muted);margin:5px 0 0}.log-modal{position:fixed;z-index:31;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 28px));background:#fff;border-radius:10px;box-shadow:0 18px 60px #122a3640;padding-bottom:20px}.log-modal label{display:block;margin:16px 20px 0;font-size:10px;font-weight:700}.log-modal label small{color:var(--muted);font-weight:400}.log-modal input,.log-modal select{display:block;margin-top:7px}.log-modal>.primary{margin:20px 20px 0;width:calc(100% - 40px);justify-content:center}.status-dot.cloud{background:#3ecf8e}.status-dot.syncing{background:#f4b942}.status-dot.error{background:#d9534f}.cloud-panel{padding:18px 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.cloud-panel svg{color:var(--teal)}.cloud-panel div{display:flex;flex-direction:column}.cloud-panel strong{font-size:11px}.cloud-panel p{font-size:10px;color:var(--muted);margin:4px 0 0}.cloud-badge{font-size:9px;font-weight:700;text-transform:uppercase;padding:5px 8px;border-radius:5px;background:#eef2f3;color:#63747b}.cloud-badge.cloud{background:#e5f8ef;color:#20855e}.cloud-badge.error{background:#fcebea;color:var(--red)}.status-dot.signedout{background:#f4b942}.cloud-login{display:flex;gap:7px;margin-top:12px;max-width:460px}.cloud-login input{flex:1;border:1px solid var(--line);border-radius:6px;padding:9px;font-size:10px}.cloud-login .primary{white-space:nowrap}.cloud-badge.signedout{background:#fff2df;color:#9b651c}@media(max-width:1050px){.metrics-row{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.today-grid,.performance-grid{grid-template-columns:1fr}.header-actions .icon-button{display:none}}@media(max-width:760px){.mobile-only{display:grid}.sidebar{transform:translate(-100%);transition:.2s}.sidebar.mobile-open{transform:translate(0)}.workspace{margin-left:0}.topbar{padding:0 16px;height:76px}.topbar p{display:none}.topbar h1{font-size:16px}.topbar>.primary{font-size:0;padding:9px}.topbar>.primary svg{margin:0}main{padding:18px 13px 40px}.metrics-row,.pipeline-summary{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line);min-height:90px}.metric:last-child{border-bottom:0}.today-grid{gap:14px}.action-row{grid-template-columns:auto 1fr auto}.action-row .text-button{display:none}.panel-head{padding:15px}.page-actions{gap:10px;align-items:flex-start}.segmented{overflow:auto}.segmented button{white-space:nowrap}.page-actions .secondary{font-size:0;padding:9px}.form-grid,.check-list{grid-template-columns:1fr}.connection-title{grid-template-columns:auto 1fr}.connection-badge{grid-column:2}.drawer{width:92%}.rhythm-grid{grid-template-columns:1fr 1fr}.rhythm-grid>div:nth-child(2){border-right:0}.rhythm-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.history-day{grid-template-columns:1fr;gap:8px}.history-total{justify-self:start}.simple-chart{padding:25px 12px 20px;gap:7px}}