:root{color:#101827;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.portal-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(20px,4vw,56px);border-bottom:1px solid #d9e3f0;background:#f7fafdf5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;color:#fff;font-weight:900;background:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px),#2f55b4;background-size:12px 12px;box-shadow:inset 0 0 0 1px #fff3}.brand small{display:block;margin-top:2px;color:#60708b}.top-nav{display:flex;align-items:center;gap:12px}.top-nav a,.ghost-button,.primary-button{border-radius:12px;border:1px solid #cbd8ea;padding:10px 14px;font-weight:800}.ghost-button{background:#fff;color:#24426f;cursor:pointer}.primary-button{border-color:#244db0;background:#244db0;color:#fff;cursor:pointer;box-shadow:0 12px 24px #244db029}.primary-button:disabled{cursor:not-allowed;opacity:.6}.user-chip,.status-pill{display:inline-flex;align-items:center;width:fit-content;border:1px solid #cbd8ea;border-radius:999px;padding:8px 12px;color:#24426f;background:#fff;font-size:.86rem;font-weight:900}.portal-main{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:36px 0 64px}.login-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);gap:24px;align-items:stretch}.blueprint-panel,.login-card,.create-exam-card,.exam-card,.module-card,.placeholder-panel,.exam-hero,.empty-state{border:1px solid #d8e2ef;border-radius:18px;background:#fff;box-shadow:0 18px 40px #2d3e5c14}.blueprint-panel{min-height:520px;padding:clamp(28px,5vw,56px);color:#fff;background:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(135deg,#203b85,#426bd0);background-size:22px 22px,22px 22px,auto}.blueprint-panel h1{max-width:640px;margin:12px 0;font-size:clamp(2.5rem,6vw,5rem);line-height:.95}.blueprint-panel p{max-width:620px;color:#d9e7ff;font-size:1.1rem;line-height:1.6}.login-card,.create-exam-card,.placeholder-panel{display:grid;gap:18px;padding:24px}label{display:grid;gap:8px;color:#45546f;font-weight:800}input{width:100%;border:1px solid #cbd8ea;border-radius:12px;padding:12px 14px;color:#101827;background:#fbfdff}input:focus,button:focus-visible,a:focus-visible{outline:3px solid rgba(65,107,207,.35);outline-offset:2px}.eyebrow{margin:0;color:#65728a;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.blueprint-panel .eyebrow{color:#cfe0ff}h1,h2,p{margin-top:0}h1,h2{color:#101827;line-height:1.08}.blueprint-panel h1,.blueprint-panel h2{color:#fff}.callout{border:1px solid #bfd4fb;border-radius:14px;padding:14px;color:#29426f;background:#eef5ff}.blueprint-panel .callout{color:#fff;background:#ffffff1f}.hint,.form-error{margin:0;color:#65728a}.form-error{color:#a93434;font-weight:800}.page-stack{display:grid;gap:22px}.page-heading,.exam-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.page-heading h1,.exam-hero h1{margin-bottom:10px;font-size:clamp(2rem,4vw,3.5rem)}.create-exam-card{grid-template-columns:1fr minmax(260px,420px) auto;align-items:end}.exam-grid,.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.exam-card,.module-card{display:grid;min-height:220px;gap:12px;padding:22px;transition:transform .15s ease,border-color .15s ease}.exam-card:hover,.module-card:hover{transform:translateY(-2px);border-color:#8ba7e8}.exam-meta{display:flex;flex-wrap:wrap;gap:8px;color:#42536f;font-weight:800}.exam-meta span{border-radius:10px;padding:8px 10px;background:#edf3fc}.lead-line{color:#60708b}.hero-status{display:grid;min-width:220px;gap:8px;border:1px solid #d8e2ef;border-radius:16px;padding:16px;background:#f8fbff}.readiness-strip{display:flex;flex-wrap:wrap;gap:12px;border:1px solid #bcd2f7;border-radius:14px;padding:14px 16px;color:#24426f;background:#eef5ff;font-weight:900}.station-builder-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border:1px solid #bfd2f7;border-radius:20px;padding:28px;background:radial-gradient(circle at 85% 10%,rgba(47,85,180,.13),transparent 28%),linear-gradient(135deg,#fff,#eef5ff);box-shadow:0 18px 40px #2d3e5c14}.station-count-card{display:grid;grid-template-columns:1fr 180px auto;align-items:end;gap:16px;border:1px solid #d8e2ef;border-radius:18px;padding:20px;background:#fff}.station-workbench{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(240px,280px);gap:18px;align-items:start}.station-card-rail,.station-canvas,.element-palette{border:1px solid #d8e2ef;border-radius:18px;background:#fff;box-shadow:0 18px 40px #2d3e5c14}.station-card-rail,.element-palette{display:grid;gap:12px;padding:16px}.mini-station-card{display:grid;gap:8px;width:100%;border:1px solid #cbd8ea;border-radius:16px;padding:14px;text-align:left;color:#101827;background:#fff;cursor:pointer}.mini-station-card span,.mini-station-card small{color:#60708b;font-weight:800}.mini-station-card.active{color:#fff;border-color:#315ec8;background:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px),#2f55b4;background-size:16px 16px}.mini-station-card.active span,.mini-station-card.active small{color:#dce8ff}.station-canvas{overflow:hidden}.station-canvas-header{display:flex;justify-content:space-between;gap:16px;padding:22px;border-bottom:1px solid #d8e2ef}.blueprint-canvas{min-height:460px;padding:22px;background:linear-gradient(rgba(47,85,180,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(47,85,180,.07) 1px,transparent 1px),#f4f8ff;background-size:20px 20px}.station-structure-title{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#60708b}.element-stack{display:grid;gap:12px}.station-element-block{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;border:1px solid #d8e2ef;border-left-width:5px;border-radius:14px;padding:14px;background:#ffffffeb}.station-element-block p{margin:4px 0 0;color:#60708b}.icon-button{display:grid;width:36px;height:36px;place-items:center;border:1px solid #cbd8ea;border-radius:10px;background:#fff;color:#24426f;cursor:pointer;font-size:1.3rem;font-weight:900}.element-palette h2,.element-palette p{margin-bottom:0}.palette-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;border:1px solid #cbd8ea;border-radius:14px;padding:12px;background:#fff;text-align:left;cursor:pointer}.palette-item:disabled{cursor:not-allowed;opacity:.64}.palette-item small{display:block;color:#60708b}.palette-item em{color:#60708b;font-size:.76rem;font-style:normal;font-weight:900;text-transform:uppercase}.palette-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;font-size:.8rem;font-weight:900;background:#eef5ff}.palette-item.selected{border-color:#8fb0ef;background:#f6f9ff}.tone-presentation{border-left-color:#3488d1}.tone-student_checkin{border-left-color:#48a56a}.tone-examiner{border-left-color:#d8942d}.tone-marking_rubric{border-left-color:#6f57db}.tone-timing{border-left-color:#315ec8}.tone-evidence{border-left-color:#64748b}.module-key{width:fit-content;border-radius:999px;padding:6px 10px;color:#fff;background:#315ec8;font-size:.76rem;font-weight:900;text-transform:uppercase}.module-card.disabled{color:#758298;background:#f7f9fc;cursor:not-allowed}.module-card.disabled .module-key{background:#9ba8bc}.empty-state{padding:28px;color:#60708b;font-weight:800}.back-link{width:fit-content;color:#244db0;font-weight:900}.exam-hero.compact{align-items:center}.roster-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:18px}.roster-panel,.roster-table-panel{border:1px solid #d8e2ef;border-radius:18px;padding:20px;background:#fff;box-shadow:0 14px 40px #13233f12}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.section-heading h2{margin:0;font-size:1.2rem}.roster-form{display:grid;gap:12px}.roster-form label,.roster-panel label{display:grid;gap:6px;color:#475671;font-size:.85rem;font-weight:900}.roster-form input,.roster-panel textarea{width:100%;border:1px solid #cbd8ea;border-radius:12px;padding:11px 12px;color:#101827;background:#f9fbff;font:inherit}.roster-panel textarea{min-height:190px;resize:vertical}.helper-copy{margin-top:-4px;color:#60708b}.form-success{border:1px solid #b7e3c7;border-radius:14px;padding:12px 14px;color:#17643a;background:#f0fbf4;font-weight:900}.data-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:14px}.data-table th,.data-table td{border-bottom:1px solid #e3e9f3;padding:13px 12px;text-align:left;vertical-align:top}.data-table th{color:#60708b;background:#f5f8fd;font-size:.78rem;font-weight:900;text-transform:uppercase}.data-table td{color:#182236;font-weight:700}.text-button{border:0;padding:0;color:#244db0;background:transparent;cursor:pointer;font:inherit;font-weight:900}.text-button.danger{color:#b42318}.rotation-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{border:1px solid #d8e2ef;border-radius:16px;padding:18px;background:#fff;box-shadow:0 12px 32px #13233f0f}.metric-card span{display:block;color:#60708b;font-size:.78rem;font-weight:900;text-transform:uppercase}.metric-card strong{display:block;margin-top:8px;color:#101827;font-size:2rem;line-height:1}.inline-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important}.inline-check input{width:auto}.warning-list{display:grid;gap:10px;margin:0;padding-left:20px;color:#8a4b00;font-weight:800}.matrix-scroll{overflow-x:auto}.rotation-matrix{min-width:760px}.rotation-matrix small,.rotation-matrix em{display:block;margin-top:4px;color:#60708b;font-size:.78rem;font-style:normal;font-weight:800}.muted-text{color:#758298;font-weight:800}.package-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;align-items:start}.readiness-check-list{display:grid;gap:12px}.readiness-check{display:grid;gap:12px;border:1px solid #d8e2ef;border-left-width:5px;border-radius:16px;padding:16px;background:#fff}.readiness-check span{display:inline-flex;width:fit-content;border-radius:999px;padding:5px 9px;color:#24426f;background:#edf3fc;font-size:.72rem;font-weight:900}.readiness-check h3{margin:10px 0 6px}.readiness-check p{margin:0;color:#60708b;font-weight:700}.readiness-check pre{overflow-x:auto;border-radius:12px;margin:0;padding:12px;color:#24426f;background:#f3f7fd;font-size:.82rem}.readiness-pass{border-left-color:#48a56a}.readiness-warn{border-left-color:#d8942d}.readiness-fail{border-left-color:#b42318}.readiness-pass span{color:#17643a;background:#edf8f1}.readiness-warn span{color:#8a4b00;background:#fff4df}.readiness-fail span{color:#9f1d15;background:#fff0ee}@media(max-width:860px){.portal-header,.page-heading,.exam-hero{align-items:stretch;flex-direction:column}.login-layout,.create-exam-card,.station-count-card,.station-workbench,.roster-layout,.package-layout,.rotation-summary-grid{grid-template-columns:1fr}.top-nav{flex-wrap:wrap}}