:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#24352d;background:#f6f7f4;font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.button{border:0;border-radius:8px;background:#244c38;color:#fff;padding:12px 18px;cursor:pointer;font-weight:600;display:inline-block}button:hover,.button:hover{background:#163d2a}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c7a447;outline-offset:3px}input,textarea,select{width:100%;border:1px solid #dce1da;border-radius:7px;padding:11px;background:#fff;color:#293d31}textarea{min-height:100px;resize:vertical}label{display:block;font-size:12px;font-weight:600;line-height:1.7}label input,label select,label textarea{display:block;margin:5px 0 15px}h1{font-size:38px;letter-spacing:-1.5px;margin:10px 0}h2{font-size:19px;letter-spacing:-.4px}h3{font-size:14px}p{line-height:1.7;color:#788279}small{display:block;font-size:11px;font-weight:400;color:#818b83;margin-top:6px}.brand{font-size:29px;font-weight:800;letter-spacing:-1.8px}.brand span{font-weight:500}.brand small{letter-spacing:2px;font-size:9px;margin-top:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#7a8a72}.login{max-width:430px;margin:8vh auto;padding:24px}.loginbox{margin-top:50px;background:#fff;border:1px solid #e1e5dc;border-radius:16px;padding:32px}.loginbox h1{font-size:32px}.loginbox form{margin-top:24px}.loginbox button{width:100%}.fine{font-size:11px;color:#899087}.notice{background:#eaf1df;border:1px solid #cfddbd;padding:14px 18px;border-radius:8px;margin:16px 0;color:#315333}.login footer{text-align:center;margin-top:25px}aside{position:fixed;inset:0 auto 0 0;width:228px;background:#eef1e9;border-right:1px solid #e0e5db;padding:34px 25px}.workspace{display:flex;gap:12px;margin:45px 0 30px;align-items:center}.avatar{background:#dce5ce;border:1px solid #cbd6bf;border-radius:11px;width:43px;height:43px;display:grid;place-items:center;font-size:25px;font-weight:700}.workspace strong{font-size:15px}.workspace small{font-size:10px}nav a{display:block;padding:12px;border-radius:8px;margin:6px 0;font-size:13px}nav a.active{background:#dfe7d8;color:#31503a;font-weight:600}.asidebottom{position:absolute;bottom:30px;font-size:11px;color:#51684b}.asidebottom p{font-size:11px}.dot{display:inline-block;background:#709661;width:6px;height:6px;border-radius:50%;margin-right:4px}.shell{margin-left:228px}header{height:85px;border-bottom:1px solid #e5e8e0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 44px;color:#8a938a;font-size:11px}header b{margin:0 12px;font-weight:400;color:#bdc4ba}.account{display:flex;gap:20px;align-items:center;color:#354a3c}.account small{font-size:10px}.subtle{background:#f0f3ed;color:#496045;padding:9px 12px;font-size:12px}.subtle:hover{background:#e1e8db}.dashboard{max-width:1350px;margin:auto;padding:42px 44px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.heading p{font-size:13px;margin:8px 0 30px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:8px 0 30px}.stats>div{background:#fff;border:1px solid #e4e8df;border-radius:12px;padding:22px}.stats span{font-size:11px;color:#778474}.stats strong{display:block;font-size:32px;font-weight:500;margin:16px 0 10px}.stats small{font-size:10px}.stats .green{background:#eaf0df;border-color:#dbe4cc}.worklist,.panel{background:#fff;border:1px solid #e1e6dc;border-radius:12px;margin:24px 0;overflow:hidden}.listhead{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;gap:15px}.listhead h2 span{font-size:11px;background:#eef2e7;border-radius:6px;padding:4px 7px;margin-left:6px;color:#65775c}.filters{display:flex;gap:10px;padding:8px 24px 20px;align-items:center}.filters select{max-width:170px;font-size:12px}.filters input{margin-left:auto;max-width:240px;font-size:12px}.reset{font-size:11px;color:#6e8064}.task{border-top:1px solid #eef0ea}.task>summary{display:flex;align-items:center;gap:15px;padding:20px 24px;cursor:pointer;list-style:none}.task>summary::-webkit-details-marker{display:none}.taskicon{width:31px;height:31px;flex-shrink:0;display:grid;place-items:center;background:#f3f0e7;border-radius:8px;color:#92805b}.taskicon.complete{background:#edf3e6;color:#63804e}.tasktitle{flex:1}.tasktitle strong{font-size:13px;font-weight:600}.tasktitle small{font-size:10px;margin-top:7px}.badge{padding:6px 9px;border-radius:6px;font-size:10px;white-space:nowrap;background:#f0f1ed;color:#73806b}.badge.s1{background:#e9eef7;color:#677da7}.badge.s2{background:#faf0da;color:#a78640}.badge.s3{background:#e8f1df;color:#69834f}time{font-size:10px;color:#8a9386;min-width:100px;text-align:right}.overdue{color:#b26d52}.chevron{color:#8a9685}.taskbody{padding:4px 30px 28px 70px;background:#fcfdf9;border-top:1px solid #edf0e8}.description,.note p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.note{border-left:2px solid #c9d7bb;padding:5px 16px;margin:15px 0}.note strong{font-size:12px}.note small{display:inline-block;margin-left:10px;font-size:10px}.edit{padding:15px 0;color:#4a6942}.edit>summary{cursor:pointer;font-size:12px}.gridform{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 18px;align-items:end}.gridform .wide{grid-column:1/-1}.gridform button{justify-self:start;margin-bottom:15px}.panel{padding:25px;scroll-margin-top:20px}.panel>p{font-size:12px}.panel h2{margin-top:8px}.empty{text-align:center;padding:40px}.empty>div{font-size:27px;color:#a5b69a}.empty p{font-size:12px}.member{padding:15px 0;border-bottom:1px solid #edf0e7;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.member>div{flex:1}.passwordform{display:flex;align-items:center;gap:10px}.passwordform input{margin-bottom:0}.passwordform button{margin-top:21px}footer{font-size:11px;color:#8e9788;padding:15px 0}footer span{float:right}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1050px){aside{width:190px;padding:30px 18px}.shell{margin-left:190px}.dashboard{padding:30px 24px}.stats{gap:10px}.stats>div{padding:16px}.listhead .fine{display:none}.filters{flex-wrap:wrap}.filters input{margin-left:0;max-width:none;flex:1}header{padding:0 24px}}@media(max-width:730px){aside{position:static;width:auto;padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.workspace{margin:0}.workspace small,aside nav,.asidebottom{display:none}.shell{margin:0}header{height:64px;padding:0 20px}.dashboard{padding:26px 16px}h1{font-size:31px}.heading{align-items:flex-start}.heading .button{font-size:11px;white-space:nowrap;padding:10px;margin-top:12px}.stats{grid-template-columns:repeat(2,1fr)}.stats strong{margin:10px 0}.task>summary{padding:16px;gap:10px;flex-wrap:wrap}.tasktitle{min-width:65%}.task .badge{margin-left:41px}time{min-width:0;margin-left:auto}.taskbody{padding:15px 20px}.gridform{grid-template-columns:1fr}.gridform .wide{grid-column:auto}.filters{padding:8px 16px 16px}.filters select{max-width:none;width:calc(50% - 5px)}.listhead{padding:10px 16px}.login{margin:3vh auto}.loginbox{padding:25px;margin-top:30px}.passwordform{width:100%}footer span{float:none;display:block;margin-top:8px}}

