@import "https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&family=Manrope:wght@400;600;700;800&display=swap";
:root{--cream:#f7f3ec;--ink:#222625;--terra:#c25639;--line:#e7e0d4;--muted:#777065}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Heebo,Arial,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}button:hover,.button:hover{background:#f0e9df}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #d6654870}.primary{background:var(--ink);border-color:var(--ink);color:#fff}.primary:hover{background:#414641}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.shell{grid-template-columns:245px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-left:1px solid var(--line);background:#fdfbf7;flex-direction:column;height:100vh;padding:34px 24px 24px;display:flex;position:sticky;top:0}.brand{color:var(--ink);direction:ltr;text-decoration:none;display:block}.brand strong{letter-spacing:-1.8px;font:800 30px Manrope,sans-serif}.brand strong span{vertical-align:top;letter-spacing:0;margin-left:3px;font-size:11px}.brand small{letter-spacing:1px;align-items:center;gap:7px;margin-top:6px;font:700 8px Manrope,sans-serif;display:flex}.brand i{background:var(--terra);width:1px;height:9px}.side-caption{color:var(--muted);margin:58px 12px 16px;font-size:11px}.sidebar nav{gap:7px;display:grid}.nav{color:#777065;background:0 0;border:0;justify-content:flex-start;width:100%;padding:12px}.nav span{margin-right:auto;font-size:11px}.nav.active{color:var(--terra);background:#f3e4db;font-weight:600}.side-footer{border-top:1px solid var(--line);margin-top:auto;padding:32px 12px 0}.agency-mark{letter-spacing:-4px;text-align:right;direction:ltr;font:800 50px Manrope,sans-serif}.agency-mark span{color:var(--terra);font-size:31px}.side-footer p{margin:12px 0 20px;font-size:20px;line-height:1.6}.side-footer small{letter-spacing:1px;color:var(--muted);font:600 8px Manrope,sans-serif}.logout{color:var(--muted);background:0 0;border:0;padding:20px 0 0;font-size:12px}.topbar{border-bottom:1px solid var(--line);height:78px;color:var(--muted);justify-content:space-between;align-items:center;gap:15px;padding:0 42px;font-size:12px;display:flex}.status-dot{background:#6e8168;border-radius:50%;width:6px;height:6px;margin-left:8px;display:inline-block}.slash{color:#b7ada0;padding:0 12px}.top-meta{align-items:center;gap:7px;display:flex}.content{max-width:1420px;margin:auto;padding:42px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;display:flex}.eyebrow{text-align:right;letter-spacing:2px;color:var(--terra);direction:ltr;margin-bottom:17px;font:700 10px Manrope,sans-serif}h1{letter-spacing:-1.3px;margin:0 0 17px;font-size:clamp(30px,3.1vw,45px);font-weight:500;line-height:1.28}h1 span:not(.small-title){color:#938779}p{line-height:1.8}.page-heading p,.section-head p{color:var(--muted);margin:0;font-size:13px}h2{margin:0 0 7px;font-size:20px;font-weight:500}h3{margin:0 0 8px;font-size:17px;font-weight:500}.stats{border:1px solid var(--line);background:#fdfbf7;border-radius:9px;grid-template-columns:repeat(3,1fr);margin-bottom:40px;display:grid}.stats>div{gap:14px;padding:23px 26px;display:grid;position:relative}.stats>div+div{border-right:1px solid var(--line)}.stats small{color:var(--muted);font-size:12px}.stats strong{font:500 36px Manrope,sans-serif}.stats svg{color:#a99c8a;width:24px;position:absolute;bottom:26px;left:25px}.section-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.search{border:1px solid var(--line);color:#aaa093;background:#fdfbf7;border-radius:6px;align-items:center;gap:9px;padding:10px 12px;display:flex}.search input{background:0 0;border:0;outline:0;width:170px}.client-grid,.asset-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.client-card,.asset-card{text-align:right;border-radius:9px;min-height:225px;padding:24px;display:block;box-shadow:0 2px 5px #22262503}.client-card:hover,.asset-card:hover{background:#fff;border-color:#b7ada0;transform:translateY(-2px)}.client-monogram{border-radius:9px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.client-monogram img{object-fit:contain;max-width:100%;max-height:100%}.badge{color:#7b7266;white-space:nowrap;background:#f0ede8;border-radius:30px;padding:5px 10px;font-size:10px;line-height:1.5;display:inline-block}.badge.active,.badge.live,.badge.approved{color:#526a49;background:#eaf0e6}.badge.onboarding,.badge.review{color:#946d2e;background:#faf0da}.badge.changes{color:#ab4d37;background:#fbe5df}.client-card h2{margin-top:21px}.client-card p{color:var(--muted);margin:6px 0 23px;font-size:12px}.card-bottom{color:var(--muted);border-top:1px solid #eee9e1;justify-content:space-between;align-items:center;padding-top:18px;font-size:11px;display:flex}.progress{background:#f0ebe4;border-radius:3px;height:3px;margin-top:15px;overflow:hidden}.progress i{background:#b7ada0;height:100%;display:block}.quiet-note{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:38px;padding-top:25px;font-size:11px;display:flex}.quiet-note span{color:var(--terra);margin-left:15px;font:600 10px Manrope,sans-serif}.empty{text-align:center;background:#fdfbf7;border:1px dashed #d8d1c6;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:280px;padding:40px;display:flex}.empty>svg{color:#ae9981;margin-bottom:14px}.empty h2,.empty p{margin:0 0 8px}.empty p{color:var(--muted)}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:120px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:20px;padding:26px 42px;font:600 10px Manrope,sans-serif;display:flex}footer span{font-family:Heebo,sans-serif}.login{max-width:460px;min-height:calc(100vh - 155px);margin:auto;padding:70px 30px}.login h1{font-size:39px}.login p{color:var(--muted)}.login small{color:var(--muted);margin-top:25px;font-size:11px;display:block}.login form{margin-top:30px}.login form button{width:100%;margin-top:10px}.field{gap:7px;margin-bottom:17px;display:grid}.field>span{color:#696156;font-size:12px}.field input,.field textarea,.field select,select{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #d8d1c6;border-radius:6px;padding:11px}.field textarea{resize:vertical}.form-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.code{font:11px monospace}.overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#22262566;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fdfbf7;border-radius:12px;width:100%;max-width:700px;max-height:90vh;padding:30px;overflow:auto;box-shadow:0 25px 100px #0003}.modal>div:first-child{margin-bottom:20px}.icon{background:0 0;border:0;padding:6px}.muted{color:var(--muted);font-size:12px}.alert{color:#9d3f2c;background:#fbe5df;border-radius:8px;justify-content:space-between;align-items:center;margin:20px 42px 0;padding:14px 18px;display:flex}.toast{z-index:100;background:var(--ink);color:#fff;border-radius:8px;gap:10px;padding:14px 22px;display:flex;position:fixed;bottom:25px;left:25px}.portal-heading h1{font-size:34px}.small-title{letter-spacing:0;color:var(--muted);font-size:17px}.onboarding{border:1px solid var(--line);background:#fdfbf7;border-radius:8px;margin-bottom:23px;padding:22px}.onboarding h3{margin:0;font-size:15px}.onboarding select{width:auto;padding:5px 9px;font-size:12px}.checks{flex-wrap:wrap;gap:14px 25px;margin-top:18px;display:flex}.checks label{color:#777065;align-items:center;gap:7px;font-size:11px;display:flex}.checks input{accent-color:var(--terra)}.portal-summary{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-bottom:36px;padding-bottom:25px;display:grid}.portal-summary>div{align-items:center;gap:12px;display:flex}.portal-summary strong{font:600 26px Manrope,sans-serif}.portal-summary span{color:var(--muted);font-size:11px}.asset-icon{color:var(--client-accent,var(--terra));background:#f7f0e6;border-radius:9px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.asset-card h3{margin-top:20px;font-size:16px;line-height:1.6}.asset-card>p{color:var(--muted);min-height:44px;font-size:12px}.back{color:var(--muted);background:0 0;border:0;padding:0 0 18px}.asset-detail{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.preview-section{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:0;padding:24px}.preview-section h2{margin-top:10px}.email-meta{background:#f7f3ec;border-radius:8px;gap:7px;margin:20px 0;padding:18px;display:grid}.email-meta small{color:var(--muted);font-size:10px}.email-meta strong{font-size:14px;font-weight:500}.email-meta span{font-size:12px}.description{white-space:pre-wrap;color:#696156;font-size:13px}.meta-chips{color:var(--muted);flex-wrap:wrap;gap:10px;margin:16px 0;font-size:11px;display:flex}.preview-toolbar{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-top:15px;font-size:11px;display:flex}.preview-toolbar button{padding:5px 12px;font-size:11px}.preview-toolbar button.active{background:var(--ink);color:#fff}.iframe-wrap{background:#ece9e4;border-radius:6px;justify-content:center;margin-top:14px;padding:12px;display:flex}.iframe-wrap iframe{background:#fff;border:0;width:100%;height:750px;transition:max-width .2s}.discussion{border:1px solid var(--line);background:#fdfbf7;border-radius:9px;padding:21px}.discussion h3{align-items:center;gap:8px;display:flex}.discussion button{font-size:12px}.decision{border-bottom:1px solid var(--line);gap:8px;padding:16px 0;display:grid}.approve{color:#526a49;background:#eaf0e6}.messages{padding:18px 0}.messages article{border-bottom:1px solid var(--line);padding:12px 0}.messages strong{font-size:12px;font-weight:500}.messages time{color:var(--muted);font-size:9px}.messages article p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.discussion .field input,.discussion .field textarea{font-size:12px}.small{min-height:200px}.share-box{background:#f0e9df;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0;padding:18px;display:flex}.share-box input{background:#fff;border:0;border-radius:5px;width:100%;padding:12px;font-size:12px}.share-box a{color:var(--terra);align-items:center;gap:6px;font-size:12px;display:flex}@media (min-width:1550px){.content{padding:50px 65px}.sidebar{padding-left:29px;padding-right:29px}.shell{grid-template-columns:270px minmax(0,1fr)}}@media (max-width:1100px){.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:28px 18px}.content{padding:30px}.topbar{padding:0 30px}.asset-detail{grid-template-columns:minmax(0,1fr)}.discussion{max-width:none}.portal-summary>div{flex-direction:column;align-items:start;gap:4px}.top-meta{display:none}}@media (max-width:750px){.shell{display:block}.sidebar{border-left:0;border-bottom:1px solid var(--line);height:auto;padding:20px;position:static}.brand strong{font-size:25px}.brand small{font-size:7px}.side-caption,.side-footer{display:none}.sidebar nav{margin-top:20px;display:flex;overflow:auto}.nav{white-space:nowrap;width:auto;padding:9px;font-size:12px}.nav svg{width:16px}.nav span{margin-right:0}.topbar{height:53px;padding:0 20px;font-size:11px}.content{padding:26px 20px}.page-heading{flex-direction:column;align-items:flex-start;gap:18px}.page-heading h1{font-size:34px}.page-heading p{font-size:12px}.eyebrow{font-size:9px}h1{font-size:34px}.stats>div{padding:18px 13px}.stats small{font-size:10px}.stats strong{font-size:29px}.stats svg{display:none}.section-head{flex-direction:column;align-items:start}.search,.search input{width:100%}.client-grid,.asset-grid{grid-template-columns:1fr}.portal-summary{gap:8px}.portal-summary span{font-size:9px}.small-title{margin-top:8px;display:block}.checks{flex-direction:column;gap:13px}.preview-section{padding:16px}.preview-section>.row{align-items:start}.preview-section h2{font-size:19px}.preview-section>.row>.row{flex-wrap:wrap}.iframe-wrap{padding:3px}.iframe-wrap iframe{height:650px}.modal{padding:22px}.form-grid{grid-template-columns:1fr;gap:0}.overlay{padding:12px}.alert{margin:15px 20px}.quiet-note{line-height:2}.quiet-note span{width:100%}footer{padding:24px 20px;font-size:9px}.login{padding:42px 24px}.loading{padding:80px 20px}.onboarding>.row{align-items:start;gap:15px}.onboarding>.row>.row{flex-wrap:wrap}.portal-heading>.row button{font-size:12px}.client-card{min-height:220px}}