.hub-shell{--hub-ink:#17231f;--hub-paper:#f4f2eb;--hub-line:#d5d4cd;background:var(--hub-paper);min-height:100vh;color:var(--hub-ink);grid-template-columns:220px 1fr;display:grid}.hub-sidebar{background:var(--hub-ink);color:#fff;flex-direction:column;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0}.hub-brand{align-items:center;gap:10px;display:flex}.hub-brand b{font:800 28px/1 var(--font-display);letter-spacing:-2px;border-right:1px solid #708078;padding-right:10px}.hub-brand span{text-transform:uppercase;letter-spacing:.14em;font-size:8px}.hub-nav{flex-direction:column;gap:5px;margin-top:80px;display:flex}.hub-nav button{color:#9da9a4;text-align:left;cursor:pointer;font:600 11px var(--font-body);background:0 0;border:0;gap:13px;padding:12px;display:flex}.hub-nav button span{color:#66736e}.hub-nav button.active{color:#fff;background:#2b3a34}.hub-nav button.active span{color:#d9ff43}.hub-profile{border-top:1px solid #405049;align-items:center;gap:12px;margin-top:auto;padding-top:20px;display:flex}.hub-profile>span{width:34px;height:34px;color:var(--hub-ink);background:#d9ff43;place-items:center;font-size:10px;font-weight:800;display:grid}.hub-profile p{margin:0;font-size:11px}.hub-profile small{color:#80908a;margin-top:3px;display:block}.hub-main{min-width:0;padding:38px 4vw 70px}.hub-topbar{justify-content:space-between;align-items:end;display:flex}.hub-topbar p,.hub-section-title p,.hub-kicker{text-transform:uppercase;letter-spacing:.16em;color:#68726e;margin:0 0 9px;font-size:9px}.hub-topbar h1{font:500 clamp(34px,4vw,58px)/1 var(--font-display);letter-spacing:-.055em;margin:0}.hub-primary,.hub-secondary{background:var(--hub-ink);color:#fff;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:0;padding:15px 19px;font-size:9px;font-weight:800}.demo-banner{background:#e4ff78;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:32px 0;padding:13px 16px;font-size:9px;display:grid}.demo-banner b{text-transform:uppercase;letter-spacing:.12em}.demo-banner a{text-transform:uppercase;letter-spacing:.08em;font-weight:800}.sent-banner{background:#dcecdf;align-items:center;gap:13px;margin-bottom:18px;padding:14px 17px;display:flex}.sent-banner>span{font-weight:800}.sent-banner p{margin:0;font-size:11px}.sent-banner small{color:#5f6e63;margin-top:2px;display:block}.sent-banner button{background:0 0;border:0;margin-left:auto;font-size:20px}.hub-metrics{border:1px solid var(--hub-line);background:#faf9f5;grid-template-columns:repeat(3,1fr);display:grid}.hub-metrics article{border-right:1px solid var(--hub-line);padding:23px}.hub-metrics article:last-child{border:0}.hub-metrics span,.hub-metrics small{color:#68726e;font-size:9px;display:block}.hub-metrics strong{font:500 40px var(--font-display);letter-spacing:-.05em;margin:14px 0 5px;display:block}.hub-section{margin-top:35px}.hub-section-title{justify-content:space-between;align-items:end;margin-bottom:15px;display:flex}.hub-section-title h2{font:500 25px/1 var(--font-display);letter-spacing:-.04em;margin:0}.hub-section-title button,.hub-section-title a{text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;font-size:9px;font-weight:800}.job-list{border-top:1px solid var(--hub-ink)}.job-row{border-bottom:1px solid var(--hub-line);grid-template-columns:45px 1.5fr 1fr 120px;align-items:center;gap:15px;padding:18px 0;display:grid}.job-index{color:#7c8581;font-size:9px}.job-row h3,.activity h3{font:600 14px var(--font-display);margin:0 0 5px}.job-row p,.activity p{color:#68726e;margin:0;font-size:9px}.job-status span{text-transform:uppercase;letter-spacing:.1em;background:#e0eadc;padding:6px 8px;font-size:8px}.job-status p{margin-top:8px}.job-value{text-align:right}.job-value b{font-size:11px}.job-value div{background:#d7d8d2;height:2px;margin-top:9px}.job-value i{background:var(--hub-ink);height:100%;display:block}.hub-columns{grid-template-columns:1.35fr .8fr;gap:36px;display:grid}.activity article{border-top:1px solid var(--hub-line);grid-template-columns:110px 1fr;padding:16px 0;display:grid}.activity time{color:#7b8580;font-size:8px}.activity span{text-transform:uppercase;letter-spacing:.1em;margin-top:9px;font-size:7px;display:inline-block}.activity .shared{color:#396f4c}.activity .private{color:#8b6e42}.quick{background:#fff;padding:23px}.quick-grid{border-top:1px solid var(--hub-line);border-left:1px solid var(--hub-line);grid-template-columns:1fr 1fr;display:grid}.quick-grid button{border:0;border-right:1px solid var(--hub-line);border-bottom:1px solid var(--hub-line);text-align:left;background:0 0;padding:20px}.quick-grid b,.quick-grid span{display:block}.quick-grid b{font:500 24px var(--font-display)}.quick-grid span{color:#6f7874;margin-top:5px;font-size:8px}.hub-secondary{justify-content:space-between;width:100%;margin-top:18px;display:flex}.composer-backdrop{z-index:100;background:#0d17139e;justify-content:flex-end;display:flex;position:fixed;inset:0}.composer{background:var(--hub-paper);width:min(560px,100%);height:100%;padding:45px;position:relative;overflow:auto}.composer-close{background:0 0;border:0;font-size:26px;position:absolute;top:20px;right:25px}.composer h2{font:500 42px/1 var(--font-display);letter-spacing:-.05em;margin:0 0 35px}.composer label{text-transform:uppercase;letter-spacing:.13em;margin-top:20px;font-size:8px;font-weight:800;display:block}.composer input,.composer textarea{width:100%;font:500 13px/1.6 var(--font-body);resize:none;background:0 0;border:0;border-bottom:1px solid #a9afa9;outline:none;padding:12px 0;display:block}.photo-strip{grid-template-columns:1fr 1fr 1fr;gap:8px;height:110px;margin-top:20px;display:grid}.photo-strip div{background:50%/cover}.photo-strip button{background:0 0;border:1px dashed #9fa7a1;font-size:9px}.composer-actions{justify-content:flex-end;gap:10px;margin-top:35px;display:flex}.composer-actions>button:first-child{text-transform:uppercase;background:0 0;border:1px solid #9ba39e;padding:13px 16px;font-size:9px}.next-step{margin-top:25px!important}@media (max-width:780px){.hub-shell{display:block}.hub-sidebar{flex-direction:row;align-items:center;height:auto;padding:17px 18px;display:flex;position:relative}.hub-brand b{font-size:23px}.hub-nav{display:none}.hub-profile{border:0;margin:0 0 0 auto;padding:0}.hub-profile p{display:none}.hub-main{padding:25px 16px 60px}.hub-topbar{align-items:center}.hub-topbar p{display:none}.hub-topbar h1{font-size:34px}.hub-topbar .hub-primary{padding:12px;font-size:8px}.demo-banner{grid-template-columns:1fr auto;gap:8px}.demo-banner span{display:none}.hub-metrics{grid-template-columns:1fr 1fr}.hub-metrics article{padding:16px}.hub-metrics article:last-child{border-top:1px solid var(--hub-line);grid-column:1/3}.hub-metrics strong{font-size:32px}.job-row{grid-template-columns:28px 1fr auto}.job-status{grid-column:2}.job-value{grid-area:1/3/3}.job-value div{display:none}.hub-columns{grid-template-columns:1fr}.activity article{grid-template-columns:90px 1fr}.quick{padding:18px}.composer{padding:50px 22px 30px}.composer h2{font-size:36px}.composer-actions{display:grid}.composer-actions button{width:100%}}