.user-profile { display:flex; align-items:center; gap:10px; min-width:0; }
.profile-avatar { position:relative; display:grid; place-items:center; width:38px; height:38px; flex:0 0 38px; border-radius:50%; background:#e6f4f0; color:#066057; font-weight:700; overflow:hidden; }
.profile-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; visibility:hidden; }
.header-user-name { max-width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; }
.observatory-mark svg { width:28px; height:28px; animation:telescope-scan 7s ease-in-out infinite; transform-origin:50% 75%; }
@keyframes telescope-scan { 0%,100% { transform:rotate(-8deg); } 50% { transform:rotate(8deg); } }
@media (prefers-reduced-motion:reduce) { .observatory-mark svg { animation:none; } }
@media (max-width:600px) { .header-user-name { max-width:145px; font-size:12px; } }
.profile-details { display:flex; flex-direction:column; gap:3px; min-width:0; }
.header-user-email { font-size:11px; color:#647076; max-width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.signin { max-width:1100px; margin:0 auto; padding:40px 32px 24px; min-height:85vh; display:flex; flex-direction:column; }
.signin-brand { display:flex; align-items:center; gap:14px; font-weight:600; }
.signin-brand small { display:block; margin-top:4px; color:#647076; font-weight:400; }
.signin-content { padding:72px 0 64px; max-width:660px; }
.signin-eyebrow { color:#08796f; font-size:12px; font-weight:700; margin-bottom:20px; }
.signin-content h1 { font-size:44px; line-height:1.12; color:#202a2e; margin:0 0 20px; }
.signin-greeting { color:#647076; font-size:19px; margin-bottom:32px; }
.signin-actions { display:flex; flex-wrap:wrap; gap:12px; }
.signin-submit { min-height:48px; }
.signin-account { display:flex; align-items:center; gap:8px; color:#647076; font-size:12px; margin-top:16px; }
.signin-account svg,.signin-areas svg { width:18px; height:18px; }
.signin-areas { display:flex; gap:32px; padding-top:40px; margin-top:32px; border-top:1px solid #dce3e6; }
.signin-areas span { display:flex; align-items:center; gap:10px; }
.signin-areas span:first-child { color:#08796f; }
.signin-areas span:last-child { color:#336da2; }
.signin-footer { margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid #dce3e6; padding-top:24px; color:#647076; font-size:12px; }
.signin-footer img { object-fit:contain; }
@media(max-width:600px) { .header-user-email { max-width:160px; } .signin { padding:24px 20px; } .signin-content { padding:48px 0; } .signin-content h1 { font-size:32px; } .signin-footer { flex-wrap:wrap; } }
.source-mapping { display:flex; flex-wrap:wrap; gap:8px 20px; margin:12px 0; font-size:12px; color:#647076; }
:root { --bg:#f5f7f8; --surface:#fff; --text:#202a2e; --text-muted:#647076; --text-faint:#7d878d; --border:#dce3e6; --border-soft:#eef2f3; --accent:#08796f; --accent-dark:#066057; --accent-soft:#e6f4f0; --green:#157a52; --blue:#336da2; }
body { font-size:14px; line-height:1.5; }
body, input, select, textarea, button, th, .role-badge, .form-row label, .env-badge { letter-spacing:0; }
button, input, select, textarea { font-family:inherit; }
input:not([type=checkbox]):not([type=radio]), select, textarea { min-height:38px; padding:8px 10px; border:1px solid var(--border); border-radius:5px; background:white; color:var(--text); font-size:13px; max-width:100%; }
input, select, textarea { min-width:0; }
input[type=checkbox] { accent-color:var(--accent); width:16px; height:16px; flex-shrink:0; }
a, button, input, select, textarea, summary { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid #38a99e; outline-offset:3px; }
[hidden] { display:none !important; }
.lucide { width:18px; height:18px; stroke-width:1.8; flex-shrink:0; vertical-align:middle; }
.header { min-height:80px; height:auto; padding:16px 36px; background:white; color:var(--text); border-bottom:1px solid var(--border-soft); }
.header-logo { color:var(--text); font-size:18px; gap:13px; }
.header-logo small { display:block; color:var(--text-muted); font-size:11px; font-weight:400; margin-top:1px; }
.brand-mark { display:grid; place-items:center; width:46px; height:46px; flex-shrink:0; background:#212d31; color:#fff; font-size:19px; border-bottom:4px solid #e66661; border-radius:3px; font-weight:750; }
.header-right { color:var(--text-muted); gap:14px; min-width:0; }
.header-right a { color:var(--text-muted); }
.header-right a:hover { color:var(--accent); }
.user-email { max-width:250px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.role-badge { border-radius:4px; padding:4px 8px; text-transform:none; font-size:11px; }
.role-badge.admin { background:#e6f4f0; color:#08796f; }
.role-badge.user { background:#edf1f3; color:#52646e; }
.nav { padding:0 36px; min-height:52px; height:auto; gap:18px; overflow-x:auto; flex-wrap:nowrap; }
.nav a { display:flex; gap:7px; align-items:center; white-space:nowrap; padding:16px 0 13px; border-radius:0; border-bottom:3px solid transparent; }
.nav a.active { border-color:var(--accent); }
.nav a:hover { background:transparent; }
.workspace { display:grid; grid-template-columns:218px minmax(0,1fr); min-height:calc(100vh - 132px); }
.sidebar { border-right:1px solid var(--border); background:#fafbfc; padding:26px 14px; }
.nav-label { font-size:10px; color:var(--text-muted); font-weight:700; padding:0 12px 14px; }
.sidebar a { display:flex; align-items:center; gap:10px; padding:11px 12px; font-size:13px; text-decoration:none; color:#56666d; border-radius:5px; margin-bottom:3px; }
.sidebar a:hover { background:var(--border-soft); }
.sidebar a.active { background:var(--accent-soft); color:var(--accent-dark); font-weight:600; }
.sidebar a span { min-width:0; }
.main-content { min-width:0; }
.content { max-width:1280px; padding:0 32px; margin:32px auto 60px; }
.content-wide { max-width:100%; padding:0 32px; margin:30px auto; }
.page-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:26px; }
.page-heading .page-subtitle { margin:6px 0 0; }
.page-title { font-size:28px; font-weight:650; line-height:1.25; overflow-wrap:anywhere; }
.page-subtitle { font-size:13px; line-height:1.6; color:var(--text-muted); margin-top:7px; }
.eyebrow { color:var(--accent); font-size:11px; font-weight:700; margin-bottom:8px; }
h2 { font-size:18px; font-weight:600; } h3 { font-size:15px; font-weight:600; }
.section-title { font-size:17px; margin:28px 0 18px; }
.breadcrumb { font-size:12px; overflow-wrap:anywhere; }
.metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid var(--border); padding:23px 0; margin-bottom:30px; }
.metrics > div { padding:0 26px; border-right:1px solid var(--border); }
.metrics > div:first-child { padding-left:0; } .metrics > div:last-child { border:0; }
.metrics strong { display:block; font-size:29px; line-height:1.4; font-weight:600; }
.metrics span { font-size:12px; color:var(--text-muted); }
.management-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; }
.management-item { display:flex; align-items:center; gap:15px; padding:23px 0; text-decoration:none; border-bottom:1px solid var(--border); }
.management-icon, .resource-icon { width:42px; height:42px; border-radius:6px; display:grid; place-items:center; background:var(--accent-soft); color:var(--accent); flex-shrink:0; }
.management-item:nth-child(3n+2) .management-icon { color:#3468a3; background:#eaf0f8; }
.management-item:nth-child(3n) .management-icon { color:#a44657; background:#faedf1; }
.management-item > .lucide { margin-left:auto; color:#98a5aa; }
.management-item strong { font-size:14px; font-weight:600; }
.management-item small { display:block; margin-top:3px; color:var(--text-muted); font-size:12px; }
.management-item:hover strong { color:var(--accent); }
.btn { min-height:38px; padding:8px 14px; font-weight:600; font-size:13px; border-radius:5px; justify-content:center; line-height:1.3; flex-shrink:0; }
.btn-sm { min-height:32px; font-size:12px; }
.btn-neutral { background:white; }
.icon-btn { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; min-width:34px; border-radius:5px; border:1px solid var(--border); background:white; color:#61737b; cursor:pointer; text-decoration:none; }
.icon-btn:hover { color:var(--accent); background:var(--accent-soft); }
.icon-btn.danger { color:#aa3f48; }
.btn-danger-solid { background:#b33847; color:white; }
.actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.form-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:16px; }
.form-row { font-size:13px; font-weight:500; color:var(--text-muted); margin-bottom:16px; min-width:0; }
.form-row input, .form-row select, .form-row textarea { width:100%; }
.form-row label { text-transform:none; font-weight:500; font-size:13px; }
.form-inline > .form-row { min-width:160px; flex:1; }
.form-panel { border:0; border-block:1px solid var(--border); border-radius:0; padding:24px 0; background:transparent; }
.editor-form { margin-top:26px; max-width:1040px; }
.editor-section { margin:24px 0; padding:24px 0; border-top:1px solid var(--border); }
.editor-section h2, .editor-section h3 { margin-bottom:16px; }
.form-footer { border-top:1px solid var(--border); padding-top:22px; margin-top:24px; display:flex; gap:12px; justify-content:flex-end; }
.choice-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:10px; margin:14px 0; }
.choice { display:flex; align-items:center; gap:12px; padding:16px; border:1px solid var(--border); border-radius:6px; cursor:pointer; background:white; }
.choice small { display:block; font-size:12px; color:var(--text-muted); margin-top:4px; }
.choice > .lucide { margin-left:auto; color:var(--accent); }
.choice:has(input:checked) { border-color:var(--accent); background:var(--accent-soft); }
.member-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); max-height:420px; overflow-y:auto; gap:8px; margin-top:16px; }
.check-row { padding:12px; background:#fff; border:1px solid var(--border); }
.check-row > span { min-width:0; overflow-wrap:anywhere; }
.check-row small { white-space:nowrap; }
.category-row { padding:24px 0; border-bottom:1px solid var(--border); }
.category-row-heading { display:flex; gap:14px; align-items:center; margin-bottom:14px; }
.category-row-heading > .badge { margin-left:auto; }
.category-row-heading h2 { margin-bottom:3px; }
.category-row summary { display:flex; gap:10px; cursor:pointer; width:fit-content; font-size:13px; color:var(--accent); list-style:none; }
.muted { color:var(--text-muted); font-size:12px; }
.tag-list { display:flex; gap:5px; flex-wrap:wrap; }
.badge { border-radius:4px; padding:3px 8px; font-weight:500; font-size:11px; }
.category-badge { background:#edf2f7; color:#426181; }
.table-wrapper { overflow:auto; border:1px solid var(--border); border-radius:6px; }
.table-wrapper table { min-width:640px; }
th { background:#f1f5f6; padding:12px 16px; text-transform:none; font-size:12px; }
td { padding:14px 16px; } tr:hover td { background:#f8fafb; }
td input, td select { font-size:12px; }
td strong { font-weight:600; }
.cell-subtitle { display:block; color:var(--text-muted); font-size:11px; margin-top:4px; max-width:340px; overflow-wrap:anywhere; }
.toolbar { border:0; background:transparent; padding:0 0 16px; gap:12px; }
.toolbar.standalone { margin-top:22px; }
.search-box { flex:1; max-width:400px; min-width:180px; width:100%; }
.grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr)); }
.card { box-shadow:none; border:1px solid var(--border); border-radius:7px; padding:23px; min-width:0; }
.card:hover { box-shadow:0 5px 16px #2538410d; border-color:#b8c8cc; }
.card-name { font-size:16px; overflow-wrap:anywhere; line-height:1.4; }
.card-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:17px; }
.card-description { color:var(--text-muted); font-size:12px; line-height:1.7; margin-bottom:16px; overflow-wrap:anywhere; }
.card-meta { overflow-wrap:anywhere; font-size:11px; }
.card-bottom { display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--border-soft); padding-top:16px; margin-top:auto; gap:12px; }
.resource-card { display:flex; flex-direction:column; min-height:240px; gap:6px; }
.resource-link { color:var(--accent); font-size:12px; font-weight:600; text-decoration:none; display:flex; align-items:center; gap:6px; }
.env-badge { border-radius:4px; margin:0; font-size:10px; font-weight:700; height:24px; }
.env-dev { background:#edf2fc; color:#375c9a; border-color:#d6e1f5; }
.env-test { background:#fff5d9; color:#81641c; border-color:#f0dfa7; }
.env-prod { background:#e5f4eb; color:#22734d; border-color:#c7e4d2; }
.card:has(.env-dev)::before { background:#5e80bd; } .card:has(.env-test)::before { background:#d7b345; } .card:has(.env-prod)::before { background:#40976d; }
.category-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr)); gap:20px; }
.category-card { text-decoration:none; min-height:210px; display:flex; flex-direction:column; border-top:3px solid var(--accent); }
.category-card.finance { border-top-color:#426b9c; }
.category-card.finance .resource-icon { color:#426b9c; background:#eaf0f8; }
.category-card .card-name { font-size:22px; }
.category-card .card-description { flex:1; }
.category-card .card-bottom { color:var(--text-muted); font-size:12px; }
.metadata-editor { border:0; border-top:1px solid var(--border); padding:20px 0; margin-top:22px; }
.metadata-editor legend { padding-right:12px; font-size:16px; font-weight:600; }
.metadata-row { display:grid; grid-template-columns:minmax(100px,1fr) minmax(120px,2fr) 34px; gap:10px; margin-bottom:10px; }
.metadata-editor > button { margin-top:8px; }
.metadata-display { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px 24px; margin:18px 0 24px; padding:16px 0; border-block:1px solid var(--border); }
.metadata-display dt { font-size:11px; color:var(--text-muted); }
.metadata-display dd { font-size:13px; margin-top:3px; overflow-wrap:anywhere; }
.resource-description { margin:16px 0; max-width:900px; color:var(--text-muted); white-space:pre-wrap; overflow-wrap:anywhere; }
.notice { display:flex; align-items:center; gap:10px; margin:22px 32px 0; border:1px solid #b9ddcd; padding:12px 16px; border-radius:5px; color:#22674d; background:#edf8f2; }
.toast { position:fixed; bottom:22px; left:50%; transform:translateX(-50%); border-radius:6px; padding:12px 22px; background:#26383d; color:white; z-index:1500; max-width:90vw; }
.toast.error { background:#a53c48; }
.confirm-dialog { border:1px solid var(--border); border-radius:8px; padding:28px; width:440px; max-width:calc(100% - 32px); margin:auto; box-shadow:0 16px 60px #18272a30; }
.confirm-dialog::backdrop { background:#1b2a3366; }
.confirm-dialog p { color:var(--text-muted); font-size:14px; margin:12px 0 24px; }
.confirm-dialog .actions { justify-content:flex-end; }
.dialog-icon { color:#b33847; margin-bottom:14px; }
.skip-link { position:fixed; top:-100px; left:10px; padding:10px; z-index:2000; background:white; }
.skip-link:focus { top:10px; }
.empty { border:1px dashed var(--border); border-radius:6px; margin:20px 0; }
.empty h2 { font-size:17px; margin-bottom:6px; }
.parameter-row { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr 1fr 34px; gap:10px; align-items:end; margin:14px 0; }
.parameter-row .form-row { margin:0; }
.pipeline-state { display:flex; align-items:center; gap:12px; margin:24px 0; font-size:18px; }
.student-search-form { display:grid; grid-template-columns:200px minmax(180px,1fr) auto; gap:12px; align-items:end; border-block:1px solid var(--border); padding:24px 0; margin:24px 0; }
.student-search-form .form-row { margin:0; }
.student-result { margin-top:28px; padding-bottom:22px; border-bottom:1px solid var(--border); }
.student-result .section-heading { align-items:center; justify-content:space-between; flex-wrap:wrap; }
.student-result .table-wrapper table { min-width:520px; }
.selection-count { font-size:12px; color:var(--text-muted); margin-left:auto; }
.info-box { border-color:#bedcd6; color:#2e625b; background:#eef8f4; }
.switch input:focus-visible + .slider { outline:3px solid #38a99e; outline-offset:3px; }
@media(max-width:1100px) {
 .workspace { grid-template-columns:190px minmax(0,1fr); } .sidebar { padding:24px 8px; }
 .header { padding:16px 24px; } .nav { padding:0 24px; gap:15px; }
 .content, .content-wide { padding:0 24px; }
 .parameter-row { grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid var(--border); padding-bottom:16px; }
}
@media(max-width:760px) {
 .header { padding:14px 16px; gap:12px; } .header-logo { font-size:16px; }
 .header-right { width:100%; justify-content:flex-end; gap:10px; } .user-email { font-size:11px; max-width:calc(100vw - 200px); }
 .nav { padding:0 16px; gap:20px; } .nav a { font-size:12px; } .nav .lucide { display:none; }
 .workspace { display:block; } .sidebar { display:flex; gap:8px; overflow:auto; padding:10px 16px; border-bottom:1px solid var(--border); border-right:0; }
 .sidebar .nav-label { display:none; } .sidebar a { flex-shrink:0; white-space:nowrap; margin:0; padding:8px; } .sidebar .lucide { width:16px; }
 .content, .content-wide { margin:24px auto 42px; padding:0 16px; }
 .page-heading { align-items:flex-start; flex-wrap:wrap; gap:14px; } .page-title { font-size:24px; }
 .metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 0; } .metrics > div { padding:0 16px; } .metrics > div:nth-child(odd) { padding-left:0; } .metrics > div:nth-child(2) { border:0; }
 .management-grid { grid-template-columns:1fr; } .metrics strong { font-size:25px; }
 .form-grid { grid-template-columns:1fr; gap:0; } .member-list, .choice-grid { grid-template-columns:1fr; }
 .check-row { flex-wrap:wrap; } .category-row-heading { flex-wrap:wrap; } .category-row-heading > .badge { margin-left:56px; }
 .student-search-form { grid-template-columns:1fr; }
 .metadata-row { grid-template-columns:minmax(0,1fr) 34px; } .metadata-row input:first-child { grid-column:1; } .metadata-row input:nth-child(2) { grid-column:1; } .metadata-row button { grid-column:2; grid-row:1 / 3; }
 .parameter-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .notice { margin:16px; } .form-footer { flex-wrap:wrap; }
 .section-heading { flex-wrap:wrap; } .content-wide > .section-heading > div:last-child { flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }