@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('assets/dm-sans.woff2') format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('assets/manrope.woff2') format('woff2');
}
:root{--bg:#f7f8f4;--surface:#fff;--ink:#26352c;--muted:#778077;--line:#e6eae2;--green:#2b5944;--deep:#244a3a;--lime:#dceac9;--pale:#eef4e9;--orange:#b66f36;--amber:#f8ecd8;--purple:#8a709d;--radius:16px;--shadow:0 20px 60px #20362c14}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 'DM Sans',Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #97b896;outline-offset:3px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Manrope,Segoe UI,sans-serif}svg{display:block;flex-shrink:0}.icon{width:19px;height:19px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;width:224px;padding:28px 18px 20px;display:flex;flex-direction:column;z-index:30}.logo{display:flex;align-items:center;gap:11px;color:var(--deep);font-family:Manrope,sans-serif;font-size:31px;letter-spacing:-1.8px;font-weight:800;margin:0 16px 28px}.logo-mark{width:32px;height:35px;stroke:currentColor;fill:none;stroke-width:2.9;stroke-linecap:round}.workspace{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:11px;margin-bottom:28px;background:#fafbf8}.workspace-name{font-size:12px;font-weight:650}.workspace-sub{font-size:10px;color:var(--muted)}.workspace-icon{width:31px;height:31px;background:#e9efe2;color:#668259;border-radius:8px;display:grid;place-items:center}.nav-label{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#969d94;margin:0 14px 10px}.nav{display:flex;flex-direction:column;gap:5px}.nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;color:#737e73;font-size:12px;font-weight:550;border-radius:9px;position:relative}.nav a:hover{background:#f5f7f1;color:var(--green)}.nav a.active{background:#edf3e7;color:var(--green);font-weight:700}.nav a.active:before{content:'';position:absolute;left:0;height:17px;width:3px;background:var(--green);border-radius:3px}.nav-count{margin-left:auto;font-size:10px;border-radius:5px;padding:1px 5px;background:#dfe9d5;color:#43603b}.brand-links{margin-top:29px}.brand-link{display:flex;align-items:center;gap:10px;font-size:11px;color:#7c857b;padding:9px 14px}.brand-dot{width:7px;height:7px;border-radius:50%;background:#c9a786}.brand-dot.bruma{background:#a47b66}.brand-dot.casa{background:#aca1c6}.sidebar-bottom{margin-top:auto;padding-top:22px}.client-access{display:flex;align-items:center;gap:10px;background:#f4f7ef;color:#46633d;padding:12px 13px;font-size:11px;font-weight:650;border-radius:10px;margin-bottom:18px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:17px 10px 0}.profile-name{font-size:11px;font-weight:700}.profile-sub{font-size:10px;color:var(--muted)}.demo-dot{width:6px;height:6px;border-radius:50%;background:#95ad7c;display:inline-block;margin-right:4px}.main{grid-column:2;min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);background:#fbfcf9;gap:20px}.breadcrumb{font-size:11px;color:#98a095;display:flex;align-items:center;gap:10px;min-width:0}.breadcrumb strong{color:#56614e;font-weight:600}.top-tools{display:flex;align-items:center;gap:20px}.search-trigger{display:flex;align-items:center;gap:9px;color:#90978e;background:none;border:0;font-size:11px}.keycap{font-size:10px;padding:1px 5px;border:1px solid var(--line);border-radius:5px;margin-left:24px;color:#a1a89c}.icon-btn{width:35px;height:35px;display:grid;place-items:center;background:transparent;border:0;border-radius:9px;color:#77836e;position:relative}.icon-btn:hover{background:#eaf0e2}.notice-dot{position:absolute;top:8px;right:9px;border:2px solid #fbfcf9;background:#b6c987;width:7px;height:7px;border-radius:50%}.mobile-menu{display:none}.content{padding:32px 38px 42px;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;color:var(--muted);margin-bottom:7px}.page-heading h1{font-size:28px;letter-spacing:-1.15px;font-weight:750;line-height:1.3}.subheading{font-size:12px;color:var(--muted);margin-top:7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:9px;font-size:11px;font-weight:650;border:1px solid var(--line);background:white;white-space:nowrap}.button.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 3px 5px #244a3a0a}.button.primary:hover{background:#214732}.button.secondary{background:#f1f5ea;color:var(--green);border-color:#e0e8d6}.button.quiet{background:transparent;border:0;color:var(--muted);padding:8px}.button.small{padding:8px 12px;font-size:10px}.button .icon{width:16px;height:16px}.button-group{display:flex;align-items:center;gap:9px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:4px 8px;font-size:9px;font-weight:600;white-space:nowrap;background:#edf0e8;color:#718267}.pill.green{background:#eaf2e2;color:#65814c}.pill.orange{background:#f8ecd9;color:#a6793c}.pill.purple{background:#eee9f3;color:#8a7099}.pill.gray{background:#f0f1ee;color:#888e85}.pill.blue{background:#e8eef4;color:#637f9d}.pill.dot:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;padding:21px 23px 17px;gap:10px}.card-head h2{font-size:14px;letter-spacing:-.4px}.text-link{font-size:10px;color:#7f8f70;display:flex;align-items:center;gap:6px;border:0;background:none;padding:0;font-weight:600}.text-link .icon{width:13px;height:13px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.welcome{background:#ecf2e6;min-height:177px;display:flex;position:relative;padding:26px 28px;border-radius:16px;border:1px solid #e2e9d9;overflow:hidden;margin-bottom:23px}.welcome-copy{position:relative;z-index:1;max-width:62%}.welcome .eyebrow{text-transform:uppercase;font-size:8px;letter-spacing:1.5px;color:#748363;margin-bottom:10px}.welcome h2{font-size:23px;letter-spacing:-.9px;max-width:340px;line-height:1.35;font-weight:650}.welcome p{font-size:11px;color:#78876a;margin-top:10px;max-width:360px}.welcome-art{position:absolute;right:15px;top:-6px;width:260px;height:195px;opacity:.86}.welcome-art svg{width:100%;height:100%}.welcome-link{margin-top:13px;color:#466538;font-size:10px;font-weight:700;display:flex;align-items:center;gap:6px}.welcome-link .icon{width:13px;height:13px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.stat{padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:white}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8b9385;margin-bottom:8px}.stat-top .icon{width:15px;height:15px;color:#86976f}.stat-number{font-family:Manrope,sans-serif;font-size:27px;line-height:1.3;letter-spacing:-1px;font-weight:650}.stat-bottom{font-size:9px;color:#9aa38f;margin-top:7px;display:flex;align-items:center;gap:4px}.stat-bottom strong{color:#728e5b;font-weight:500}.stat-bottom.orange{color:#ad8b59}.focus-card{margin-bottom:23px}.focus-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 23px;border-top:1px solid #f0f2ec}.focus-row:hover{background:#fbfcf8}.focus-symbol{width:29px;height:29px;background:#f6eedf;color:#b1915c;border-radius:9px;display:grid;place-items:center}.focus-symbol.purple{background:#f0ebf5;color:#9f85b2}.focus-symbol.green{background:#edf2e5;color:#87a266}.focus-symbol .icon{width:15px;height:15px}.row-title{font-size:11px;font-weight:600;margin-bottom:3px}.row-meta{font-size:9px;color:#98a08e;display:flex;align-items:center;gap:7px}.row-meta .brand-dot{width:5px;height:5px}.row-end{display:flex;align-items:center;gap:12px;font-size:9px;color:#9ca58f}.row-end .icon{width:14px;height:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px;gap:15px}.section-heading h2{font-size:14px;letter-spacing:-.4px}.campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.campaign-card{padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff;display:block;transition:transform .18s,box-shadow .18s}.campaign-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #244a3a0c}.campaign-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px}.brand-monogram{width:33px;height:33px;border-radius:9px;font-family:Georgia,serif;font-size:19px;display:grid;place-items:center;background:#f3e9dd;color:#a08368}.brand-monogram.bruma{background:#eee5de;color:#92705a}.brand-monogram.casa{background:#eeebf4;color:#9b88b0}.brand-monogram.nido{background:#e7eee6;color:#6c8468}.campaign-title{font-size:12px;font-weight:700;line-height:1.5;letter-spacing:-.2px;margin-bottom:4px}.campaign-brand{font-size:9px;color:#919b87;margin-bottom:18px}.progress-label{display:flex;justify-content:space-between;font-size:8px;color:#89967d;margin-bottom:7px}.progress-track{height:4px;background:#eff2e9;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:#b5c993;border-radius:10px}.campaign-foot{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#9ba68e;margin-top:16px}.avatar{width:29px;height:29px;border-radius:50%;background:#e5ebd9;color:#657a51;display:inline-grid;place-items:center;font-size:9px;font-weight:650;border:2px solid #fff;flex-shrink:0}.avatar.peach{background:#f0e3d6;color:#a08468}.avatar.lavender{background:#e8e3ef;color:#9382a1}.avatar-stack{display:flex;padding-left:5px}.avatar-stack .avatar{margin-left:-5px;width:24px;height:24px;font-size:7px}.aside-stack{display:flex;flex-direction:column;gap:20px}.agenda .card-head{padding-bottom:8px}.agenda-day{font-size:9px;color:#939c8b;padding:0 23px 13px}.agenda-row{display:flex;gap:13px;padding:14px 23px;border-top:1px solid #f0f2eb}.agenda-time{font-size:9px;color:#a6ad9e;width:31px;padding-top:2px}.agenda-line{position:relative;flex:1;border-left:2px solid #bdccaa;padding-left:12px}.agenda-line.purple{border-color:#c6b8d6}.agenda-line.orange{border-color:#dcc49e}.agenda-line .row-title{font-size:10px}.agenda-line .row-meta{font-size:9px}.agenda-footer{padding:14px 23px;text-align:center;border-top:1px solid #f0f2eb}.memory-teaser{padding:22px;background:#f3f1e9;border-color:#e9e6d9;position:relative}.tiny-label{font-size:8px;text-transform:uppercase;letter-spacing:1.4px;color:#8e937e;font-weight:600}.memory-teaser .tiny-label{display:flex;align-items:center;gap:7px}.memory-teaser .tiny-label .icon{width:13px;height:13px}.memory-teaser blockquote{font-family:Manrope,sans-serif;margin:19px 0 14px;font-size:14px;line-height:1.6;letter-spacing:-.3px;color:#5e684e}.memory-teaser .row-meta{font-size:8px;color:#a4a68e}.memory-teaser .text-link{margin-top:19px;font-size:9px}.team-card .card-head{padding-bottom:13px}.team-row{display:flex;align-items:center;gap:9px;padding:0 23px 16px}.team-row .avatar{width:28px;height:28px}.team-row-copy{flex:1}.team-row-copy strong{font-size:10px;font-weight:550}.team-bar{height:3px;background:#f0f3e9;margin-top:6px;border-radius:5px;overflow:hidden}.team-bar span{display:block;height:100%;background:#bfd09f}.team-hours{font-size:8px;color:#a1aa94}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px;flex-wrap:wrap}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:24px}.tab{border:0;background:none;padding:13px 1px;font-size:11px;color:#8a9382;position:relative}.tab.active{color:var(--green);font-weight:700}.tab.active:after{content:'';height:2px;background:var(--green);position:absolute;bottom:-1px;left:0;right:0;border-radius:3px}.tab-count{font-size:8px;border-radius:4px;background:#eef1e9;padding:1px 5px;margin-left:6px}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.select{border:1px solid var(--line);border-radius:8px;background:white;padding:8px 28px 8px 12px;color:#78846b;font-size:10px;max-width:100%;cursor:pointer}.segmented{display:flex;border:1px solid var(--line);border-radius:8px;background:white;padding:3px;gap:3px}.segmented button{border:0;background:none;padding:5px 9px;border-radius:5px;color:#97a08e;font-size:10px}.segmented button.active{background:#edf2e6;color:#547342}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}.board-column{min-width:0}.column-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;font-weight:600;color:#7b8870;margin-bottom:15px}.column-title span{display:flex;align-items:center;gap:7px}.column-dot{width:6px;height:6px;border-radius:50%;background:#aebba2}.column-dot.purple{background:#c0a4d1}.column-dot.orange{background:#d7b37c}.column-dot.green{background:#a0bc88}.column-number{font-size:8px;background:#e9ede3;border-radius:4px;padding:1px 5px}.piece-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:14px;display:block;transition:box-shadow .15s,transform .15s}.piece-card:hover{box-shadow:0 7px 20px #244a3a10;transform:translateY(-2px)}.piece-art{aspect-ratio:1.45;overflow:hidden;background:#f1eee8}.piece-art svg{width:100%;height:100%}.piece-body{padding:13px}.piece-brand{font-size:8px;color:#9a9f90;margin-bottom:6px;display:flex;align-items:center;gap:5px}.piece-body h3{font-size:10px;font-weight:650;line-height:1.5;margin-bottom:9px;letter-spacing:-.15px}.piece-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:#9ca38f;font-size:8px}.piece-channel{display:flex;align-items:center;gap:5px}.piece-channel .icon{width:11px;height:11px}.add-in-column{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;width:100%;border:1px dashed #dce3d2;border-radius:9px;background:none;color:#93a083;font-size:9px}.brand-header{display:flex;align-items:center;gap:17px}.brand-header .brand-monogram{width:60px;height:60px;font-size:35px;border-radius:14px}.brand-header h1{font-size:28px}.brand-header p{font-size:11px;color:var(--muted);margin-top:4px}.brand-meta{display:flex;gap:7px;margin-top:8px}.brand-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:23px}.brand-summary{padding:23px}.brand-summary h2{font-size:15px;margin-bottom:13px;letter-spacing:-.4px}.brand-summary>p{font-size:12px;line-height:1.9;color:#818b77}.tone-tags{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 24px}.tone-tag{border:1px solid #e4e8dc;background:#f9fbf6;color:#748960;border-radius:7px;padding:6px 11px;font-size:10px}.brand-rule{display:flex;gap:13px;align-items:flex-start;padding:17px 0;border-top:1px solid var(--line)}.rule-icon{width:28px;height:28px;background:#edf3e7;color:#839d6e;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.rule-icon .icon{width:14px;height:14px}.rule-copy{flex:1}.rule-copy h3{font-size:11px;font-weight:650;line-height:1.65}.rule-copy p{font-size:9px;color:#9ba48e;margin-top:5px}.rule-source{font-size:8px;color:#9eaa91;margin-top:8px;display:flex;align-items:center;gap:6px}.rule-source .icon{width:11px;height:11px}.small-card{padding:20px 22px}.small-card h2{font-size:12px;margin-bottom:16px}.label-value{display:flex;justify-content:space-between;gap:10px;font-size:10px;padding:8px 0;color:#929d86}.label-value strong{font-weight:550;color:#68795b;text-align:right}.channel-row{display:flex;align-items:center;gap:9px;margin-bottom:14px;font-size:10px;color:#819071}.channel-row .icon{width:15px;height:15px}.channel-row small{display:block;font-size:8px;color:#a0a893}.channel-row .pill{margin-left:auto;font-size:8px}.brand-details{display:flex;flex-direction:column;gap:20px}.mini-banner{height:120px;margin:-20px -22px 17px;overflow:hidden;background:#eee5d8}.mini-banner svg{width:100%;height:100%}.campaign-header{display:flex;align-items:center;gap:12px}.campaign-header .brand-monogram{width:43px;height:43px;font-size:24px}.campaign-dates{display:flex;align-items:center;gap:7px;font-size:10px;color:#8f9c80;margin-top:9px}.campaign-dates .icon{width:13px;height:13px}.campaign-summary{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(2,minmax(0,1fr));gap:16px;margin-bottom:25px}.brief-card{padding:21px 23px}.brief-card h3{font-size:11px;margin:7px 0 9px}.brief-card p{font-size:10px;line-height:1.8;color:#8a947d}.brief-card .stat-number{font-size:24px;margin:6px 0 10px}.campaign-stages{display:flex;gap:8px;align-items:center;margin:12px 0 24px;overflow:auto;padding-bottom:3px}.stage{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 14px;font-size:10px;color:#8f9a81;white-space:nowrap}.stage.active{background:#edf3e5;border-color:#d9e4cd;color:#647f4b}.stage span{font-size:8px;color:#9ba68e}.stage-arrow .icon{width:13px;height:13px;color:#bcc3b4}.piece-heading{margin-bottom:20px}.piece-heading h1{font-size:23px}.piece-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:23px;align-items:start}.editor-card{padding:0}.editor-top{padding:17px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.editor-top-title{font-size:11px;font-weight:600;display:flex;align-items:center;gap:8px}.editor-top-title .icon{width:14px;height:14px;color:#82936d}.piece-preview-wrap{padding:27px;background:#f8f9f5;display:flex;justify-content:center}.social-preview{width:100%;max-width:390px;border:1px solid #e0e5da;border-radius:10px;overflow:hidden;background:white;box-shadow:0 10px 25px #263d2e08}.social-top{display:flex;align-items:center;gap:8px;padding:11px 13px;font-size:10px;font-weight:650}.social-top .brand-monogram{width:25px;height:25px;border-radius:50%;font-size:15px}.social-top .icon{margin-left:auto;width:13px;height:13px;color:#8b9780}.social-art{aspect-ratio:1;overflow:hidden}.social-art svg{width:100%;height:100%}.social-tools{display:flex;gap:9px;padding:12px 13px 7px;color:#708363}.social-tools .icon{width:17px;height:17px}.social-tools .icon:last-child{margin-left:auto}.social-caption{font-size:10px;padding:0 13px 16px;color:#718168;line-height:1.8}.social-caption strong{color:#4d6244}.editor-copy{padding:22px}.editor-copy label{display:flex;justify-content:space-between;font-size:10px;color:#7f8f6e;margin-bottom:9px;font-weight:600}.copy-input{width:100%;border:1px solid #e1e7d8;border-radius:10px;padding:13px;font-size:11px;line-height:1.9;color:#76876a;min-height:138px;resize:vertical;background:#fdfefa}.editor-bottom{padding:0 22px 21px;display:flex;justify-content:space-between;align-items:center;gap:12px}.editor-bottom small{font-size:9px;color:#96a388}.feedback-card .card-head{padding:20px 21px 15px}.feedback-tabs{display:flex;gap:7px;margin:0 20px 20px}.feedback-tabs button{flex:1;padding:8px;border:0;background:#f8f9f5;border-radius:7px;font-size:9px;color:#a0a98f}.feedback-tabs button.active{background:#eaf1e1;color:#6c8452}.feedback-thread{padding:0 21px}.feedback-item{display:flex;gap:10px;margin-bottom:23px}.feedback-item .avatar{width:28px;height:28px}.feedback-content{flex:1}.feedback-author{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;font-weight:650}.feedback-author span{font-size:8px;font-weight:400;color:#a0a993}.feedback-text{font-size:11px;line-height:1.85;color:#879479;margin-top:8px}.feedback-version{display:inline-flex;font-size:8px;background:#f2f4ed;color:#9aa58c;padding:2px 6px;border-radius:4px;margin-top:8px}.decision-note{margin:0 20px 20px;background:#f3f5eb;border:1px solid #e7ebdc;padding:13px;border-radius:9px;font-size:9px;line-height:1.8;color:#8c9a76}.decision-note strong{display:block;font-size:9px;color:#788a62;margin-bottom:3px}.decision-note .text-link{margin-top:8px;font-size:8px}.comment-form{padding:17px 20px;border-top:1px solid var(--line)}.comment-form textarea{width:100%;resize:vertical;min-height:75px;border:1px solid var(--line);border-radius:9px;padding:10px;font-size:10px;color:#7c8d6b}.comment-form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:9px;color:#a0aa8f;font-size:8px}.version-panel{margin-top:20px;padding:20px}.version-panel h2{font-size:11px;margin-bottom:15px}.version-row{display:flex;align-items:center;gap:10px;font-size:10px;padding:10px 0;border-top:1px solid #f0f2ea}.version-row:first-of-type{border-top:0}.version-icon{width:23px;height:23px;display:grid;place-items:center;background:#eef3e5;border-radius:6px;color:#8ba273;font-size:9px}.version-copy{flex:1}.version-copy small{display:block;font-size:8px;color:#a2ab93;margin-top:2px}.portal{background:#f8f9f4;min-height:100vh}.portal-topbar{background:white;border-bottom:1px solid var(--line);padding:20px max(24px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.portal-topbar .logo{margin:0;font-size:27px}.portal-topbar .logo-mark{width:28px;height:29px}.portal-brand{display:flex;align-items:center;gap:10px;font-size:11px;color:#8d987f}.portal-content{max-width:1100px;margin:auto;padding:36px 24px 60px}.portal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.portal-heading h1{font-size:29px;font-weight:650;letter-spacing:-1px}.portal-heading p{font-size:12px;color:#9ba48d;margin-top:8px}.portal-banner{display:flex;align-items:center;gap:13px;background:#edf3e4;border:1px solid #e0e9d3;border-radius:12px;padding:16px 20px;margin-bottom:24px;font-size:11px;color:#81966c}.portal-banner .icon{width:18px;height:18px}.portal-banner strong{color:#66844f}.portal-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:23px}.portal-item{display:grid;grid-template-columns:215px minmax(0,1fr);border:1px solid var(--line);background:white;border-radius:13px;overflow:hidden;margin-bottom:17px}.portal-art{min-height:218px;background:#eee7db}.portal-art svg{width:100%;height:100%}.portal-item-body{padding:21px;display:flex;flex-direction:column}.portal-item-body h2{font-size:14px;letter-spacing:-.3px;margin:8px 0}.portal-copy{font-size:10px;color:#8c997e;line-height:1.8;margin-bottom:16px}.portal-item-actions{display:flex;gap:7px;margin-top:auto;flex-wrap:wrap}.portal-item-actions .button{font-size:9px;padding:9px 11px}.portal-item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;color:#a1ac90}.portal-item-meta .icon{width:12px;height:12px}.portal-aside{display:flex;flex-direction:column;gap:20px}.portal-note{font-size:10px;color:#96a086;line-height:1.9}.portal-foot{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a1ad90;border-top:1px solid var(--line);padding-top:19px;margin-top:25px}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.client-card{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:box-shadow .2s}.client-card:hover{box-shadow:0 8px 24px #2546320c}.client-art{height:150px;overflow:hidden}.client-art svg{width:100%;height:100%}.client-card-body{padding:20px}.client-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.client-card-title h2{font-size:17px;letter-spacing:-.4px}.client-card-body p{font-size:10px;color:#929d87;line-height:1.8}.client-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;margin-top:18px;font-size:9px;color:#97a38b}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:10px}.data-table th{font-weight:500;font-size:9px;color:#a0aa91;padding:13px 20px;background:#fafbf7;border-bottom:1px solid var(--line)}.data-table td{padding:16px 20px;border-bottom:1px solid #f0f2e9;color:#849575}.data-table tr:last-child td{border-bottom:0}.data-table .row-title{font-size:10px;color:#5b7150}.data-table .avatar{width:25px;height:25px;font-size:8px}.calendar{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white}.calendar-header{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#fbfcf8;border-bottom:1px solid var(--line)}.calendar-header div{padding:13px;text-align:center;font-size:9px;color:#929d85}.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-day{min-height:132px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 8px}.calendar-day:nth-child(7n){border-right:0}.calendar-day:nth-last-child(-n+7){border-bottom:0}.calendar-day.outside{background:#fafbf8;color:#c8cec1}.day-number{font-size:9px;color:#9aaa8a;margin-bottom:10px;width:21px;height:21px;display:grid;place-items:center}.calendar-day.today .day-number{background:var(--green);color:white;border-radius:50%}.calendar-event{display:block;width:100%;border:0;text-align:left;padding:5px 7px;background:#edf2e4;color:#7d9663;border-radius:5px;font-size:8px;line-height:1.6;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis}.calendar-event.purple{background:#efebf5;color:#a089b5}.calendar-event.orange{background:#f8efdf;color:#b19867}.calendar-event strong{font-size:8px;display:block;font-weight:500}.calendar-event small{font-size:7px;opacity:.8}.calendar-legend{display:flex;gap:20px;align-items:center;font-size:9px;color:#92a07d;margin-top:15px}.calendar-legend span{display:flex;align-items:center;gap:7px}.calendar-legend i{width:6px;height:6px;border-radius:50%;background:#adc58d}.calendar-legend i.purple{background:#c8aedb}.calendar-legend i.orange{background:#dbbf8a}.empty{padding:40px 24px;text-align:center;color:#9baa8b;font-size:12px;line-height:2}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:23px}.service-metric{padding:23px}.service-metric .stat-number{margin:10px 0}.service-metric p{font-size:10px;color:#97a588}.service-note{padding:15px 20px;background:#f5f3ea;border:1px solid #eae6d7;border-radius:10px;font-size:10px;color:#9c9e7d;line-height:1.8;margin-bottom:20px}.modal-backdrop{position:fixed;inset:0;background:#23372847;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:100%;max-width:550px;max-height:90vh;overflow:auto;background:white;border:1px solid #e6eadf;border-radius:19px;box-shadow:var(--shadow)}.modal-head{padding:25px 27px 15px;display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:20px;letter-spacing:-.6px}.modal-body{padding:0 27px 27px}.modal-sub{font-size:11px;color:#9aaa8a;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{margin-bottom:16px}.field label{display:block;font-size:10px;color:#7d916a;margin-bottom:7px;font-weight:600}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fcfdf9;font-size:11px;color:#758b63}.field textarea{min-height:100px;resize:vertical}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:23px}.search-input{border:0;border-bottom:1px solid var(--line);padding:20px 25px;font-size:16px;width:100%;outline:none}.search-results{padding:10px 15px 20px;max-height:400px;overflow:auto}.search-result{display:flex;align-items:center;gap:13px;padding:14px 12px;border-radius:9px}.search-result:hover{background:#f3f7ed}.search-result strong{font-size:11px;display:block}.search-result small{font-size:9px;color:#99a88a}.search-result .icon{color:#98ad83;width:17px;height:17px}.search-hint{font-size:9px;color:#a1ae92;padding:14px 25px 0}.search-footer{border-top:1px solid var(--line);font-size:9px;color:#a3af95;display:flex;justify-content:space-between;padding:12px 25px}.popover{position:fixed;right:45px;top:64px;z-index:100;width:320px;padding:20px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.popover h2{font-size:13px;margin-bottom:10px}.popover-row{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-size:10px;color:#7b9166}.popover-row:last-child{border-bottom:0}.popover-row small{font-size:9px;color:#a4af96;display:block;margin-top:4px}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);max-width:calc(100vw - 40px);padding:13px 20px;background:var(--deep);color:#fff;border-radius:11px;box-shadow:0 8px 25px #21462a30;font-size:11px;z-index:200;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.mobile-shade{display:none}.new-rule-button{width:100%;justify-content:center;margin-top:10px}.mobile-view-label{display:none}.configuration{max-width:800px}.configuration .card{padding:24px;margin-bottom:20px}.configuration h2{font-size:14px;margin-bottom:15px}.configuration p{font-size:11px;color:#8b9d78;line-height:1.9}.configuration .profile{border-top:0;padding:0;margin-top:20px}
@media(min-width:1500px){.content{padding-top:38px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 340px}.welcome{min-height:200px}.welcome-copy h2{font-size:27px}.welcome-art{width:300px;height:225px}.campaign-grid{gap:20px}}
@media(max-width:1190px){.sidebar{width:195px;padding-inline:12px}.shell{grid-template-columns:195px minmax(0,1fr)}.content{padding:26px}.topbar{padding-inline:26px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 265px;gap:17px}.welcome{padding:23px}.welcome-art{right:-12px;width:225px}.welcome-copy{max-width:65%}.welcome h2{font-size:21px}.stat{padding:15px}.campaign-grid{gap:11px}.campaign-card{padding:14px}.brand-layout{grid-template-columns:minmax(0,1fr) 265px;gap:17px}.board{gap:12px}.piece-layout{grid-template-columns:minmax(0,1fr) 295px;gap:17px}.card-head{padding-inline:19px}.focus-row{padding-inline:19px}}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.aside-stack{display:grid;grid-template-columns:1fr 1fr}.team-card{display:none}.welcome-copy{max-width:65%}.welcome-art{right:10px;width:260px}.board{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-layout{grid-template-columns:1fr}.brand-details{display:grid;grid-template-columns:1fr 1fr}.piece-layout{grid-template-columns:1fr}.feedback-card{max-width:none}.portal-grid{grid-template-columns:1fr}.portal-aside{display:grid;grid-template-columns:1fr 1fr}.campaign-summary{grid-template-columns:1.5fr 1fr}.campaign-summary .brief-card:last-child{display:none}.top-tools{gap:10px}.keycap{display:none}.calendar-day{min-height:115px;padding:8px 5px}.calendar-event{font-size:7px;padding:4px}.calendar-event strong{font-size:7px}}
@media(max-width:760px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:224px}.shell.menu-open .sidebar{transform:translateX(0)}.shell.menu-open .mobile-shade{display:block;position:fixed;inset:0;background:#263e303d;z-index:29;border:0}.main{width:100%}.topbar{height:62px;padding:0 18px}.mobile-menu{display:grid}.breadcrumb{font-size:10px;gap:7px}.breadcrumb .home-crumb{display:none}.top-tools{gap:4px}.search-trigger{font-size:0;padding:6px}.search-trigger .icon{width:17px;height:17px}.top-tools>.avatar{display:none}.content{padding:24px 18px 35px}.page-heading{margin-bottom:22px;gap:10px}.page-heading h1{font-size:25px}.page-heading .button{font-size:10px;padding:10px 12px}.page-heading .button-group .button.quiet{display:none}.subheading{font-size:11px}.welcome{min-height:186px;padding:22px}.welcome h2{font-size:21px}.welcome-copy{max-width:68%}.welcome-art{right:-38px;top:0;width:230px;height:200px;opacity:.7}.welcome p{font-size:10px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:15px 17px}.stat-number{font-size:25px}.stat-bottom{font-size:8px}.dashboard-grid{gap:18px}.focus-row{grid-template-columns:25px minmax(0,1fr) auto;gap:9px;padding:15px 17px}.focus-symbol{width:25px;height:25px}.row-title{font-size:10px}.row-meta{font-size:8px;gap:4px}.row-end{gap:6px}.row-end .pill{font-size:8px}.card-head{padding:18px 17px 15px}.card-head h2{font-size:13px}.campaign-grid{grid-template-columns:1fr;gap:12px}.campaign-card{padding:18px;position:relative}.campaign-card-top{margin-bottom:10px}.campaign-title{font-size:13px}.campaign-brand{margin-bottom:13px}.campaign-foot{margin-top:13px}.aside-stack{display:flex}.team-card{display:block}.brand-grid{grid-template-columns:1fr}.brand-header{gap:12px}.brand-header .brand-monogram{width:49px;height:49px;font-size:28px}.brand-header h1{font-size:24px}.brand-header p{font-size:10px}.brand-details{grid-template-columns:1fr}.tabs{gap:20px;overflow:auto;white-space:nowrap}.tab{font-size:10px}.tab-count{display:none}.toolbar{gap:12px}.filters{gap:6px}.select{font-size:9px;padding:8px 22px 8px 9px}.board{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.piece-body{padding:11px}.piece-body h3{font-size:10px}.piece-bottom{font-size:7px}.piece-brand{font-size:7px}.column-title{font-size:9px}.column-title .icon{width:13px;height:13px}.piece-body .pill{font-size:7px;padding:3px 5px}.campaign-summary{grid-template-columns:1fr 1fr;gap:10px}.campaign-summary .brief-card:first-child{grid-column:1/-1}.campaign-summary .brief-card:last-child{display:block}.brief-card{padding:17px}.campaign-stages{gap:5px}.stage{font-size:9px;padding:8px 10px}.campaign-header .brand-monogram{display:none}.piece-heading h1{font-size:20px}.piece-heading .button-group{gap:5px}.piece-heading .button{font-size:9px;padding:9px 10px}.piece-preview-wrap{padding:20px}.editor-copy{padding:18px}.editor-bottom{padding:0 18px 18px}.editor-bottom small{font-size:8px}.portal-topbar{padding:17px 19px}.portal-topbar .logo{font-size:25px}.portal-brand{font-size:10px}.portal-brand .avatar{display:none}.portal-content{padding:27px 18px 40px}.portal-heading h1{font-size:25px}.portal-heading p{font-size:11px}.portal-heading .button{display:none}.portal-banner{font-size:10px;padding:14px}.portal-item{grid-template-columns:1fr}.portal-art{height:auto;aspect-ratio:1.35;min-height:0}.portal-item-body{padding:20px}.portal-item-actions .button{flex:1;padding:11px 10px;font-size:10px}.portal-aside{grid-template-columns:1fr}.portal-foot{font-size:8px;gap:10px}.calendar-day{min-height:90px;padding:6px 3px}.calendar-header div{font-size:8px;padding:10px 2px}.day-number{font-size:8px;width:18px;height:18px;margin-bottom:7px}.calendar-event{padding:3px 2px;border-radius:3px;font-size:6px}.calendar-event strong{font-size:6px}.calendar-event small{display:none}.calendar-legend{font-size:8px;gap:12px}.service-grid{grid-template-columns:1fr;gap:12px}.service-metric{padding:20px}.popover{right:18px;top:57px;width:min(320px,calc(100vw - 36px))}.modal-backdrop{padding:16px}.modal-head{padding:21px 21px 13px}.modal-body{padding:0 21px 23px}.form-row{grid-template-columns:1fr;gap:0}.modal-head h2{font-size:18px}.mobile-view-label{display:block}.configuration .card{padding:20px}}
/* Keep the editorial hierarchy readable at real working sizes. */
.nav a{font-size:13px}.workspace-name{font-size:12px}.workspace-sub{font-size:10px}.brand-link{font-size:12px}.profile-name{font-size:12px}.profile-sub{font-size:10px}.card-head h2,.section-heading h2{font-size:15px}.stat-top{font-size:11px}.stat-bottom{font-size:10px}.row-title{font-size:12px}.row-meta{font-size:10px;color:#74816b}.pill{font-size:10px}.row-end{font-size:10px}.campaign-title{font-size:13px}.campaign-brand{font-size:10px}.progress-label{font-size:10px}.campaign-foot{font-size:9px}.campaign-foot>span:last-child{display:flex;align-items:center;gap:6px}.campaign-foot .icon{width:12px;height:12px}.agenda-line .row-title{font-size:11px}.agenda-line .row-meta{font-size:10px}.agenda-time{font-size:10px}.piece-body h3{font-size:12px}.piece-brand{font-size:10px}.piece-bottom{font-size:9px}.brand-rule h3{font-size:12px}.rule-copy p{font-size:10px}.rule-source{font-size:10px}.text-link{font-size:11px}.brand-summary>p{font-size:13px}.portal-note{font-size:11px}.portal-copy{font-size:12px}.portal-item-meta{font-size:10px}.portal-item-actions .button{font-size:11px}.feedback-text{font-size:12px}.feedback-author{font-size:11px}.feedback-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px}.feedback-tabs .icon{width:12px;height:12px}.feedback-author span{font-size:9px}.editor-bottom small{display:flex;align-items:center;gap:6px;font-size:10px}.editor-bottom small .icon{width:12px;height:12px}.decision-note strong{display:flex;align-items:center;gap:6px}.decision-note .icon{width:12px;height:12px}.portal-foot>a{display:flex;align-items:center;gap:5px}.portal-foot .icon{width:12px;height:12px}.welcome-copy p{font-size:12px}.welcome-link{font-size:11px}.search-trigger{font-size:12px}.calendar-event small{display:block;margin-top:3px}.column-title{font-size:11px}.data-table{font-size:11px}.data-table th{font-size:10px}.data-table .row-title{font-size:11px}.copy-input{font-size:12px}.social-caption{font-size:11px}.form-row label,.field label{font-size:11px}.field input,.field select,.field textarea{font-size:12px}
.eyebrow,.subheading,.stat-top,.stat-bottom,.campaign-brand,.campaign-foot,.progress-label,.row-meta,.agenda-day,.agenda-time,.piece-brand,.piece-bottom,.rule-copy p,.rule-source,.label-value,.portal-note,.portal-copy,.portal-item-meta,.portal-heading p,.client-card-body p,.client-card-foot,.data-table th,.data-table td,.version-copy small,.comment-form-footer,.feedback-text,.feedback-author span,.social-caption,.brief-card p,.team-hours,.breadcrumb,.search-trigger,.keycap{color:#717e66}.pill.gray{color:#687360}.tiny-label,.nav-label,.brand-link,.profile-sub{color:#78856e}.portal-foot{color:#79866e}.button.secondary{color:#45673a}.select{color:#617654}.campaign-brand,.progress-label{color:#758469}
@media(max-width:760px){.search-trigger{font-size:0}.stats{gap:10px}.stat-top{font-size:10px}.stat-bottom{font-size:9px}.row-title{font-size:11px}.row-meta{font-size:9px}.row-end .pill{font-size:9px}.focus-row{grid-template-columns:25px minmax(0,1fr)}.focus-row .row-end{grid-column:2;justify-content:space-between}.piece-body h3{font-size:11px}.piece-brand{font-size:9px}.piece-bottom{font-size:8px}.piece-body .pill{font-size:8px}.column-title{font-size:10px}.welcome-copy p{font-size:11px}.welcome h2{font-size:20px}.welcome-copy{max-width:75%}.welcome-art{right:-64px;opacity:.55}.welcome{min-height:199px}.portal-copy{font-size:12px}.portal-item-actions .button{font-size:11px}.portal-item-meta{font-size:10px}.portal-banner{font-size:11px}.copy-input{font-size:13px}.social-caption{font-size:12px}.editor-bottom{flex-wrap:wrap}.editor-bottom small{font-size:10px}.board{gap:10px}.calendar-legend{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

.calendar-mobile-list{display:none}
.piece-art{aspect-ratio:1.2}
@media(max-width:760px){.portal-art{aspect-ratio:1}}
@media(max-width:760px){.page-heading{flex-wrap:wrap;align-items:flex-start}.page-heading>div:first-child{min-width:0}.page-heading h1{overflow-wrap:anywhere}.page-heading .button-group{flex-wrap:wrap}.calendar{display:none}.calendar-mobile-list{display:block}.calendar-legend{flex-wrap:wrap}.button,.select,.icon-btn{min-height:35px}.portal-item-actions .button{min-height:42px}.column-title .icon-btn{min-height:25px}.modal-backdrop .field input,.modal-backdrop .field textarea,.modal-backdrop .field select,.comment-form textarea{font-size:16px}}
