:root{--p:#382D6C;--r:#C92346;--a:#F09A00;--t:#007568;--b:#E7E4F4}*{box-sizing:border-box}body{margin:0;background:#FAF9FD;color:#181734;font:16px/1.5 Catamaran,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--a)}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--p)}p,small{color:#64618B}.app{display:grid;grid-template-columns:255px 1fr;min-height:100vh}aside{background:var(--p);color:white;padding:22px 15px;display:flex;flex-direction:column;gap:24px}.logo{font-size:21px;font-weight:800}.logo span{background:linear-gradient(130deg,var(--r),var(--a));padding:9px;border-radius:12px;margin-right:8px}.side-label{font-size:12px;color:#ddd3fa;font-weight:bold}select,input,textarea{width:100%;padding:12px;border:1px solid #D8D2E9;border-radius:9px;background:white;min-height:47px}aside select{color:var(--p);font-weight:700}nav{display:grid;gap:5px}nav button,.adminbtn{background:none;border:0;color:white;text-align:left;padding:12px;border-radius:9px;font-weight:700}nav button.active{background:white;color:var(--p)}nav button:hover,.adminbtn:hover{background:#584b8a;color:white}.bottom{margin-top:auto;border-top:1px solid #65598e;padding-top:12px}.admin{display:none}.admin.open{display:grid}.admin button{padding-left:23px}.content{max-width:1400px;padding:32px 40px;margin:auto}.top,.section,.row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.top{margin-bottom:18px}.eyebrow{font-size:12px;font-weight:800;color:var(--t);text-transform:uppercase;letter-spacing:.07em}.btn{border:1px solid var(--b);background:white;color:var(--p);border-radius:99px;padding:10px 17px;min-height:46px;font-size:14px;font-weight:800}.primary{background:var(--p);color:white}.teal{background:var(--t);color:white}.hero{background:linear-gradient(110deg,#F4EFFF,white 60%,#EDF9F6);border:1px solid var(--b);padding:28px;border-radius:18px;margin:18px 0 22px}.hero p{max-width:700px;margin:8px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:white;border:1px solid var(--b);border-radius:16px;padding:22px;box-shadow:0 5px 17px #382d6c0a}.card p{font-size:14px}.stripe{height:5px;margin:-22px -22px 17px;border-radius:9px;background:var(--r)}.card:nth-child(2n) .stripe{background:var(--a)}.card:nth-child(3n) .stripe{background:#008C79}.section{margin:26px 0 13px}.pill{display:inline-block;padding:5px 10px;border-radius:99px;background:#F4EFFF;color:var(--p);font-size:12px;font-weight:800}.screen{padding:0;text-align:left;overflow:hidden}.art{height:115px;background:linear-gradient(120deg,#F4EFFF,#EDF9F6);display:flex;align-items:end;gap:9px;padding:16px}.art i{width:23%;height:78%;background:white;border-radius:7px}.art i:nth-child(2){background:#FFF0F4;height:55%}.art i:nth-child(3){background:#FFF7E8;height:67%}.art i:nth-child(4){height:43%}.screen .info{padding:18px}.screen .info strong{color:var(--p)}.screen .info p{margin:6px 0}.tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--b);padding:12px 0;margin:18px 0}.tabs button{border:0;border-radius:8px;padding:10px;background:transparent;color:#64618B;font-weight:700}.tabs button.active{background:var(--p);color:white}.split{display:grid;grid-template-columns:1.5fr 1fr;gap:17px}.walk{background:#F4EFFF;border-radius:13px;padding:19px}.preview{border:1px solid var(--b);border-radius:13px;overflow:hidden}.preview .bar{background:var(--p);color:white;padding:12px}.preview .body{background:linear-gradient(110deg,#F4EFFF,white);padding:25px;min-height:180px}.mini{display:flex;gap:10px;margin-top:18px}.mini div{flex:1;background:white;border:1px solid var(--b);padding:13px;border-radius:9px}.message{background:#F4EFFF;padding:13px;border-radius:12px;margin:10px 0}.message.mine{background:#EDF9F6;margin-left:12%}.notice{background:#FFF7E8;border-left:4px solid var(--a);padding:14px;border-radius:9px;margin:12px 0}.fieldlabel{font-size:13px;font-weight:800;color:var(--p);display:block;margin:13px 0 5px}.steps{display:flex;gap:5px;margin:15px 0}.steps i{height:7px;flex:1;background:#e5e1f0;border-radius:10px}.steps i.on{background:#008C79}.modalbg{position:fixed;inset:0;background:#16102bb0;display:grid;place-items:center;padding:16px}.modal{background:white;border-radius:18px;padding:27px;width:min(720px,100%);max-height:90vh;overflow:auto}.hidden{display:none}.toast{position:fixed;right:20px;bottom:20px;background:var(--p);color:white;padding:13px;border-radius:10px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.content{padding:22px}}@media(max-width:650px){.app{display:block}aside{gap:12px}nav{display:flex;overflow:auto}nav button{white-space:nowrap}.grid{grid-template-columns:1fr}.content{padding:17px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* V3.1 compact brand and conversation refinements */
.app{grid-template-columns:268px minmax(0,1fr)}aside{padding:18px 12px;gap:19px}.logo{font-size:15px;line-height:1.2}.brand-image{display:block;width:100%;max-width:238px;background:#fff;border-radius:11px;padding:8px 9px}.brand-image img{display:block;width:100%;height:auto}.brand-sub{font-size:17px;font-weight:800;color:white;margin:9px 4px 0}.side-label{font-size:10px;display:block;margin-bottom:5px}aside select{font-size:12px;padding:8px 24px 8px 9px;min-height:40px;text-overflow:ellipsis}nav{gap:3px}nav button,.adminbtn{font-size:12.5px;line-height:1.25;white-space:nowrap;padding:11px 9px;font-weight:700}nav button{letter-spacing:-.12px}.content{max-width:1550px;padding:25px 32px}body{font-size:14px;line-height:1.45}h1{font-size:28px;line-height:1.2}h2{font-size:21px;line-height:1.25}h3{font-size:17px;line-height:1.3}.eyebrow{font-size:10px}.top{margin-bottom:14px}.top p{margin-top:5px}.hero{padding:21px;margin:14px 0 18px}.hero h1{font-size:25px}.card{padding:18px}.card p{font-size:13px}.stripe{margin:-18px -18px 14px}.section{margin:19px 0 10px}.section h2{font-size:20px}.screen .info{padding:13px}.art{height:96px}.tabs{margin:13px 0;padding:8px 0}.tabs button{font-size:13px;padding:9px 12px}.btn{font-size:12px;min-height:39px;padding:8px 14px}.pill{font-size:11px}.walk{padding:17px}.preview .body{padding:16px}.fieldlabel{font-size:12px}select,input,textarea{font-size:14px;min-height:40px;padding:9px}.preview-image{display:block;width:100%;height:auto;max-height:510px;object-fit:contain;object-position:top;border:1px solid var(--b);background:#fff}.preview-note{padding:11px 15px;color:#64618B;font-size:12px}.chat-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,.8fr);gap:15px}.chat-room{display:flex;flex-direction:column;min-height:470px;padding:0;overflow:hidden}.chat-header{background:#382D6C;color:white;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.chat-header strong{color:white}.chat-header small{color:#e9e1fa}.chat-messages{flex:1;padding:20px;background:linear-gradient(135deg,#F9F7FF,#F1FAF8);display:flex;flex-direction:column;gap:13px}.bubble{max-width:78%;border-radius:15px 15px 15px 4px;background:white;border:1px solid #E7E4F4;padding:11px 13px;box-shadow:0 2px 8px #382d6c08}.bubble.mine{align-self:flex-end;border-radius:15px 15px 4px 15px;background:#DCF4EC}.bubble strong{display:block;color:#382D6C;font-size:12px}.bubble p{color:#181734;font-size:13px;margin:4px 0}.bubble small{font-size:10px}.chat-compose{padding:12px;background:white;border-top:1px solid var(--b)}.chat-compose textarea{min-height:66px}.chat-tools{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.note-block{background:#F4EFFF;border-radius:12px;padding:12px;margin-top:12px}.note-block p{font-size:12px}.screen-meta{color:#64618B;font-size:12px}.function-row{padding:11px 0;border-bottom:1px solid var(--b)}.function-row strong{display:block;color:var(--p)}.function-row p{margin-top:3px}.project-detail{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.status-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media(max-width:1080px){.chat-layout,.project-detail{grid-template-columns:1fr}.app{grid-template-columns:235px minmax(0,1fr)}nav button{font-size:11px}}@media(max-width:650px){.app{display:block}.brand-image{max-width:200px}aside{gap:10px}nav button{font-size:12px}.content{padding:15px}.chat-messages{padding:12px}.bubble{max-width:90%}}


/* V3.2 visual refresh: screenshot-inspired compact dashboard */
body{font-size:14px}.app{grid-template-columns:268px minmax(0,1fr)}aside{background:linear-gradient(165deg,#382D6C,#30265a);gap:20px;padding:22px 14px}aside .logo img{width:100%;max-width:228px;height:auto}.foundry-name{text-align:right;font-size:18px;font-weight:800;color:white;margin-top:-5px}.logo p{color:#e4ddf5;font-size:12px;margin-top:10px}aside select{font-size:12px;min-height:44px;padding:10px 8px;text-overflow:ellipsis}nav button,.adminbtn{font-size:12.5px;padding:11px 9px;font-weight:600;white-space:nowrap}nav button.active{background:#66549c;color:white}.utility{height:72px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:white;border-bottom:1px solid #e7e4f4;padding:8px 28px}.utility>div{display:flex;align-items:center;gap:18px}.utility img{width:260px;max-height:55px;object-fit:contain}.utility span{font-size:11px;color:#64618B}.utility-right span{border:1px solid #e7e4f4;border-radius:10px;padding:10px 15px}.utility-right strong{background:#382D6C;color:white;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.utility-right b{color:#C92346}.content{max-width:none;padding:25px 28px}.overview-head{min-height:180px;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-top:12px;background:radial-gradient(ellipse 180px 130px at 75% 55%,#F4EFFF,transparent),radial-gradient(ellipse 140px 110px at 83% 50%,#FFF7E8,transparent)}.overview-head h1{font-size:36px;line-height:1.15}.overview-head h2{font-size:21px;margin-top:5px}.overview-head p{font-size:13px;margin-top:5px}.overview-action .btn{background:#007568;color:white;border:0}.statusline{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.statusline span{padding:7px 12px;background:#F4EFFF;color:#382D6C;font-size:11px;border-radius:10px;font-weight:700}.statusline span:nth-child(2){background:#EDF9F6;color:#007568}.statusline span:nth-child(3){background:#FFF7E8;color:#946000}.statusline span:nth-child(4){background:#FFF0F4;color:#C92346}.dashboard{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:12px}.dash-main,.dash-side{display:grid;gap:12px;align-content:start}.dash-card{background:white;border:1px solid #E7E4F4;border-radius:15px;padding:17px;box-shadow:0 5px 15px #382d6c09}.dash-card h3{font-size:17px}.dash-card p{font-size:12.5px}.dash-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.dash-title .btn{min-height:34px;padding:6px 12px;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:17px}.metrics>div{background:#F4EFFF;border-radius:10px;padding:12px 6px;text-align:center}.metrics>div:nth-child(2){background:#EDF9F6}.metrics>div:nth-child(3){background:#FFF0F4}.metrics>div:nth-child(4){background:#FFF7E8}.metrics strong{display:block;font-size:23px;color:#382D6C}.metrics small{font-size:11px}.activity{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f1eef9;font-size:12px}.activity:last-child{border:0}.activity>span,.members span{width:35px;height:35px;border-radius:50%;background:#E5D9F9;color:#382D6C;display:grid;place-items:center;font-weight:800;flex-shrink:0}.activity small{display:block;font-size:11px;color:#64618B}.textlink{border:0;background:none;color:#382D6C;font-size:12px;font-weight:700;cursor:pointer}.dash-card dl{display:grid;grid-template-columns:108px minmax(0,1fr);gap:14px 8px;font-size:12px}.dash-card dt{color:#64618B}.dash-card dd{margin:0;overflow-wrap:anywhere}.progress{height:13px;background:#F4EFFF;border-radius:15px;margin-top:20px;overflow:hidden}.progress div{height:100%;width:40%;background:#C92346;border-radius:15px}.progress-number{display:block;text-align:right;font-size:20px;margin-top:5px;color:#382D6C}.progress-number small{font-size:10px;font-weight:400}.legend{font-size:11px;color:#64618B}.legend p{margin-top:5px}.members{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.members>div{display:grid;justify-items:center;gap:6px}.members small{font-size:11px}.inspiration{background:linear-gradient(100deg,#F4EFFF,#FFF7E8,#EDF9F6);border-radius:14px;min-height:105px;padding:25px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#382D6C;font:italic 19px Georgia,serif}.inspiration b{font-size:17px}.demo-label{font-size:11px;margin-top:12px}.content .top h1{font-size:29px}.card p{font-size:13px}
@media(max-width:1150px){.utility>div>span{display:none}.dashboard{grid-template-columns:1fr}}@media(max-width:700px){.app{display:block}.utility{padding:8px 14px}.utility img{width:175px}.utility-right span{display:none}.content{padding:18px}.overview-head h1{font-size:28px}.overview-head{min-height:180px}.metrics{grid-template-columns:repeat(2,1fr)}}

/* V3.4: compact official brand lockup and account identity */
.lab-lockup{padding:3px 2px 4px;text-align:left}
.lab-logo-mark{display:flex;align-items:flex-end;gap:5px;max-width:242px}
aside .logo .lab-logo-mark img{display:block;width:180px;max-width:calc(100% - 48px);height:auto;background:transparent;padding:0;border-radius:0}
.lab-word{font-family:Georgia,serif;font-size:29px;line-height:1;color:#f09a00;font-style:italic;font-weight:700;letter-spacing:-1px;margin-bottom:1px}
aside .logo .lab-tagline{font-size:11px;letter-spacing:.1px;color:#ece8f8;margin-top:7px;white-space:nowrap}
aside .logo .foundry-name,aside .logo p{display:none}
.utility .account-brand{display:flex;align-items:center;gap:10px}
.utility .account-brand .wpd-placeholder{display:grid;place-items:center;width:38px;height:38px;border:2px solid #382d6c;border-radius:50%;font-size:11px;font-weight:800;color:#382d6c;background:#fff}
.utility .account-brand .wpd-name{font-size:17px;font-weight:700;color:#382d6c;white-space:nowrap}
.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.dashboard-heading h1{font-size:33px;margin:0;color:#382d6c;line-height:1.15}
@media(max-width:700px){.dashboard-heading h1{font-size:27px}.utility .account-brand .wpd-name{font-size:14px}}

/* V3.5 — supplied brand assets and full dashboard visual alignment */
aside .logo.lab-lockup{padding:0;margin:0 0 2px;background:transparent}
aside .logo .new-lab-logo{display:block;width:100%;max-width:240px;height:auto;background:#fff;border-radius:12px;padding:7px 6px;object-fit:contain}
.utility .account-brand .wpd-official-mark{width:39px;height:39px;max-height:39px;object-fit:contain;border-radius:50%;background:#fff}
.dashboard-heading{margin:3px 0 23px}.dashboard-heading h1{font-size:32px}
.dashboard-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dashboard-project-card{position:relative;background:#fff;border:1px solid var(--b);border-radius:17px;padding:29px 25px 24px;box-shadow:0 7px 20px #382d6c0a;overflow:hidden;min-width:0}
.project-stripe{position:absolute;top:0;left:0;right:0;height:6px}
.dashboard-project-card h3{font-size:21px;line-height:1.3;margin:0 0 9px;color:#382D6C}
.dashboard-project-card p{font-size:14px;color:#64618B;margin:0 0 17px;line-height:1.5}
.project-progress{display:flex;align-items:center;gap:12px;margin:0 0 18px}.project-progress-track{height:11px;background:#e7e8f0;border-radius:99px;overflow:hidden;flex:1}.project-progress-track span{display:block;height:100%;border-radius:99px}.project-progress strong{color:#382D6C;font-size:14px;min-width:36px;text-align:right}
.open-project{display:inline-flex;align-items:center;gap:20px;justify-content:space-between;min-width:166px;padding:10px 19px!important;font-size:13px!important}.open-project span{font-size:20px;font-weight:400;line-height:1}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;margin:23px 0}
.metric-card{display:flex;align-items:center;gap:17px;border-radius:17px;padding:22px 20px;min-height:110px}.metric-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;font-size:29px;font-weight:600;flex-shrink:0}.metric-card strong{display:block;font-size:31px;line-height:1.1}.metric-card span{display:block;font-size:13px;color:#64618B;margin-top:5px}
.metric-indigo{background:#F0EDFF;color:#382D6C}.metric-indigo .metric-icon{background:#DED6FA}.metric-crimson{background:#FFF0F4;color:#C92346}.metric-crimson .metric-icon{background:#FADAE4}.metric-amber{background:#FFF7E8;color:#946000}.metric-amber .metric-icon{background:#F9E8BD}.metric-viridian{background:#EDF9F6;color:#007568}.metric-viridian .metric-icon{background:#CFEFE7}
.dashboard-lower{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:20px}.dashboard-lower .card{padding:21px 23px}.dashboard-lower h3{font-size:17px;margin-bottom:12px}
.quick-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.quick-action-grid button{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#382D6C;border:1px solid #E7E4F4;border-radius:10px;padding:15px 8px;font-size:11px;font-weight:800;min-height:66px;cursor:pointer}.quick-action-grid button:hover{background:#F4EFFF}.quick-action-grid button span{font-size:24px;font-weight:400}
.activity-link{border:0;background:none;color:#382D6C;text-decoration:underline;cursor:pointer;font-size:12px}.activity-item{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #E7E4F4;font-size:12px;color:#64618B}.activity-item:last-child{border-bottom:0}.activity-item span{flex:1;min-width:0}.activity-item small{white-space:nowrap;font-size:11px}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot.green{background:#008C79}.dot.amber{background:#F09A00}.dot.blue{background:#3B92D5}.dashboard-demo-note{font-size:11px;margin-top:12px}
@media(max-width:1300px){.dashboard-projects{gap:12px}.dashboard-project-card{padding:25px 17px 19px}.dashboard-metrics{gap:11px}.metric-card{padding:17px 12px;gap:10px}.metric-icon{width:45px;height:45px;font-size:23px}.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.dashboard-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-lower{grid-template-columns:1fr}}
@media(max-width:650px){.dashboard-projects,.dashboard-metrics{grid-template-columns:1fr}.dashboard-project-card{padding:27px 20px 21px}.dashboard-lower .card{padding:17px}.quick-action-grid{grid-template-columns:1fr 1fr}.quick-action-grid button{font-size:10px}.utility .account-brand .wpd-official-mark{width:32px;height:32px}}

.foundation-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.8fr);gap:18px;align-items:start}.foundation-panel{background:white;border:1px solid #e7e4f4;border-radius:16px;padding:24px;box-shadow:0 5px 16px #382d6c0a}.foundation-panel h2{font-size:20px;margin-bottom:12px}.foundation-panel label{display:block;font-size:12px;font-weight:700;color:#382d6c;margin:13px 0 5px}.foundation-panel input,.foundation-panel select,.foundation-panel textarea{width:100%;min-height:44px;border:1px solid #ddd8ed;border-radius:9px;padding:10px 12px;background:white;color:#181734;font-size:14px}.foundation-panel textarea{min-height:85px}.foundation-panel input[type=checkbox]{width:auto;min-height:0;accent-color:#382d6c}.foundation-panel .form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.foundation-panel .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}.foundation-panel .error{color:#b01f40;font-size:12px;margin:8px 0}.foundation-panel .subtle{font-size:12px;color:#64618b}.foundation-panel .tablewrap{overflow:auto}.foundation-panel table{width:100%;border-collapse:collapse;font-size:13px}.foundation-panel th,.foundation-panel td{padding:11px 8px;border-bottom:1px solid #e7e4f4;text-align:left}.foundation-panel th{color:#382d6c}.foundation-panel .chip{display:inline-block;padding:4px 9px;border-radius:18px;background:#edf9f6;color:#007568;font-size:11px;font-weight:700}.foundation-panel .chip.off{background:#fff0f4;color:#c92346}.foundation-panel .mini-btn{border:1px solid #e7e4f4;background:white;color:#382d6c;border-radius:9px;padding:7px 10px;font-size:12px;margin:2px}.foundation-panel .mini-btn:hover{background:#f4efff}.foundation-panel .toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.foundation-panel .toolbar input,.foundation-panel .toolbar select{flex:1;min-width:135px}.foundation-panel .checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.foundation-panel .checks label{margin:2px 0;font-weight:500}.guide-step{background:#f4efff;border-radius:12px;padding:17px;margin:12px 0}.guide-step p{margin-top:7px}.guide-nav{display:flex;justify-content:space-between;align-items:center;gap:8px}.guide-nav button{border:1px solid #e7e4f4;border-radius:22px;background:white;padding:7px 14px;color:#382d6c;font-weight:700}.guide-nav button:disabled{opacity:.4}.demo-banner{background:#fff7e8;border:1px solid #f1d6a3;border-radius:10px;padding:11px 13px;color:#805300;font-size:12px;margin:0 0 18px}.required:after{content:' *';color:#c92346}@media(max-width:1050px){.foundation-layout{grid-template-columns:1fr}}@media(max-width:650px){.foundation-panel{padding:17px}.foundation-panel .form-row,.foundation-panel .checks{grid-template-columns:1fr}}
.v4{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr);gap:18px}.v4 section{background:white;border:1px solid #e7e4f4;border-radius:16px;padding:24px}.v4 h2{font-size:19px;color:#382d6c}.v4 p{font-size:13px;color:#64618b;line-height:1.6}.v4 label{display:block;margin:12px 0 5px;font-size:12px;font-weight:700;color:#382d6c}.v4 input,.v4 select,.v4 textarea{width:100%;padding:10px;border:1px solid #e7e4f4;border-radius:8px;min-height:44px}.v4 input[type=checkbox]{width:auto;min-height:0;margin-right:7px}.v4 table{width:100%;border-collapse:collapse;font-size:12px}.v4 td,.v4 th{padding:12px 7px;border-bottom:1px solid #e7e4f4;text-align:left}.v4 .hint{padding:15px;background:#f4efff;border-radius:12px;margin:12px 0}.v4 .actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}@media(max-width:900px){.v4{grid-template-columns:1fr}}


/* V4.1: navigation-only UX revision; no backend integration. */
.utility{display:flex;align-items:center;gap:16px}.current-context{font-size:17px;font-weight:800;color:#382D6C;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.utility-right{display:flex;align-items:center;gap:16px}.utility-right .account-brand{display:flex;align-items:center;gap:9px}.sidebar-toggle{border:1px solid #E7E4F4;background:white;border-radius:9px;color:#382D6C;padding:8px 12px;cursor:pointer;font-size:19px}
.app.sidebar-collapsed aside{width:72px;min-width:72px;padding:15px 9px}.app.sidebar-collapsed aside .logo,.app.sidebar-collapsed aside .side-label,.app.sidebar-collapsed aside select,.app.sidebar-collapsed aside small{display:none}.app.sidebar-collapsed aside nav button,.app.sidebar-collapsed aside .adminbtn{font-size:0;padding:14px 9px;text-align:center}.app.sidebar-collapsed aside nav button::first-letter,.app.sidebar-collapsed aside .adminbtn::first-letter{font-size:21px}.app.sidebar-collapsed main{min-width:0}
.admin-hub-grid,.resource-hub-grid,.progress-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hub-link{border:1px solid #E7E4F4;background:#fff;border-radius:14px;padding:23px;text-align:left;cursor:pointer;min-height:110px;color:#382D6C}.hub-link:hover,.hub-link:focus-visible{background:#F4EFFF;outline:2px solid #382D6C}.hub-link strong{display:block;font-size:17px;margin-bottom:6px}.hub-link span{font-size:13px;color:#64618B}.login-gate{max-width:520px;margin:7vh auto;background:white;border:1px solid #E7E4F4;border-radius:20px;padding:35px;box-shadow:0 14px 40px #382d6c12}.login-gate h1{font-size:27px;color:#382D6C;margin:0 0 9px}.login-gate label{display:block;font-weight:700;margin:17px 0 7px}.login-gate input{width:100%;padding:13px;border:1px solid #E7E4F4;border-radius:10px;font-size:16px}.login-gate .btn{margin-top:17px}.login-gate .error{color:#C92346}.login-gate .hint{font-size:12px;color:#64618B}.app.gated aside,.app.gated .utility{display:none}.app.gated main{width:100%;max-width:none}.app.gated .content{max-width:700px;margin:auto}
@media(max-width:800px){.admin-hub-grid,.resource-hub-grid,.progress-hub-grid{grid-template-columns:1fr}.utility-right .wpd-name{display:none}}