.logo-agency{position:relative;overflow:hidden;width:160px;height:67px;flex-shrink:0}.logo-agency img{position:absolute;width:113.73%;max-width:none;height:auto;left:-6.57%;top:-10.41%}.logo-ondo{position:relative;overflow:hidden;width:66px;height:17px;flex-shrink:0}.logo-ondo img{position:absolute;width:107.9%;max-width:none;height:auto;left:-4%;top:-214.51%}.workspace{gap:13px}.brandpair{display:flex;align-items:center;gap:12px;margin:0 0 15px}.brandpair .logo-ondo{width:92px;height:24px}.brandpair>span{font-size:10px;letter-spacing:1px;color:#83907b}.login .logo-agency{width:185px;height:77px}.retention{font-size:11px;color:#7e8b74;padding:0 24px;margin:0 0 17px}.deletebox{border:1px solid #ecd9d1;border-radius:8px;padding:12px 15px;margin:12px 0}.deletebox summary{color:#a14e38;font-size:12px;cursor:pointer}.deletebox p{font-size:12px}.check{display:flex;align-items:center;gap:8px;margin:12px 0}.check input{width:auto;margin:0}.danger{background:#a34f37}.danger:hover{background:#843b29}.previewbanner{background:#fff4e9;border:1px solid #f3deca;padding:12px 16px;border-radius:8px;font-size:12px;color:#8c653f;margin:0 0 22px}.previewbanner a{font-weight:600;text-decoration:underline}.previewnotice{font-size:11px;color:#87917d}.preview-note-form button{margin-top:8px}@media(max-width:730px){aside .logo-agency{width:120px;height:50px}.workspace .logo-ondo{width:48px;height:13px}.workspace strong{font-size:12px}}

/* Original logo proportions, with its transparent canvas excluded by the SVG viewBox. */
.logo-ondo,.brandpair .logo-ondo,.workspace .logo-ondo{position:static;overflow:visible;width:88px;height:auto;aspect-ratio:1001/255;display:flex;align-items:center;flex-shrink:0}
.logo-ondo img{position:static;display:block;width:100%;height:auto;max-width:100%;left:auto;top:auto;object-fit:contain}
.brandpair .logo-ondo{width:112px}.workspace{flex-wrap:wrap}.workspace strong{min-width:0}
@media(max-width:730px){.workspace .logo-ondo{width:68px}.brandpair .logo-ondo{width:100px}}
