:root{--ink:#17313d;--muted:#718286;--line:#dce6e4;--paper:#f7faf9;--navy:#14323f;--green:#147d69;--mint:#e1f1ec;--amber:#a66c18}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.5 Manrope,Arial,sans-serif}button,input,select{font:inherit}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;grid-template-columns:55% 45%;background:#fbfcfa;position:relative}.login-brand,.app-brand{position:absolute;top:31px;left:54px;text-decoration:none;color:var(--ink);font-size:20px;font-weight:800;letter-spacing:-1px}.login-brand span,.app-brand span{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:7px;background:var(--green);color:#fff;margin-right:5px}.login-brand i,.app-brand i{font-size:11px;color:var(--green);font-style:normal;letter-spacing:0}.login-card{width:430px;align-self:center;justify-self:center;margin-top:10px}.beta-label,.mono,.panel-kicker{font:10px "DM Mono",monospace;letter-spacing:1.3px;color:var(--green)}.login-card h1,.page-heading h1{font-size:46px;line-height:1.12;letter-spacing:-3px;margin:15px 0}.login-card h1 em,.page-heading em{font-family:Georgia,serif;color:var(--green);font-weight:400}.login-card>p{color:var(--muted);max-width:370px;line-height:1.8}.google-button{border:1px solid #cbdad7;background:#fff;width:100%;height:54px;margin:27px 0 16px;border-radius:7px;font-weight:700;color:#354e54;cursor:pointer;box-shadow:0 3px 9px #14323f0d}.google-button:hover{border-color:var(--green)}.google-g{font-size:19px;color:#4285f4;margin-right:10px}.google-button small{float:right;margin:5px 13px 0 0;font:9px "DM Mono";letter-spacing:1px;color:#829194}.login-note{font-size:11px;color:#718286;padding:12px 14px;border-radius:6px;background:#edf5f2}.login-side{background:var(--navy);position:relative;overflow:hidden}.login-grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(#a2d4c630 1px,transparent 1px),linear-gradient(90deg,#a2d4c630 1px,transparent 1px);background-size:45px 45px;transform:skewY(-8deg) scale(1.3)}.login-quote{position:absolute;bottom:87px;left:70px;color:#d7ece8}.login-quote span{color:#8bdbbe;font-size:25px}.login-quote p{font-family:Georgia,serif;font-size:28px;line-height:1.32}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;background:var(--navy);color:#b7cbcc;position:fixed;inset:0 auto 0 0;padding:24px 13px;z-index:5;display:flex;flex-direction:column}.app-brand{position:static;color:#fff;margin:0 9px 29px;font-size:18px}.workspace{display:flex;align-items:center;gap:8px;background:#254b55;border-radius:7px;padding:9px;margin-bottom:22px;font-size:10px}.workspace b,.workspace small{display:block}.workspace small{font-size:8px;color:#a5c0c0}.company-dot,.avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e4b681;color:#613b17;font-size:9px;font-weight:800}.workspace .chev{margin-left:auto}.sidebar nav{display:grid;gap:3px}.nav-item{border:0;color:#b7cbcc;text-align:left;background:transparent;border-radius:5px;padding:10px;font-size:12px;cursor:pointer}.nav-item i{font-style:normal;font-size:15px;width:24px;display:inline-block}.nav-item.active,.nav-item:hover{background:#28515b;color:#fff}.nav-item b{float:right;background:#e4ad49;color:#6b4912;font-size:8px;border-radius:8px;padding:1px 5px}.sidebar-bottom{margin-top:auto}.back-link{font-size:10px;margin:15px 9px 0;display:block;color:#9ab6b5;text-decoration:none}.workspace-main{width:calc(100% - 238px);margin-left:238px}.topbar{height:68px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.topbar-status{font-size:10px;color:#718589}.topbar-status span{display:inline-block;background:#50bb82;width:6px;height:6px;border-radius:50%;margin-right:7px}.user-menu{display:flex;align-items:center;gap:8px;font-size:10px}.user-menu b,.user-menu small{display:block}.user-menu small{font-size:9px;color:#7e8f92}.user-menu i{font-style:normal;margin-left:8px}.avatar{background:#d9b083}.topbar #mobile-menu{display:none}.page{display:none;padding:46px 50px;max-width:1370px;margin:auto}.active-page{display:block}.page-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:32px}.page-heading h1{margin:9px 0 7px;font-size:38px}.page-heading p{color:var(--muted);margin:0;font-size:13px}.primary-btn,.secondary-btn,.outline-btn{border:0;border-radius:6px;padding:10px 14px;font-weight:800;font-size:11px;cursor:pointer}.primary-btn{background:var(--green);color:#fff;box-shadow:0 6px 13px #147d6926}.secondary-btn{background:#e3f0ec;color:#176a5d}.outline-btn{border:1px solid #c6d7d3;background:#fff;color:#315158}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.stats article,.panel,.workflow-card,.source-card,.mapping-panel,.connection-grid article{background:#fff;border:1px solid var(--line);border-radius:8px}.stats article{padding:17px}.stats small{display:block;font:9px "DM Mono";letter-spacing:.6px;color:#7c8d90}.stats b{font-size:27px;letter-spacing:-1.5px;display:block;margin:3px 0}.stats span{font-size:10px;color:#788a8d}.stats .up{color:var(--green)}.stats .ready{color:#15806c}.overview-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}.panel{padding:23px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel h2,.workflow-card h2,.source-card h2,.mapping-panel h2,.connection-grid h2{font-size:17px;letter-spacing:-.6px;margin:4px 0}.ghost-link{border:0;background:transparent;color:var(--green);font-weight:800;font-size:10px;cursor:pointer}.overview-draft{display:flex;gap:10px;align-items:center;border-top:1px solid #edf1f0;padding:14px 0 0;margin-top:14px}.overview-draft div{flex:1}.overview-draft b,.overview-draft small{display:block}.overview-draft b{font-size:11px}.overview-draft small{color:#78898d;font-size:10px}.overview-draft button{border:0;background:#edf5f2;color:#1b7262;border-radius:4px;font-size:9px;font-weight:800;padding:5px 7px;cursor:pointer}.draft-avatar{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;font-size:9px;font-weight:800}.draft-avatar.amber,.draft-status.amber{background:#fae4bb;color:#986315}.draft-avatar.blue,.draft-status.blue{background:#dce9fc;color:#376ebd}.draft-avatar.purple,.draft-status.purple{background:#e9defa;color:#7954ae}.insight-panel{min-height:300px}.health-ring{display:grid;place-items:center;width:89px;height:89px;margin:17px auto;border:7px solid #a8ddca;border-right-color:#e7f0ed;border-radius:50%;transform:rotate(30deg)}.health-ring div{text-align:center;transform:rotate(-30deg)}.health-ring b,.health-ring small{display:block}.health-ring b{font-size:18px}.health-ring small{font-size:9px;color:#608078}.health-row{display:flex;justify-content:space-between;border-top:1px solid #edf1f0;padding:7px 0;font-size:10px}.health-row b{color:var(--green)}.green-dot,.gold-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#34a977;margin-right:5px}.gold-dot{background:#dba73c}.insight-panel .secondary-btn{width:100%;margin-top:11px}.recent-panel{margin-top:16px}.activity-list{margin-top:13px}.activity-row{display:flex;align-items:center;gap:11px;border-top:1px solid #edf1f0;padding:11px 0}.activity-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:#e8f3ef;color:var(--green);font-weight:800}.activity-row div{flex:1}.activity-row b{font-size:11px}.activity-row p{font-size:10px;color:#798b8e;margin:0}.activity-row small{font-size:9px;color:#8a999b}.queue-layout{display:grid;grid-template-columns:40% 60%;background:#fff;border:1px solid var(--line);border-radius:9px;min-height:535px;overflow:hidden}.draft-list{border-right:1px solid var(--line)}.list-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 16px;align-items:center;gap:17px}.tab{border:0;border-bottom:2px solid transparent;padding:15px 0;background:transparent;color:#77898c;font-size:10px;cursor:pointer}.tab.active{color:var(--green);border-color:var(--green);font-weight:800}.tab b{background:#dbf0e8;padding:1px 5px;border-radius:9px;font-size:8px}.filter{margin-left:auto;border:1px solid #d2e0de;border-radius:4px;background:#fff;padding:5px;font-size:9px}.draft-list-item{border:0;border-bottom:1px solid #edf1f0;width:100%;background:#fff;padding:16px;text-align:left;display:flex;gap:9px;align-items:center;cursor:pointer}.draft-list-item:hover,.draft-list-item.selected{background:#f1f8f5}.draft-info{flex:1;min-width:0}.draft-info b,.draft-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-info b{font-size:10px}.draft-info small{font-size:9px;color:#718589;margin-top:2px}.draft-status{font-size:7px;white-space:nowrap;padding:3px 5px;border-radius:8px}.draft-preview{padding:25px 29px;display:flex;flex-direction:column}.preview-head{display:flex;justify-content:space-between}.more{border:0;background:transparent;color:#60757b}.preview-recipient{display:flex;align-items:center;gap:8px;margin:21px 0}.preview-recipient b,.preview-recipient small{display:block}.preview-recipient b{font-size:12px}.preview-recipient small{font-size:10px;color:#738488}.preview-message{border-top:1px solid #e9efed;border-bottom:1px solid #e9efed;padding:16px 2px;flex:1;font-size:11px;line-height:1.65}.preview-message small{font:8px "DM Mono";color:#7d9092}.preview-message h3{font-size:13px;margin:12px 0}.preview-message p{margin:7px 0}.preview-note{display:flex;gap:8px;margin:14px 0;background:#f2f8f6;border-radius:5px;padding:8px;font-size:9px;color:#647d7b}.preview-note span{color:var(--green);font-size:15px}.preview-note p{margin:0}.preview-actions{display:flex;justify-content:flex-end;gap:7px}.preview-actions button{border-radius:5px;padding:8px 11px;font-weight:800;font-size:10px;cursor:pointer}.skip{background:#fff;border:0;color:#859396}.edit{background:#fff;border:1px solid #c9d8d5;color:#2e5058}.approve{background:var(--green);border:0;color:#fff}.caught-up,.queue-empty,.all-caught-up{text-align:center;color:#71878a;padding:80px 25px}.caught-up span{display:grid;place-items:center;margin:auto;background:#ddf1e9;color:var(--green);width:40px;height:40px;border-radius:50%;font-size:22px}.caught-up h2{color:var(--ink);font-size:18px}.workflow-card{padding:25px}.workflow-card-top,.workflow-footer,.source-card,.connection-grid article{display:flex;align-items:center;justify-content:space-between}.flow-title,.source-main{display:flex;align-items:center;gap:12px}.flow-badge,.sheet-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#e0f0e9;color:var(--green);font-size:20px}.workflow-card p,.source-card p,.connection-grid p{margin:2px 0;font-size:11px;color:var(--muted)}.toggle{font-size:10px;color:var(--green);font-weight:800;display:flex;align-items:center;gap:7px}.toggle input{display:none}.toggle span{display:inline-block;background:#2fac7f;width:29px;height:16px;border-radius:10px}.toggle span:after{content:'';display:block;background:#fff;width:12px;height:12px;border-radius:50%;margin:2px 2px 2px 15px}.logic{background:#f3f8f6;margin:25px 0;padding:20px;display:flex;align-items:center;gap:12px}.logic div{background:#fff;border:1px solid #dce8e5;border-radius:5px;padding:9px;min-width:140px}.logic small{display:block;font:8px "DM Mono";color:#819392}.logic b{font-size:10px}.logic em{color:var(--green);font-style:normal}.logic>i,.logic>strong{color:#83a39a}.workflow-footer{border-top:1px solid #e8efed;padding-top:17px;font-size:10px;color:#74878a}.plain-btn{border:0;background:transparent;color:#718589;font-size:10px;margin-right:8px}.empty-cta{display:flex;align-items:center;gap:17px;padding:23px;margin-top:16px;border-radius:8px;background:#e5f2ed}.empty-cta>span{font-size:23px;color:var(--green)}.empty-cta div{flex:1}.empty-cta h2{font-size:14px;margin:0}.empty-cta p{font-size:11px;color:#66807c;margin:2px 0}.source-card{padding:25px;margin-bottom:16px}.source-main a{font-size:10px;color:var(--green);font-weight:700}.source-meta{display:flex;align-items:center;gap:28px}.source-meta small{display:block;font:8px "DM Mono";color:#819395}.source-meta b{font-size:15px}.mapping-panel{padding:23px}.mapping-grid{margin-top:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mapping-grid span{border:1px solid #e0e9e7;border-radius:5px;padding:10px}.mapping-grid b,.mapping-grid em{display:block;font-size:10px}.mapping-grid em{font-style:normal;color:var(--green);margin-top:2px}.activity-full{max-width:800px}.connection-grid{display:grid;gap:14px;max-width:730px}.connection-grid article{padding:20px}.connection-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:7px;background:#fff4df;color:#d38a14;font-size:19px;font-weight:800;margin-right:12px}.connection-icon.gmail{background:#e8f1ff;color:#3e78ce}.connection-grid article div{flex:1}.modal{position:fixed;inset:0;background:#13303cb5;z-index:10;display:grid;place-items:center;padding:20px}.modal-card{width:min(100%,480px);background:#fff;border-radius:10px;padding:29px;position:relative}.modal-close{position:absolute;top:10px;right:14px;border:0;background:transparent;font-size:22px;color:#708487}.modal-card h2{font-size:22px;letter-spacing:-1px;margin:10px 0 20px}.modal-card label{font-size:10px;font-weight:800}.modal-card input{display:block;width:100%;border:1px solid #cddbd8;border-radius:5px;padding:9px;margin:5px 0 16px}.rule-block{background:#f2f7f5;padding:12px;margin:10px 0;border-radius:6px}.rule-block small{font:9px "DM Mono";color:var(--green)}.rule-block div{display:flex;gap:8px;margin-top:6px}.rule-block select{border:1px solid #d2e1de;background:#fff;border-radius:4px;padding:6px;font-size:10px}.rule-block p{font-size:10px;color:#6e8480;margin:7px 0 0}
@media(max-width:900px){.login-screen{grid-template-columns:1fr}.login-side{display:none}.login-card{width:min(100% - 40px,430px)}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.workspace-main{width:100%;margin-left:0}.topbar #mobile-menu{display:block;border:0;background:transparent;font-size:19px}.page{padding:31px 22px}.stats{grid-template-columns:repeat(2,1fr)}.overview-grid,.queue-layout{grid-template-columns:1fr}.queue-layout{display:block}.draft-list{border-right:0;border-bottom:1px solid var(--line)}.draft-preview{min-height:500px}.page-heading{gap:13px}.logic{flex-wrap:wrap}.source-card{display:block}.source-meta{margin-top:20px}.mapping-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.login-brand{left:23px}.login-card h1,.page-heading h1{font-size:34px;letter-spacing:-2px}.page-heading{display:block}.page-heading .primary-btn,.page-heading .outline-btn{margin-top:17px}.stats{grid-template-columns:1fr 1fr}.stats article{padding:12px}.stats b{font-size:22px}.topbar{padding:0 17px}.topbar-status{display:none}.logic{display:block}.logic div{margin:8px 0}.logic>i,.logic>strong{display:block;text-align:center}.source-meta{gap:15px;flex-wrap:wrap}.mapping-grid{grid-template-columns:1fr}.connection-grid article{flex-wrap:wrap}.connection-grid article .outline-btn{margin:14px 0 0 51px}.preview-actions{flex-wrap:wrap}.draft-preview{padding:19px}.workflow-footer{display:block}.workflow-footer div{margin-top:13px}.empty-cta{flex-wrap:wrap}.empty-cta .outline-btn{margin-left:40px}.login-card{margin-top:40px}}