
:root{--ink:#10153F;--muted:#5A5F82;--paper:#F4F5FB;--line:#D9DCEC;--green:#0C1355;--lime:#F7A9C7;--pink:#FBE3EC}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #E85991;outline-offset:4px}button{border:1px solid var(--line);border-radius:9px;padding:10px 15px;background:white;color:var(--ink)}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(30px,3vw,44px)/1.16 Georgia,serif;letter-spacing:-1px;margin-bottom:12px}h2{font-size:20px;letter-spacing:-.5px}h3{font-size:16px}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;padding:34px 22px 22px;background:#FFFFFF;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;gap:11px;text-decoration:none;align-items:center;font-size:9px;font-weight:800;letter-spacing:1px}.brand small{display:block;font-size:17px;font-weight:600;letter-spacing:-.5px;margin-top:2px}.monogram{background:var(--green);color:white;border-radius:12px;padding:13px 9px;letter-spacing:-1px;font-size:15px}.monogram span{color:var(--lime)}.nav-label{font-size:10px;letter-spacing:1.8px;color:var(--muted);margin-top:53px;margin-bottom:16px}nav{display:grid;gap:7px}nav button{border:0;text-align:left;background:none;padding:13px 14px;display:flex;gap:13px;align-items:center;color:var(--muted)}nav button.active{background:var(--green);color:white}.sidebar-note{margin-top:auto;padding:25px 14px 22px;font-size:9px;font-weight:700;letter-spacing:1px}.sidebar-note p{font-size:17px;font-weight:400;letter-spacing:0;margin:12px 0 0;line-height:1.4}.dot{display:inline-block;background:#E85991;width:6px;height:6px;border-radius:100%;margin-right:5px}.byline{border-top:1px solid var(--line);padding-top:23px;display:flex;align-items:center;gap:10px;font-size:12px}.byline small{display:block;font-size:10px;color:var(--muted)}.avatar{width:34px;height:34px;border-radius:100%;background:var(--pink);display:grid;place-items:center;font-size:11px}.shell{margin-left:252px}header{padding:22px 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb b{color:var(--ink);font-weight:500}.header-actions{display:flex;gap:18px;align-items:center}.demo-pill,.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.5px}.demo-pill{background:#FBE3EC;padding:6px 10px;border-radius:30px}.quiet{background:none;font-size:12px;padding:7px 11px}.eyebrow{color:var(--muted);margin-bottom:14px}.intro{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.intro p{color:var(--muted);max-width:650px;margin-bottom:0}.intro .eyebrow{margin-bottom:12px}.primary{background:var(--green);color:white;border-color:var(--green);white-space:nowrap}main{padding:35px 38px 45px;min-height:calc(100vh - 145px);max-width:1600px;margin:auto}.hero{display:grid;grid-template-columns:1fr 210px;background:var(--green);color:#FFFFFF;border-radius:17px;padding:27px 30px;overflow:hidden;position:relative;margin-bottom:25px}.hero p{color:#C9CDF2;max-width:560px;font-size:13px}.hero h2{font:29px/1.2 Georgia,serif;max-width:470px}.hero .eyebrow{color:var(--lime)}.hero a{color:var(--lime);font-size:12px;text-underline-offset:5px}.hero svg{width:200px;height:170px;align-self:center}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:30px}.metric,.panel{background:#FFFFFF;border:1px solid var(--line);border-radius:13px}.metric{padding:21px}.metric label{display:block;color:var(--muted);font-size:11px}.metric strong{display:block;font-size:29px;letter-spacing:-1px;font-weight:600;margin:12px 0}.metric small{font-size:9px;color:var(--muted)}.metric .trend{float:right;background:#FBE3EC;border-radius:5px;padding:3px 5px;font-size:10px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-heading h2{margin:0}.section-heading span{font-size:11px;color:var(--muted)}.columns{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.panel{padding:24px}.workstream{padding:15px 0;border-bottom:1px solid var(--line)}.workstream:last-child{border:0}.row{display:flex;align-items:center;justify-content:space-between;gap:15px}.row small,.muted{color:var(--muted);font-size:12px}.bar{height:6px;background:#ECEEF8;border-radius:10px;overflow:hidden;margin-top:10px}.bar span{display:block;background:#E85991;height:100%;border-radius:10px}.task-line{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);align-items:flex-start}.task-line:last-child{border:0}.task-line p{font-size:13px;margin:0}.task-line small{color:var(--muted);font-size:10px}.task-line button{padding:3px 8px}.note{border-left:3px solid #E85991;padding:10px 14px;font-size:12px;color:var(--muted);background:#FBE3EC;margin:20px 0}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.toolbar label{font-size:12px;color:var(--muted)}select,input{padding:9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}.calendar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.day{border:1px solid var(--line);border-radius:12px;padding:12px;background:#ECEEF8}.day>h2{font-size:12px;margin:2px 0 15px}.post{background:white;border-radius:9px;border:1px solid var(--line);padding:14px;margin-bottom:10px}.post h3{font-size:14px;margin:10px 0}.post p{font-size:12px;color:var(--muted);line-height:1.6}.post small{font-size:10px}.post button{font-size:11px;padding:7px;margin-top:12px;width:100%}.tag{font-size:10px;border-radius:5px;padding:4px 7px;background:#ECEEF8;display:inline-block}.tag.ready,.tag.done{background:#FBE3EC}.art{height:70px;border-radius:5px;margin:10px 0;background:var(--pink);position:relative;overflow:hidden;display:flex;align-items:center;padding:10px;font:19px/1 Georgia,serif}.art:after{content:'';position:absolute;width:70px;height:70px;border:12px solid #fff8;border-radius:50%;right:-12px;bottom:-30px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lane{background:#ECEEF8;border:1px solid var(--line);padding:16px;border-radius:12px}.lane h2{font-size:14px}.task-card{padding:17px;background:white;margin:12px 0;border:1px solid var(--line);border-radius:9px}.task-card h3{font-size:14px;margin:10px 0 15px}.task-card .row{align-items:flex-end}.task-card select{max-width:135px;font-size:11px;padding:6px}.form{display:flex;gap:10px;flex-wrap:wrap}.form input{flex:1;min-width:200px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11px;color:var(--muted);font-weight:500}.table td,.table th{padding:18px 12px;border-bottom:1px solid var(--line)}.table td{font-size:13px}.table td small{display:block;font-size:11px;color:var(--muted)}.table input{width:80px}.about{max-width:850px}.about h2{margin-top:28px}.about p,.about li{color:var(--muted);font-size:14px}.about li{margin-bottom:10px}.diagram{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.diagram div{padding:20px;border:1px solid var(--line);border-radius:9px;background:#fff}.diagram small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.empty{padding:20px;font-size:13px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;padding:20px 38px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:14px 22px;border-radius:9px;display:none;z-index:20}.toast.show{display:block}.skip{position:fixed;top:-60px;left:20px;z-index:30;background:white;padding:10px}.skip:focus{top:10px}@media(min-width:1500px){.calendar{gap:20px}}@media(max-width:1150px){.sidebar{width:215px;padding:25px 15px}.shell{margin-left:215px}main{padding:28px 24px}.calendar{grid-template-columns:repeat(3,1fr)}header{padding:20px 24px}.metrics{gap:9px}.metric{padding:15px}.hero{grid-template-columns:1fr 150px}.hero svg{width:150px}.brand small{font-size:15px}}@media(max-width:780px){.sidebar{position:static;width:auto;padding:16px;border:0;border-bottom:1px solid var(--line)}.brand{margin-bottom:16px}.nav-label,.sidebar-note,.byline{display:none}nav{display:flex;gap:5px;overflow:auto}nav button{padding:9px;white-space:nowrap;font-size:12px}nav button span{display:block}.shell{margin:0}header{padding:14px 18px}.intro{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.columns,.board{grid-template-columns:1fr}.calendar{grid-template-columns:repeat(2,1fr)}main{padding:25px 18px}.hero{padding:23px;grid-template-columns:1fr}.hero svg{display:none}.diagram{grid-template-columns:1fr}footer{padding:20px;flex-direction:column;gap:8px}.header-actions{gap:8px}.demo-pill{font-size:8px}.table td,.table th{padding:12px 8px}}@media(max-width:430px){.calendar{grid-template-columns:1fr}nav button{font-size:11px}h1{font-size:33px}}

/* BFA identity: midnight blue, royal blue and carnation pink. */
nav button.active{box-shadow:inset 4px 0 #E85991}.hero{border-top:5px solid #E85991}.hero h2{color:#fff}.hero a{color:#F7A9C7}.monogram{background:#18298C}.primary{background:#18298C}.bar span{background:linear-gradient(90deg,#18298C,#E85991)}
