:root{--ink:#21392f;--orange:#e66941;--muted:#7f8c85;--line:#e4e8e2;--paper:#f7f8f5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}.portal-shell{display:flex;min-height:100vh}.side{width:245px;background:#20382f;color:#c9d7cd;padding:28px 16px;position:fixed;top:0;bottom:0;display:flex;flex-direction:column}.brand{font:600 30px 'Playfair Display';letter-spacing:-2px;color:#fff;text-decoration:none;margin:0 11px}.brand span{color:#ef754c}.workspace{font-size:9px;letter-spacing:1.2px;color:#85a295;margin:38px 11px 12px}.side-nav a{display:block;color:#b7c8bd;text-decoration:none;padding:11px 12px;border-radius:5px;font-size:12px;margin:2px 0;transition:.2s}.side-nav a i{font-style:normal;width:25px;display:inline-block}.side-nav a:hover,.side-nav a.active{background:#38554a;color:#fff}.demo-switch{margin-top:auto;border-top:1px solid #ffffff18;padding:18px 11px}.demo-switch small{font-size:9px;letter-spacing:1px;color:#8da69a}.demo-switch a{display:block;color:#f0b27a;text-decoration:none;font-size:11px;font-weight:bold;margin-top:7px}.demo-switch b{float:right}.profile{padding:17px 9px 0;border-top:1px solid #ffffff18;display:flex;gap:9px;align-items:center}.profile>b{height:31px;width:31px;display:grid;place-items:center;background:#e88161;color:#fff;border-radius:50%;font-size:10px}.profile strong,.profile small{display:block;font-size:10px}.profile small{color:#9fb3a7;margin-top:3px}.portal-main{margin-left:245px;width:calc(100% - 245px);padding:38px 48px 70px;max-width:1500px}.mobilebar{display:none}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:33px}.portal-tag{font-size:9px;letter-spacing:1.1px;color:#69917b;font-weight:bold}h1{font:600 31px 'Playfair Display';margin:7px 0;letter-spacing:-1.2px}h1 span{color:#e5aa55;font-size:18px}header p{font-size:12px;color:var(--muted);margin:0}.header-actions{display:flex;gap:10px;align-items:center}.notify{width:38px;height:38px;border:1px solid var(--line);border-radius:6px;background:white;position:relative;color:#6e7e76}.notify i{height:6px;width:6px;position:absolute;right:9px;top:8px;background:#e66941;border-radius:50%}.cta{background:var(--orange);color:white;text-decoration:none;border-radius:5px;padding:12px 15px;font-weight:bold;font-size:11px;box-shadow:0 6px 15px #e6694133}.cta b{margin-left:15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats article,.panel{background:#fff;border:1px solid var(--line);border-radius:7px}.stats article{padding:18px}.stats article>span{display:grid;place-items:center;width:29px;height:29px;border-radius:6px;background:#edf2e9;color:#5e8b68;font-size:14px}.stats article:nth-child(2)>span{background:#eeeaf8;color:#6b5e9e}.stats article:nth-child(3)>span{background:#f9eed7;color:#b98528}.stats article:nth-child(4)>span{background:#e1eff2;color:#4d8a9d}.stats p{font-size:10px;color:#8a9690;margin:13px 0 3px}.stats h2{font-size:23px;letter-spacing:-1px;margin:0}.stats small{font-size:10px;color:#449264}.portal-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-top:36px}.portal-tabs button{border:0;background:none;padding:0 0 13px;color:#7d8882;font:600 12px 'DM Sans';cursor:pointer;position:relative}.portal-tabs button.active{color:#dc633b}.portal-tabs button.active:after{content:'';height:2px;background:#e66941;position:absolute;left:0;right:0;bottom:-1px}.portal-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-top:20px}.panel{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel-head small{color:#8b9690;font-size:9px;font-weight:bold;letter-spacing:1px}.panel-head h2{font:600 18px 'DM Sans';margin:6px 0}.panel-head button{background:#f9faf7;border:1px solid var(--line);border-radius:4px;padding:7px;font-size:9px;color:#718079}.chart-amount{font:600 26px 'DM Sans';margin:18px 0 0}.chart-amount span{font-size:10px;color:#41905e}.line-chart{height:160px;margin-top:5px}.line-chart svg{height:100%;width:100%}.chart-months{display:flex;justify-content:space-between;color:#9aa49e;font-size:9px}.task{display:flex;gap:10px;align-items:center;padding:14px 0;border-top:1px solid #edf0ec}.task span{height:23px;width:23px;display:grid;place-items:center;background:#f9e7de;color:#df6b43;border-radius:50%;font-size:9px;font-weight:bold}.task p{font-size:11px;line-height:1.35;margin:0;flex:1}.task>b{font-size:15px}.activity{margin-top:14px}.panel-head>a{font-size:10px;color:#dc633b;font-weight:bold;text-decoration:none}.activity-list article{display:flex;gap:11px;align-items:start;border-top:1px solid #edf0ec;padding:14px 0}.activity-list i{height:25px;width:25px;display:grid;place-items:center;border-radius:50%;background:#e9f1e7;color:#5c8c67;font-style:normal;font-size:11px}.activity-list strong{font-size:11px}.activity-list p{font-size:10px;color:#859089;margin:4px 0}.activity-list time{margin-left:auto;font-size:9px;color:#9ba49f}@media(max-width:850px){.side{display:none}.portal-main{margin:0;width:100%;padding:20px}.mobilebar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.mobilebar .brand{color:var(--ink);margin:0}.mobilebar a:last-child{font-size:11px;color:#dc633b}.stats{grid-template-columns:1fr 1fr}.portal-grid{grid-template-columns:1fr}header{align-items:start}.header-actions .notify{display:none}}@media(max-width:500px){.portal-main{padding:18px 13px}.stats{gap:8px}.stats article{padding:13px}.stats h2{font-size:18px}.cta{padding:11px}.cta b{display:none}.portal-tabs{gap:15px;overflow:auto}.portal-tabs button{white-space:nowrap}.panel{padding:17px}.activity-list time{display:none}}
/* Demo portals are exploration spaces, not conversion screens. */
.portal-main header .header-actions{display:none}