.boot-screen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;background:#151a1d;padding:35px;text-align:center}.boot-screen h1{font:500 38px var(--heading);letter-spacing:-1.5px}.boot-screen p{color:#97a4ab}.boot-screen a{color:#9be8cb}
.demo-role-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 42px;border-bottom:1px solid #30393d;background:#121517}.demo-role-bar>div{display:flex;align-items:center;gap:12px;min-width:0}.demo-tag{font:11px ui-monospace,monospace;letter-spacing:.13em;padding:5px 7px;border:1px solid #414a4e;color:#98a3a8;border-radius:4px;white-space:nowrap}.portal .demo-role-bar label{font-size:11px;color:#9aa6ac;white-space:nowrap}.portal .demo-role-bar select{width:auto;max-width:270px;min-height:32px;padding:6px 25px 6px 10px;margin:0;background:#1f2427;border-color:#414d53;font-size:11px}.sync-status{display:flex;gap:7px;align-items:center;color:#808c92;font-size:11px;white-space:nowrap}.sync-status i{width:5px;height:5px;border-radius:50%;background:#99a8af}.sync-status.offline{color:#ffbf64}.sync-status.offline i{background:#ffbf64}.sync-error{padding:14px 42px;background:#302323;border-bottom:1px solid #634040;color:#ffb9a9;font-size:12px;line-height:1.7}.sync-error[hidden]{display:none}.sync-error button{margin-left:14px;background:transparent;color:#ffe0cd;text-decoration:underline}.role-nav{display:grid;gap:4px}.role-nav[hidden]{display:none}
.role-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 90%,#2b323645,transparent 75%),#191e20;border:1px solid var(--border);border-radius:var(--radius);padding:28px;display:flex;align-items:center;min-height:240px}.role-hero>div{position:relative;z-index:1}.role-hero h2{font:500 28px/1.25 var(--heading);letter-spacing:-.8px;margin:18px 0 13px}.role-hero p{color:#9ba8af;font-size:12px;line-height:1.9;max-width:465px;margin-bottom:25px}.hero-action-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-action-row .room-status{font-size:11px}.role-hero .hero-orbit{position:absolute;width:240px;height:240px;border:1px solid #46525860;border-radius:50%;right:70px;top:50%;transform:translateY(-50%) rotate(-20deg);display:grid;place-items:center;color:#9be8cb;font:700 115px var(--heading);opacity:.65}.hero-orbit:before,.hero-orbit:after{content:'';position:absolute;inset:-25px;border:1px solid #46525840;border-radius:50%;transform:scaleY(.55) rotate(55deg)}.hero-orbit:after{inset:-50px;transform:scaleX(.55) rotate(55deg)}.explore-hero>div:first-child{max-width:65%}.role-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0}.role-action-card{display:block;padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:background .2s,border-color .2s}.role-action-card:hover{background:#202629;border-color:#5b686e}.role-action-card>.icon{width:22px;height:22px;color:var(--accent-soft);margin-bottom:20px}.role-action-card h3{font:500 18px var(--heading);margin-bottom:10px}.role-action-card p{font-size:12px;color:#a9b6bc;line-height:1.7;margin-bottom:20px}.role-action-card>span{font-size:11px;color:var(--accent-soft)}
.role-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);margin-bottom:27px}.role-stats>div{padding:18px 22px;border-right:1px solid var(--border)}.role-stats>div:last-child{border:0}.role-stats span{display:block;color:#9eaab0;font-size:11px}.role-stats strong{display:block;font:500 31px var(--heading);margin:10px 0;color:#e2e6e8}.role-stats small{font-size:11px;color:#7d8b92}.staff-home-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:23px}.staff-home-grid>.portal-panel{margin:0}.next-focus{position:relative}.focus-number{display:block;font:500 40px/1 var(--heading);color:#5f6c72;margin:18px 0}.next-focus h2{font:500 20px var(--heading);margin-bottom:12px}.next-focus p{font-size:12px;line-height:1.7;color:#9ca9af;margin-bottom:19px}.section-title-row{gap:15px;flex-wrap:wrap}
.people-table{margin:23px 0}.people-table-head,.person-row{display:grid;grid-template-columns:minmax(160px,1.3fr) minmax(150px,1fr) minmax(75px,.6fr);gap:16px;align-items:center}.people-table-head{font-size:11px;letter-spacing:.1em;color:#7c8a91;padding:0 0 14px;border-bottom:1px solid #374045}.person-row{padding:18px 0;border-bottom:1px solid #2f383c}.person-row>div{display:flex;align-items:center;gap:12px}.person-row strong{display:block;font-size:12px;font-weight:500}.person-row small{display:block;margin-top:4px;font-size:11px;color:#7d8d95}.person-row .subtle-badge{width:fit-content}.person-cohort{font-size:11px;color:#a5b1b7}.permission-list>div{display:grid;grid-template-columns:190px 1fr;gap:25px;padding:23px 0;border-bottom:1px solid #343d42}.permission-list>div:last-child{border:0}.permission-list h3{font-size:13px;font-weight:500}.permission-list p{font-size:12px;line-height:1.8;color:#99a6ad}
.management-grid,.settings-owner-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:24px;align-items:start}.management-grid aside>.portal-panel,.settings-owner-grid aside>.portal-panel{margin-bottom:20px}.managed-cohort{margin-bottom:22px}.managed-cohort-heading{display:flex;align-items:center;gap:10px;padding-bottom:20px;border-bottom:1px solid #353e43}.managed-cohort-heading h2{font-size:18px;margin:0}.managed-cohort-heading>a{margin-left:auto;font-size:11px;white-space:nowrap}.room-control{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:23px 0 15px}.room-control>div{display:flex;align-items:flex-start;flex-direction:column;gap:12px}.room-control>div:last-child{align-items:flex-end}.room-control strong{font-size:12px;font-weight:500}.room-control .text-link{font-size:11px}.room-control .btn{font-size:11px;padding:9px 12px;min-height:35px}.managed-cohort>small{display:block;font-size:11px;line-height:1.7}.announcement-editor{margin-top:25px}.team-person{display:flex;align-items:center;gap:12px;margin:21px 0}.initial-avatar{width:36px;height:36px;border-radius:50%;background:#3d464b;border:1px solid #576166;display:grid;place-items:center;color:#d8dde0;font-size:12px}.ai-avatar{background:#22292c;color:#a3b0b7;border-color:#424e54}.team-person strong{display:block;font-size:12px;font-weight:500}.team-person small{display:block;font-size:11px;color:#8a989f;margin-top:5px}.team-person .role-tag{margin-left:6px}.quiet-empty{text-align:center;padding:37px 25px}.quiet-empty>.icon{width:32px;height:32px;color:#7d9099;margin-bottom:17px}.quiet-empty h2,.quiet-empty h3{font:500 20px var(--heading);margin-bottom:12px}.quiet-empty p{color:#93a2a9;font-size:12px;line-height:1.9;max-width:500px;margin:auto}.work-receipt{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #333c40;padding:20px 0}.work-receipt strong{display:block;font-size:12px}.work-receipt small{display:block;font-size:11px;color:#a4afb5;margin:6px 0}.work-receipt p{font:11px ui-monospace,monospace;color:#8b9ca4;overflow-wrap:anywhere}.learner-room-note{display:flex;align-items:center;gap:12px;padding:22px 0;color:#81929a;font-size:11px;line-height:1.7}.learner-room-note .icon{width:18px;flex-shrink:0}
.agent-preview-note{display:flex;align-items:center;gap:12px;border:1px solid #343e43;border-radius:7px;padding:15px 18px;background:#1a1f21;margin-bottom:24px}.agent-preview-note .icon{color:#93a3ab;flex-shrink:0;width:18px}.agent-preview-note p{font-size:11px;color:#96a5ac;line-height:1.7}.agent-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.agent-card{text-align:left;padding:23px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:#e6e9eb;transition:border-color .2s,background .2s;min-width:0}.agent-card:hover,.agent-card.selected{border-color:#70858f;background:#1f2427}.agent-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px}.agent-glyph{display:grid;place-items:center;width:40px;height:40px;font:500 22px var(--heading);border:1px solid #4e5c63;border-radius:12px;background:#2b3236;color:#b6c0c5}.agent-card-top .subtle-badge{font-size:11px}.agent-card h2{font:500 23px var(--heading);display:flex;align-items:center;gap:9px}.agent-role{font-size:11px;color:#8697a0;display:block;margin-top:7px}.agent-card p{font-size:12px;color:#9aa9b0;line-height:1.8;min-height:59px;margin-top:15px}.agent-card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid #364045;padding-top:17px;margin-top:17px;font-size:11px;color:#7c8b93}.agent-card-foot .icon{width:14px;color:#9baab1}.agent-detail-area{margin-top:26px}.agent-editor h2{font:500 28px var(--heading);margin:15px 0 12px}.agent-editor>p{font-size:12px;color:#a1aeb4;line-height:1.8}.agent-editor form{margin-top:23px}.agent-editor form>label{margin-top:22px}.agent-editor .agent-enabled{display:flex;margin-top:21px}.agent-enabled input{accent-color:#34d7a1}.settings-owner-grid form>p{font-size:12px;line-height:1.8;color:#94a3aa;margin:13px 0 24px}.settings-owner-grid form>label{margin-top:24px}.settings-owner-grid aside .icon{color:#9baab1;width:24px;margin-bottom:20px}.settings-owner-grid aside p{margin:15px 0 20px;line-height:1.9}.settings-owner-grid aside h3{margin-top:18px}.activity-panel{margin-top:28px}.activity-row{display:flex;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid #313a3f}.activity-row:last-child{border:0}.activity-dot{width:6px;height:6px;border-radius:50%;background:#63747d;flex-shrink:0}.activity-row strong{display:block;font-size:12px;font-weight:500}.activity-row small{font-size:11px;color:#84949c;display:block;margin-top:6px}.activity-row time{margin-left:auto;font:11px ui-monospace,monospace;color:#738289;white-space:nowrap}
@media(max-width:1150px){.workspace-label{margin-top:24px}.preview-note{padding-bottom:15px;margin-bottom:15px}.role-hero{padding:27px}.role-hero h2{font-size:29px}.staff-home-grid,.management-grid,.settings-owner-grid{grid-template-columns:1fr}.management-grid aside,.settings-owner-grid aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.staff-home-grid>.next-focus{display:none}.agent-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.role-stats>div{padding:17px}.demo-role-bar{padding-left:28px;padding-right:28px}.sync-status{font-size:11px}.role-hero .hero-orbit{right:30px;width:180px;height:180px;font-size:85px}}
@media(max-width:800px){.role-card-grid{grid-template-columns:1fr}.role-action-card{padding:22px}.role-action-card>.icon{margin-bottom:15px}.role-action-card p{margin-bottom:13px}.demo-role-bar{flex-wrap:wrap;gap:10px;padding:12px 24px}.demo-role-bar>div{width:100%}.sync-status{margin-left:auto}.role-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.role-stats>div:nth-child(2){border-right:0}.role-stats>div:nth-child(-n+2){border-bottom:1px solid #343e43}.people-table-head{display:none}.person-row{grid-template-columns:1fr 1fr}.person-row>div{grid-column:1/-1}.person-row>.person-cohort{justify-self:end}.permission-list>div{grid-template-columns:1fr;gap:10px}.activity-row time{font-size:11px}.explore-hero>div:first-child{max-width:100%}.hero-orbit{display:none!important}}
@media(max-width:650px){.role-nav{display:contents}.role-nav[hidden]{display:none}.portal-nav>div[hidden]{display:none}.demo-role-bar{padding:12px 20px}.demo-tag{font-size:11px}.portal .demo-role-bar select{flex:1;width:100%;max-width:none}.demo-role-bar>div{gap:8px}.portal .demo-role-bar label{font-size:11px}.sync-error{padding:14px 20px}.agent-cards{grid-template-columns:1fr}.role-hero{padding:24px}.role-hero h2{font-size:27px}.management-grid aside,.settings-owner-grid aside{grid-template-columns:1fr}.managed-cohort-heading{flex-wrap:wrap}.managed-cohort-heading>a{width:100%;margin:5px 0 0}.managed-cohort-heading h2{font-size:20px}.work-receipt{flex-direction:column;align-items:flex-start}.agent-card p{min-height:0}.hero-action-row .btn{font-size:11px}.activity-row{flex-wrap:wrap}.activity-row time{width:100%;margin-left:21px}}