:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--page:#f4f6f9;--surface:#f8fafc;--surface-strong:#fff;--text:#172033;--muted:#667085;--line:#dfe4ea;--accent:#315efb;--accent-strong:#2346bd;--accent-soft:#eaf0ff;--button-primary:#315efb;--button-primary-text:#fff;--warning:#885e18;--warning-soft:#f5eddc;--danger:#a13a3a;--shadow:0 10px 30px #1c27400f;--radius-card:18px;--radius-control:11px;font-family:Avenir Next,Avenir,Noto Sans TC,PingFang TC,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--page);min-width:320px;min-height:100dvh;color:var(--text);margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:3px}.app-layout{min-height:100dvh;padding-left:264px}.app-frame{flex-direction:column;min-height:100dvh;display:flex}.system-directory{z-index:40;border-right:1px solid var(--line);width:264px;color:var(--text);background:#fff;flex-direction:column;padding:18px 14px;display:flex;position:fixed;inset:0 auto 0 0}.directory-heading{justify-content:space-between;align-items:center;gap:8px;min-height:48px;display:flex}.directory-brand{align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.directory-label{gap:2px;min-width:0;display:grid}.directory-label strong{font-size:.92rem}.directory-label small{color:var(--muted);white-space:nowrap;font-size:.68rem}.directory-section-label{color:#98a2b3;letter-spacing:.1em;text-transform:uppercase;margin:26px 11px 8px;font-size:.68rem;font-weight:800}.directory-nav{gap:5px;margin-top:0;display:grid}.directory-item,.directory-collapse{color:#475467;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;min-height:46px;padding:9px 11px;font-weight:700;text-decoration:none;display:flex}.directory-item svg,.directory-collapse svg{flex:none}.directory-item:hover,.directory-item.is-active{background:var(--accent-soft);color:var(--accent-strong)}.directory-item.is-active{box-shadow:inset 3px 0 var(--accent)}.directory-item.is-disabled{color:#98a2b3;cursor:not-allowed}.directory-item.is-disabled small{color:#98a2b3}.directory-admin{margin-top:8px}.directory-admin .directory-section-label{margin-top:12px}.directory-collapse{cursor:pointer;width:100%;margin-top:auto}.directory-collapse:hover{color:var(--text);background:#eef2f6}.directory-short-label{text-align:center;font-size:.65rem;line-height:1.1;display:none}.directory-mobile-trigger,.directory-mobile-close,.directory-backdrop{display:none}.app-layout:has(.system-directory.is-collapsed){padding-left:78px}.system-directory.is-collapsed{width:78px;padding-inline:10px}.system-directory.is-collapsed .directory-heading{justify-content:center}.system-directory.is-collapsed .directory-brand .brand-mark{width:38px;height:38px}.system-directory.is-collapsed .directory-label{display:none}.system-directory.is-collapsed .directory-nav{margin-top:28px}.system-directory.is-collapsed .directory-admin .directory-section-label{display:none}.system-directory.is-collapsed .directory-item,.system-directory.is-collapsed .directory-collapse{flex-direction:column;justify-content:center;gap:4px;min-height:52px;padding:6px 3px}.system-directory.is-collapsed .directory-short-label{display:block}.app-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#fffffff0;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:12px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.wordmark{align-items:center;gap:10px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);color:#fff;letter-spacing:-.04em;border-radius:14px;place-items:center;width:52px;height:52px;font-weight:800;display:grid}.brand-mark--small{border-radius:9px;width:34px;height:34px}.identity-summary{align-items:center;gap:10px;display:flex}.identity-copy{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.identity-copy strong{font-size:.9rem}.identity-copy span{color:var(--muted);margin-top:4px;font-size:.75rem}.header-line-link{border:1px solid var(--line);border-radius:var(--radius-control);min-height:40px;color:var(--accent-strong);background:#fff;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:.78rem;font-weight:750;text-decoration:none;display:inline-flex}.icon-button{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);width:40px;height:40px;color:var(--text);place-items:center;display:grid}.icon-button:active,.primary-button:active,.secondary-button:active,.entry-action:active{transform:translateY(1px)}.shell{width:min(1160px,100%);margin:0 auto;padding:clamp(24px,4vw,52px) clamp(16px,4vw,36px)}.demo-banner,.notice{border:1px solid color-mix(in srgb, var(--warning) 28%, var(--line));border-radius:var(--radius-control);background:var(--warning-soft);color:var(--warning);padding:12px 14px;line-height:1.55}.notice{margin:18px 0}.portal-intro{justify-content:space-between;align-items:end;gap:32px;padding:8px 0 34px;display:flex}.portal-context{color:var(--accent-strong);margin:0 0 12px;font-weight:700}.portal-intro h1{letter-spacing:-.04em;max-width:18ch;margin:0;font-size:clamp(2rem,5vw,3.1rem);line-height:1.08}.portal-summary{color:var(--muted);margin:16px 0 0;line-height:1.7}.portal-count{border-left:1px solid var(--line);flex:none;gap:2px;min-width:136px;padding:4px 0 4px 24px;display:grid}.portal-count strong{font-size:2rem;line-height:1}.portal-count span{color:var(--muted);font-size:.78rem}.portal-intro-actions{align-items:center;gap:18px;display:flex}.admin-entry-link{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-strong);min-height:44px;color:var(--accent-strong);white-space:nowrap;align-items:center;gap:8px;padding:0 14px;font-weight:750;text-decoration:none;display:inline-flex}.section-heading{justify-content:space-between;align-items:end;gap:20px;min-height:48px;margin-bottom:14px;display:flex}.section-heading p{color:var(--accent-strong);letter-spacing:.08em;margin:0 0 4px;font-size:.72rem;font-weight:800}.section-heading h2{margin:0;font-size:1.12rem}.section-heading>span{color:var(--muted);font-size:.78rem}.resource-links{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.blueprint-link,.public-progress-link{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line));border-radius:var(--radius-control);background:var(--surface-strong);width:fit-content;min-height:44px;color:var(--accent-strong);align-items:center;gap:8px;padding:0 14px;font-weight:750;text-decoration:none;display:inline-flex}.public-progress-link{color:var(--accent-strong);margin-top:18px}.systems-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.system-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-strong);min-height:224px;box-shadow:var(--shadow);flex-direction:column;justify-content:space-between;gap:24px;padding:clamp(20px,3vw,26px);display:flex}.system-card__topline{justify-content:space-between;align-items:center;gap:14px;display:flex}.system-card__icon{background:var(--accent-soft);width:46px;height:46px;color:var(--accent-strong);border-radius:13px;place-items:center;display:grid}.system-card h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.3rem,2.5vw,1.65rem)}.system-card p{max-width:38ch;color:var(--muted);margin:12px 0 0;line-height:1.65}.status{background:var(--accent-soft);color:var(--accent-strong);border-radius:8px;padding:6px 9px;font-size:.76rem;font-weight:750}.status--maintenance,.status--planned{background:var(--warning-soft);color:var(--warning)}.entry-action{width:fit-content;color:var(--accent-strong);align-items:center;gap:8px;font-weight:750;text-decoration:none;display:inline-flex}.entry-action--disabled{color:var(--muted);cursor:not-allowed}.workspace-resources{border-top:1px solid var(--line);margin-top:32px;padding-top:18px}.workspace-resources summary{width:fit-content;min-height:44px;color:var(--muted);cursor:pointer;align-items:center;font-size:.84rem;font-weight:750;display:flex}.workspace-resources .resource-links{margin-top:10px}.back-link{min-height:44px;color:var(--accent-strong);align-items:center;gap:8px;font-weight:750;text-decoration:none;display:inline-flex}.lecturer-hub__header{max-width:760px;padding:22px 0 42px}.lecturer-hub__header h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,3rem)}.lecturer-hub__header>p:last-child{color:var(--muted);margin:16px 0 0;line-height:1.75}.lecturer-workspace-card{border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);background:#fff;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:24px;display:grid}.lecturer-avatar{background:var(--accent-soft);width:58px;height:58px;color:var(--accent-strong);border-radius:16px;place-items:center;font-size:1.25rem;font-weight:850;display:grid}.lecturer-title-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lecturer-title-line h3{margin:0;font-size:1.2rem}.lecturer-workspace-copy p{color:var(--muted);margin:9px 0;line-height:1.65}.lecturer-workspace-copy ul{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.lecturer-workspace-copy li{border:1px solid var(--line);color:#475467;border-radius:999px;padding:5px 9px;font-size:.72rem}.primary-entry{border-radius:var(--radius-control);background:var(--accent);color:#fff;white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 16px;font-weight:780;text-decoration:none;display:inline-flex}.primary-entry.is-disabled{color:#667085;background:#e4e7ec}.lecturer-note{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:flex-start;gap:12px;margin-top:20px;padding:18px;display:flex}.lecturer-note svg{color:var(--accent-strong);flex:none}.lecturer-note p{color:var(--muted);margin:5px 0 0;font-size:.84rem;line-height:1.65}.account-admin{width:min(1240px,100%)}.account-admin__header{justify-content:space-between;align-items:end;gap:28px;padding:22px 0 34px;display:flex}.account-admin__header h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,3rem)}.account-admin__header>div:first-child>p:last-child{color:var(--muted);margin:14px 0 0;line-height:1.7}.admin-summary{border-left:1px solid var(--line);gap:3px;min-width:112px;padding-left:22px;display:grid}.admin-summary strong{font-size:2rem;line-height:1}.admin-summary span{color:var(--muted);font-size:.78rem}.resource-sync-bar{border:1px solid var(--line);background:var(--surface);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px;padding:16px 18px;display:flex}.resource-sync-bar>div{gap:4px;display:grid}.resource-sync-bar span{color:var(--muted);font-size:.84rem;line-height:1.5}.admin-notice{border-radius:var(--radius-control);border:1px solid;align-items:flex-start;gap:9px;margin-bottom:18px;padding:13px 14px;line-height:1.55;display:flex}.admin-notice svg{flex:none;margin-top:1px}.admin-notice--success{color:#17633a;background:#eaf8f0;border-color:#abd8bf}.admin-notice--error{color:var(--danger);background:#fff0f0;border-color:#e0b5b5}.admin-invite{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--line));border-radius:var(--radius-card);background:var(--accent-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:18px;padding:22px;display:grid}.admin-invite__icon{width:46px;height:46px;color:var(--accent-strong);background:#fff;border-radius:13px;place-items:center;display:grid}.admin-invite p,.account-list-toolbar p{color:var(--accent-strong);letter-spacing:.08em;margin:0 0 4px;font-size:.72rem;font-weight:800}.admin-invite h2,.account-list-toolbar h2{margin:0;font-size:1.12rem}.admin-invite ol{color:#475467;margin:12px 0 0;padding-left:20px;font-size:.84rem;line-height:1.7}.admin-invite .secondary-button{background:#fff;align-self:center}.account-list-section{margin-top:34px}.account-list-toolbar{justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;display:flex}.account-search{border:1px solid var(--line);border-radius:var(--radius-control);width:min(320px,100%);min-height:44px;color:var(--muted);background:#fff;align-items:center;gap:9px;padding:0 12px;display:flex}.account-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.account-search input{width:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0}.account-cards{gap:12px;display:grid}.account-card{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:minmax(240px,1.2fr) minmax(220px,1fr) minmax(360px,1.4fr);align-items:center;gap:18px;padding:18px;display:grid;box-shadow:0 6px 20px #1c27400a}.account-card.is-suspended{background:#f8f9fb}.account-card__identity{align-items:center;gap:12px;min-width:0;display:flex}.account-card__identity>img,.account-card__identity>span{background:var(--surface);width:46px;height:46px;color:var(--muted);object-fit:cover;border-radius:50%;flex:none;place-items:center;display:grid}.account-card__identity>div{min-width:0}.account-name-line{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.account-name-line h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:1rem;overflow:hidden}.account-name-line em{background:var(--accent-soft);color:var(--accent-strong);border-radius:6px;padding:3px 6px;font-size:.68rem;font-style:normal;font-weight:800}.account-card__identity p{color:var(--muted);margin:6px 0 0;font-size:.74rem}.account-status{border-radius:6px;padding:4px 7px;font-size:.68rem}.account-status--active{color:#17633a;background:#eaf8f0}.account-status--pending{color:#7a5200;background:#fff4d6}.account-status--suspended{color:var(--danger);background:#f5e9e9}.account-card__access>span{color:var(--muted);margin-bottom:7px;font-size:.7rem;font-weight:750;display:block}.account-card__access>div{flex-wrap:wrap;gap:5px;display:flex}.account-card__access small{border:1px solid var(--line);color:#475467;border-radius:999px;padding:4px 7px;font-size:.67rem}.account-card__controls{grid-template-columns:minmax(150px,1fr) auto auto;align-items:end;gap:8px;display:grid}.account-role-set{border:0;min-width:0;margin:0;padding:0}.account-role-set legend{color:var(--muted);margin-bottom:7px;font-size:.7rem;font-weight:750}.account-role-set label{border:1px solid var(--line);min-height:38px;color:var(--text);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.account-role-set label:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.account-role-set input{width:17px;height:17px;accent-color:var(--accent);margin:0}.account-role-set input:disabled{cursor:not-allowed;opacity:.55}.account-card__controls select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);font:inherit;background:#fff;border-radius:9px;padding:0 34px 0 10px}.account-card__controls button{min-height:44px}.account-card__controls button:disabled,.account-card__controls select:disabled{cursor:not-allowed;opacity:.5}.account-status-button{border:1px solid var(--line);border-radius:var(--radius-control);color:var(--accent-strong);white-space:nowrap;background:#fff;padding:0 13px;font-weight:750}.account-status-button.is-danger{color:var(--danger);border-color:#e0b5b5}.last-owner-note{color:var(--warning);grid-column:1/-1;align-items:center;gap:7px;margin:-4px 0 0;font-size:.76rem;display:flex}.admin-loading{border:1px solid var(--line);border-radius:var(--radius-card);color:var(--muted);text-align:center;background:#fff;padding:34px}.admin-access-denied{border:1px solid var(--line);border-radius:var(--radius-card);text-align:center;background:#fff;max-width:600px;margin:56px auto;padding:42px}.admin-access-denied svg{color:var(--warning)}.admin-access-denied h1{margin:14px 0 0}.admin-access-denied p{color:var(--muted)}.admin-create{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--line));border-radius:var(--radius-card);background:#fff;overflow:hidden}.admin-create__summary{background:var(--accent-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px 22px;display:grid}.admin-create__summary p,.temporary-credential p{color:var(--accent-strong);letter-spacing:.08em;margin:0 0 4px;font-size:.72rem;font-weight:800}.admin-create__summary h2,.temporary-credential h2{margin:0;font-size:1.12rem}.admin-create__summary div>span,.temporary-credential>div>span{color:var(--muted);margin-top:5px;font-size:.8rem;display:block}.admin-create__summary .primary-button{min-height:46px}.create-account-form{gap:24px;padding:24px;display:grid}.create-account-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.create-account-fields label,.account-security-controls label{color:var(--text);gap:7px;font-size:.82rem;font-weight:750;display:grid}.create-account-fields input,.account-security-controls input{border:1px solid var(--line);width:100%;min-height:46px;color:var(--text);font:inherit;background:#fff;border-radius:10px;padding:0 12px}.create-account-fields input:focus,.account-security-controls input:focus{outline:3px solid color-mix(in srgb, var(--accent) 18%, transparent);border-color:var(--accent)}.create-account-fields small{color:var(--muted);font-size:.7rem;font-weight:500}.create-account-actions{justify-content:flex-end;display:flex}.temporary-credential{border-radius:var(--radius-card);background:#fff8e6;border:1px solid #e4b648;grid-template-columns:minmax(180px,.8fr) minmax(300px,1.4fr) auto;align-items:center;gap:22px;margin-bottom:18px;padding:20px 22px;display:grid}.temporary-credential dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.temporary-credential dl>div{background:#fff;border:1px solid #ead7a8;border-radius:10px;min-width:0;padding:10px 12px}.temporary-credential dt{color:var(--muted);font-size:.68rem;font-weight:750}.temporary-credential dd{overflow-wrap:anywhere;margin:4px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;font-weight:750}.temporary-credential>div:last-child{flex-direction:column;gap:8px;display:flex}.account-card{grid-template-columns:minmax(240px,1.2fr) minmax(220px,1fr);align-items:start}.account-permission-editor{border-top:1px solid var(--line);grid-column:1/-1;padding-top:14px}.account-permission-editor summary{cursor:pointer;min-height:44px;color:var(--accent-strong);align-items:center;font-weight:780;display:flex}.account-permission-editor__body{gap:22px;padding:10px 0 4px;display:grid}.account-permission-editor__body>.primary-button{justify-self:end}.account-security-controls{grid-column:1/-1;grid-template-columns:minmax(180px,1fr) auto auto auto auto;align-items:end;gap:10px;display:grid}.account-security-controls button{min-height:46px}.line-link-state{border:1px solid var(--line);min-height:46px;color:var(--muted);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:0 13px;font-size:.78rem;font-weight:800;display:inline-flex}.line-link-state.is-linked{color:#157442;background:#eefaf2;border-color:#b8e6ca}.account-delete-button{color:#a63d34;font:inherit;cursor:pointer;background:#fff;border:1px solid #e7b5b0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:.8rem;font-weight:800;display:inline-flex}.account-delete-button:hover:not(:disabled){background:#fff3f1;border-color:#cf746b}.account-delete-button:disabled{cursor:not-allowed;opacity:.46}.password-state-note{color:#7a5200;grid-column:1/-1;align-items:center;gap:7px;margin:-4px 0 0;font-size:.76rem;display:flex}.account-role-set__hint{color:var(--muted);margin:-1px 0 11px;font-size:.72rem;line-height:1.5}.account-role-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.account-role-group{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:0;padding:12px}.account-role-group__header{gap:3px;margin-bottom:9px;display:grid}.account-role-group__header strong{color:var(--text);font-size:.82rem}.account-role-group__header small{color:var(--muted);font-size:.67rem;line-height:1.4}.account-role-group__choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.account-role-group__choices label:only-child{grid-column:1/-1}.account-role-set label{align-items:flex-start;min-height:68px}.account-role-set label>span{gap:2px;display:grid}.account-role-set label strong{font-size:.8rem}.account-role-set label small{color:var(--muted);font-size:.66rem;font-weight:500;line-height:1.4}.account-role-set label .account-role-card__system{color:var(--accent-strong);letter-spacing:.04em;font-size:.6rem;font-weight:800}.account-role-set label:has(input:checked) small{color:color-mix(in srgb, var(--accent-strong) 76%, #fff)}.resource-groups{gap:16px;display:grid}.resource-group{border:1px solid var(--line);border-radius:13px;min-width:0;margin:0;padding:16px}.resource-group legend{color:var(--text);padding:0 7px;font-size:.9rem;font-weight:800}.resource-group>p{color:var(--muted);margin:0 0 13px;font-size:.76rem;line-height:1.55}.resource-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.resource-choice{border:1px solid var(--line);background:#fff;border-radius:11px;min-width:0;padding:10px}.resource-choice.is-selected{border-color:var(--accent);background:var(--accent-soft)}.resource-choice>label{cursor:pointer;align-items:center;gap:10px;min-height:46px;display:flex}.resource-choice input{opacity:0;pointer-events:none;position:absolute}.resource-check{color:#fff;background:#fff;border:1px solid #aeb7c5;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;display:grid}.resource-choice.is-selected .resource-check{border-color:var(--accent);background:var(--accent)}.resource-choice label>span:last-child{gap:2px;min-width:0;display:grid}.resource-choice strong{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.resource-choice small{color:var(--muted);font-size:.68rem}.permission-segments{background:color-mix(in srgb, var(--accent) 10%, #fff);border-radius:9px;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px;padding:4px;display:grid}.permission-segments button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:.72rem;font-weight:750}.permission-segments button.is-active{color:var(--accent-strong);background:#fff;box-shadow:0 2px 7px #1c27401a}.resource-empty,.owner-scope-note{background:var(--surface);min-height:46px;color:var(--muted);border-radius:9px;align-items:center;gap:8px;padding:10px 12px;font-size:.76rem;display:flex}.owner-scope-note{color:#17633a;background:#eaf8f0;border:1px solid #abd8bf}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.empty-state{border:1px dashed var(--line);border-radius:var(--radius-card);text-align:center;padding:48px 24px}.empty-state h2{margin:0}.empty-state p{max-width:48ch;color:var(--muted);margin:12px auto 0;line-height:1.7}.app-footer{width:min(1180px,100%);color:var(--muted);justify-content:space-between;gap:16px;margin:auto auto 0;padding:26px clamp(16px,4vw,36px);font-size:.82rem;display:flex}.app-footer a{color:var(--accent-strong)}.footer-links{flex-wrap:wrap;gap:16px;display:flex}.canvas-screen{color:#172019;background:#eef2ee;position:fixed;inset:0 0 0 264px;overflow:hidden}.system-directory.is-collapsed~.canvas-screen{left:78px}.canvas-toolbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #d3dbd5;border-radius:12px;align-items:center;gap:14px;min-height:64px;padding:8px 10px;display:flex;position:absolute;top:14px;left:14px;right:14px;box-shadow:0 12px 38px #2035281a}.canvas-toolbar>a,.canvas-actions button,.canvas-more summary,.canvas-add-menu summary{color:#213129;background:#fff;border:1px solid #d7ddd8;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:7px 10px;font-weight:720;text-decoration:none;display:inline-flex}.canvas-actions button:disabled{cursor:not-allowed;opacity:.48}.canvas-actions button.active{color:#0c5f3e;background:#e2f2e9;border-color:#167a52}.canvas-title{min-width:150px;line-height:1.2;display:grid}.canvas-title span{color:#657169;margin-top:4px;font-size:.7rem}.canvas-actions,.canvas-desktop-actions{align-items:center;gap:8px;display:flex}.canvas-actions{margin-left:auto}.canvas-more,.canvas-add-menu{position:relative}.canvas-more{display:none}.canvas-more summary,.canvas-add-menu summary{color:#213129;cursor:pointer;background:#fff;border:1px solid #d7ddd8;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:44px;padding:7px 10px;font-weight:720;list-style:none;display:inline-flex}.canvas-more summary::-webkit-details-marker{display:none}.canvas-add-menu summary::-webkit-details-marker{display:none}.canvas-more>div,.canvas-add-menu>div{z-index:35;background:#fff;border:1px solid #d3dbd5;border-radius:12px;gap:8px;width:220px;padding:10px;display:grid;position:absolute;top:52px;right:0;box-shadow:0 18px 48px #20352833}.canvas-more>div button,.canvas-add-menu>div button{color:#213129;background:#fff;border:1px solid #d7ddd8;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 10px;font-weight:720;display:flex}.canvas-photo-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;overflow:hidden}.canvas-floating-panel{z-index:30;background:#fffffffa;border:1px solid #d3dbd5;border-radius:12px;width:min(360px,100vw - 28px);max-height:min(520px,100dvh - 110px);padding:14px;position:absolute;top:88px;left:14px;overflow:auto;box-shadow:0 18px 48px #20352833}.canvas-panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.canvas-panel-heading>div{gap:3px;display:grid}.canvas-panel-heading small{color:#6b786f;line-height:1.4}.canvas-panel-heading>button{color:#30443a;background:#fff;border:1px solid #d7ddd8;border-radius:8px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.canvas-search-panel>label{background:#fff;border:1px solid #bdc8c0;border-radius:9px;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:48px;padding:0 12px;display:grid}.canvas-search-panel input{color:#172019;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:16px}.canvas-search-results,.canvas-version-list{gap:7px;margin-top:10px;display:grid}.canvas-search-results button,.canvas-version-list button{color:#213129;text-align:left;background:#f9fbf9;border:1px solid #dce2dd;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:9px 11px;display:flex}.canvas-search-results button span,.canvas-version-list button span{font-weight:750}.canvas-search-results small,.canvas-version-list small{color:#66736b}.canvas-search-results p,.canvas-version-list p{color:#66736b;margin:8px 2px;font-size:.84rem;line-height:1.5}.canvas-viewport{touch-action:none;overscroll-behavior:contain;cursor:grab;background-color:#eef2ee;background-image:radial-gradient(#bdc8c0 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;overflow:hidden}.canvas-viewport:active{cursor:grabbing}.canvas-world{transform-origin:0 0;width:1px;height:1px;position:absolute;inset:0 auto auto 0}.canvas-group{z-index:-1;pointer-events:none;background:#eaf6ee6b;border:2px dashed #9fb8a8;border-radius:18px;position:absolute}.canvas-group>strong{color:#426052;font-size:.86rem;position:absolute;top:10px;left:16px}.canvas-group--blue{background:#e8f2fb6b;border-color:#9eb8cf}.canvas-group--sand{background:#fff7e47a;border-color:#cab991}.canvas-edges{pointer-events:none;width:5000px;height:5000px;position:absolute;overflow:visible}.canvas-edges line{stroke:#94a69a;stroke-width:2px;vector-effect:non-scaling-stroke}.canvas-node{color:#172019;-webkit-user-select:none;user-select:none;background:#f7fffa;border:1px solid #adc9b9;border-radius:12px;width:240px;height:136px;position:absolute;overflow:hidden;box-shadow:0 12px 32px #263d2f1a}.canvas-node.has-image{height:292px}.canvas-node__select{width:100%;height:100%;color:inherit;text-align:left;touch-action:manipulation;background:0 0;border:0;align-content:center;gap:7px;padding:16px 18px;display:grid}.canvas-node.has-image .canvas-node__select{align-content:start;padding:0 16px 16px}.canvas-node__select img{object-fit:cover;background:#dfe7e1;width:calc(100% + 32px);height:164px;margin:0 -16px 10px;display:block}.canvas-node__select strong{padding-right:34px;font-size:.94rem;line-height:1.3}.canvas-node__content{color:#58665e;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.canvas-node__meta{align-items:center;gap:6px;min-height:18px;padding-right:42px;display:flex}.canvas-node__meta span{color:#506158;background:#ffffffb3;border-radius:999px;align-items:center;gap:3px;padding:2px 6px;font-size:.64rem;font-weight:760;display:inline-flex}.canvas-node__tags{gap:4px;display:flex;overflow:hidden}.canvas-node__tags span{color:#276348;white-space:nowrap;background:#167a5217;border-radius:999px;padding:2px 6px;font-size:.62rem}.canvas-node__progress{background:#2948371a;border-radius:999px;height:22px;position:relative;overflow:hidden}.canvas-node__progress>span{background:#57a77e;position:absolute;inset:0 auto 0 0}.canvas-node__progress small{z-index:1;color:#244537;text-align:center;font-size:.62rem;font-weight:760;line-height:22px;display:block;position:relative}.canvas-node__drag{z-index:2;color:#375447;cursor:grab;touch-action:none;background:#ffffffe6;border:1px solid #5a6f6240;border-radius:9px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:7px;right:7px;box-shadow:0 4px 12px #142c1e1a}.canvas-node__external{z-index:3;color:#0c6542;background:#fffffff0;border:1px solid #5a6f6240;border-radius:9px;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:7px;right:7px}.canvas-node__drag:active{cursor:grabbing;background:#e2f2e9}.canvas-node--blue{background:#f4f8fc;border-color:#b8cbdd}.canvas-node--sand{background:#fffaf0;border-color:#d7c8aa}.canvas-node.selected{outline-offset:3px;outline:3px solid #167a523d}.canvas-node.is-completed{opacity:.72}.canvas-node.is-completed strong{text-decoration:line-through}.canvas-node.is-search-dimmed{opacity:.2}.canvas-inspector{z-index:15;background:#fffffff5;border:1px solid #d3dbd5;border-radius:12px;gap:14px;width:min(310px,100vw - 28px);max-height:calc(100dvh - 102px);padding:18px;display:grid;position:absolute;top:86px;right:14px;overflow-y:auto;box-shadow:0 16px 44px #20352821}.canvas-inspector__heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.canvas-inspector__heading p{color:#0c5f3e;margin:0;font-size:.78rem;font-weight:800}.canvas-inspector__heading span{color:#748078;margin-top:3px;font-size:.7rem;display:block}.canvas-inspector__heading>button{color:#30443a;background:#fff;border:1px solid #d7ddd8;border-radius:9px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.canvas-inspector__image{object-fit:cover;background:#eef2ee;border-radius:9px;width:100%;max-height:190px;display:block}.canvas-photo-actions{grid-template-columns:1fr auto;gap:8px;display:grid}.canvas-photo-actions button{color:#274238;background:#fff;border:1px solid #bdc8c0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 11px;font-weight:720;display:inline-flex}.canvas-photo-status{color:#315543;background:#edf5f0;border-radius:8px;padding:9px 11px;font-size:.76rem;line-height:1.4}.canvas-inspector label{gap:6px;display:grid}.canvas-inspector label span,.canvas-inspector legend{color:#536159;font-size:.75rem;font-weight:720}.canvas-inspector input,.canvas-inspector textarea,.canvas-inspector select{color:#172019;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #bdc8c0;border-radius:8px;padding:10px;font-size:16px}.canvas-inspector textarea{resize:vertical;min-height:110px}.canvas-inspector label small{color:#66736b;line-height:1.45}.canvas-inspector label span{align-items:center;gap:5px;display:inline-flex}.canvas-inspector__row{grid-template-columns:1fr 1fr;align-items:end;gap:8px;display:grid}.canvas-complete-toggle{color:#315543;background:#fff;border:1px solid #bdc8c0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px;font-weight:720;display:flex}.canvas-complete-toggle.active{color:#135d3c;background:#e4f3eb;border-color:#378660}.canvas-checklist-editor{gap:7px;display:grid}.canvas-checklist-editor>span{color:#536159;font-size:.75rem;font-weight:720}.canvas-checklist-editor>div{grid-template-columns:44px 1fr 44px;gap:6px;display:grid}.canvas-checklist-editor button{color:#286447;background:#fff;border:1px solid #bdc8c0;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.canvas-checklist-editor button:disabled{opacity:.45}.canvas-inspector fieldset{border:0;gap:9px;margin:0;padding:0;display:flex}.canvas-inspector legend{margin-bottom:8px}.canvas-inspector .tone{background:#f7fffa;border:1px solid #adc9b9;border-radius:8px;width:44px;height:44px}.canvas-inspector .tone--blue{background:#e9f2fa;border-color:#b8cbdd}.canvas-inspector .tone--sand{background:#fff3d7;border-color:#d7c8aa}.canvas-inspector .tone.selected{outline-offset:2px;outline:2px solid #167a52}.canvas-inspector small{color:#6a766e;line-height:1.5}.canvas-delete-node{color:#923b31;background:#fff7f5;border:1px solid #d5aaa4;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;font-weight:750;display:flex}.canvas-zoom{z-index:10;color:#536159;background:#fffffff0;border:1px solid #d3dbd5;border-radius:9px;align-items:center;gap:5px;padding:4px;font-size:.75rem;font-weight:750;display:flex;position:absolute;bottom:16px;left:16px;box-shadow:0 8px 24px #20352817}.canvas-zoom button{color:#274238;background:0 0;border:0;border-radius:7px;place-items:center;width:44px;height:44px;display:grid}.canvas-zoom button:hover{background:#edf3ef}.canvas-zoom span{text-align:center;min-width:48px}.canvas-minimap{z-index:9;background:#fffffff0;border:1px solid #d3dbd5;border-radius:10px;gap:5px;width:176px;padding:8px;display:grid;position:absolute;bottom:78px;left:16px;box-shadow:0 8px 24px #20352817}.canvas-minimap>div{background:#e8eeea;border-radius:6px;height:104px;position:relative;overflow:hidden}.canvas-minimap button{background:#90bea4;border:1px solid #557865;border-radius:2px;min-width:6px;min-height:7px;padding:0;position:absolute}.canvas-minimap>span{color:#66736b;text-align:center;font-size:.65rem}.access-screen{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.access-panel{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-strong);width:min(560px,100%);box-shadow:var(--shadow);padding:clamp(28px,7vw,52px)}.access-kicker{color:var(--accent-strong);margin:24px 0 10px;font-weight:750}.access-panel h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,8vw,3.6rem);line-height:1.06}.access-copy{color:var(--muted);margin:20px 0 18px;line-height:1.7}.password-login-form{gap:14px;margin-top:22px;display:grid}.password-login-form label{color:var(--muted);gap:7px;font-size:.8rem;font-weight:700;display:grid}.password-login-form input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:48px;color:var(--text);font:inherit;border-radius:10px;padding:10px 13px;font-size:16px}.password-login-form input:focus{border-color:var(--accent-strong);outline:3px solid color-mix(in srgb, var(--accent-strong) 16%, transparent)}.password-login-form .primary-button{width:100%;margin-top:4px}.login-divider{color:var(--muted);align-items:center;gap:12px;margin:20px 0 12px;font-size:.74rem;font-weight:700;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--line);flex:1;height:1px}.line-login-button{border-radius:var(--radius-control);color:#fff;background:#06c755;justify-content:center;align-items:center;gap:9px;width:100%;min-height:50px;padding:0 18px;font-weight:800;text-decoration:none;display:inline-flex}.line-login-note{color:var(--muted);text-align:center;margin:10px 0 0;font-size:.75rem;line-height:1.55}.access-route-note{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line));border-radius:var(--radius-control);background:var(--accent-soft);gap:4px;padding:13px 14px;line-height:1.5;display:grid}.access-route-note strong{color:var(--accent-strong);font-size:.92rem}.access-route-note span{color:var(--text);font-size:.82rem}.access-steps{counter-reset:access-step;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 22px;padding:0;list-style:none;display:grid}.access-steps li{counter-increment:access-step;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:2px 9px;min-width:0;display:grid}.access-steps li:before{background:var(--surface);width:28px;height:28px;color:var(--accent-strong);content:counter(access-step);border-radius:8px;grid-row:1/3;place-items:center;font-size:.78rem;font-weight:800;display:grid}.access-steps strong{padding-top:2px;font-size:.86rem}.access-steps span{color:var(--muted);grid-column:2;font-size:.76rem;line-height:1.5}.access-panel>.primary-button,.access-panel>.secondary-button{width:100%}.primary-button,.secondary-button{border-radius:var(--radius-control);white-space:nowrap;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-weight:750;display:inline-flex}.primary-button{border:1px solid var(--button-primary);background:var(--button-primary);color:var(--button-primary-text)}.secondary-button{border:1px solid var(--line);background:var(--surface);color:var(--text)}.loading-header,.loading-card{border-radius:var(--radius-card);background:color-mix(in srgb, var(--line) 65%, var(--surface))}.loading-header{width:52%;height:54px;margin-bottom:42px}.loading-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.loading-card{height:260px}@media (prefers-reduced-motion:no-preference){.system-card,.icon-button,.primary-button,.secondary-button,.entry-action,.blueprint-link,.public-progress-link{transition:transform .16s,border-color .16s,background-color .16s}.system-card:hover{border-color:color-mix(in srgb, var(--accent) 26%, var(--line));transform:translateY(-2px)}.blueprint-link:hover,.public-progress-link:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.loading-header,.loading-card{animation:1.5s ease-in-out infinite alternate pulse}.app-layout,.system-directory,.canvas-screen{transition:padding-left .16s,width .16s,left .16s}@keyframes pulse{to{opacity:.48}}}@media (width<=1400px){.canvas-desktop-actions{display:none}.canvas-more{display:block}}@media (width<=1020px){.canvas-toolbar{gap:10px;left:12px;right:12px}.canvas-title{min-width:0}.canvas-title span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.canvas-actions{gap:8px}.canvas-inspector{width:auto;max-height:min(52dvh,520px);padding-bottom:calc(18px + env(safe-area-inset-bottom));inset:auto 12px 12px;overflow-y:auto}.canvas-zoom{bottom:calc(min(52dvh,520px) + 24px)}.canvas-minimap{bottom:calc(min(52dvh,520px) + 84px)}}@media (width<=900px){.app-layout{padding-left:0}.system-directory,.system-directory.is-collapsed{z-index:80;width:min(320px,100vw - 44px);padding:18px 14px calc(18px + env(safe-area-inset-bottom));transform:translate(-105%);box-shadow:20px 0 60px #0000003d}.system-directory.is-mobile-open{transform:translate(0)}.system-directory.is-collapsed .directory-heading{justify-content:space-between}.system-directory.is-collapsed .directory-label{display:grid}.system-directory.is-collapsed .directory-item,.system-directory.is-collapsed .directory-collapse{flex-direction:row;justify-content:flex-start;gap:11px;min-height:46px;padding:9px 11px}.system-directory.is-collapsed .directory-short-label,.directory-collapse{display:none}.directory-mobile-close{border:1px solid var(--line);width:42px;height:42px;color:var(--text);background:#fff;border-radius:9px;place-items:center;display:grid}.directory-mobile-trigger{z-index:60;left:12px;top:calc(12px + env(safe-area-inset-top));border:1px solid var(--line);min-height:44px;color:var(--text);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-weight:750;display:inline-flex;position:fixed;box-shadow:0 8px 26px #1c274024}.directory-backdrop{z-index:70;background:#07120d6b;border:0;display:block;position:fixed;inset:0}.app-header{padding-left:142px}.canvas-screen,.system-directory.is-collapsed~.canvas-screen{left:0}.canvas-zoom{left:auto;right:16px}.canvas-minimap{left:12px}}@media (width<=700px){.app-header{align-items:flex-start;gap:8px;min-width:0;padding-right:10px}.wordmark>span:last-child{display:none}.identity-summary{gap:6px}.identity-copy{display:none}.header-line-link{width:40px;padding:0}.header-line-link span{display:none}.systems-grid,.loading-grid{grid-template-columns:1fr}.system-card{min-height:216px}.portal-intro{flex-direction:column;align-items:flex-start;gap:20px}.portal-intro-actions{flex-direction:column;align-items:flex-start;gap:14px;width:100%}.portal-count{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.section-heading>span{display:none}.lecturer-workspace-card{grid-template-columns:auto minmax(0,1fr);align-items:start}.lecturer-workspace-card .primary-entry{grid-column:1/-1;width:100%}.account-admin__header{flex-direction:column;align-items:flex-start}.resource-sync-bar{flex-direction:column;align-items:stretch}.admin-summary{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.admin-invite{grid-template-columns:auto minmax(0,1fr)}.admin-invite .secondary-button{grid-column:1/-1;width:100%}.account-list-toolbar{flex-direction:column;align-items:stretch}.account-search{width:100%}.account-card{grid-template-columns:1fr}.account-card__controls{grid-template-columns:1fr 1fr}.account-role-set{grid-column:1/-1}.admin-create__summary{grid-template-columns:auto minmax(0,1fr);align-items:start}.admin-create__summary .primary-button{grid-column:1/-1;width:100%}.create-account-fields,.resource-card-grid,.temporary-credential,.temporary-credential dl,.account-role-groups{grid-template-columns:1fr}.account-security-controls{grid-template-columns:1fr 1fr}.account-security-controls label{grid-column:1/-1}.temporary-credential>div:last-child{flex-flow:wrap}.app-footer{flex-direction:column}.canvas-toolbar{align-items:center}.canvas-title span{display:none}.canvas-actions{width:auto;margin-left:auto}.canvas-primary-action{width:44px;font-size:0;padding:0!important}.canvas-primary-action svg{width:21px;height:21px}.canvas-search-trigger span,.canvas-add-menu summary span{display:none}.canvas-add-menu summary{width:44px;padding:0}.canvas-inspector{max-height:54dvh}.canvas-zoom{bottom:calc(54dvh + 24px);left:auto;right:12px}.canvas-zoom span{display:none}.canvas-minimap{width:138px;bottom:calc(54dvh + 82px)}.canvas-minimap>div{height:82px}.access-steps{grid-template-columns:1fr}}@media (width<=520px){.canvas-minimap{display:none}.canvas-inspector__row{grid-template-columns:1fr}}@media (width<=390px){.wordmark>span:last-child{display:none}.identity-summary{gap:6px}.shell{padding-left:14px;padding-right:14px}.account-role-group__choices,.account-security-controls{grid-template-columns:1fr}.account-role-group__choices label:only-child,.account-security-controls label{grid-column:auto}}.account-role-badges,.identity-role-list{flex-wrap:wrap;gap:5px;display:flex}.account-role-badges{margin-top:8px}.account-role-badges small,.identity-role-list small{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;padding:4px 7px;font-size:.66rem;font-weight:780;line-height:1.2}.identity-role-list{justify-content:flex-end;max-width:360px}