.student-hub-content { display: grid; gap: 20px; }
.student-hub-hero { padding: 28px; border-radius: 22px; color: #fff; background: linear-gradient(125deg, #0b3476, #1f63c7); display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.student-hub-hero h2 { margin: 4px 0 8px; font-size: clamp(1.65rem, 3vw, 2.4rem); }
.student-hub-hero p { margin: 0; color: #dce9ff; max-width: 640px; }
.student-hub-hero .eyebrow { color: #a7d8ff; }
.student-hub-tabs { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 2px; }
.student-hub-tabs button { flex: 0 0 auto; border: 1px solid var(--line, #dbe4f2); background: #fff; color: var(--ink, #17325c); border-radius: 10px; padding: 10px 14px; font-weight: 700; cursor: pointer; }
.student-hub-tabs button.active { background: #175dcc; border-color: #175dcc; color: #fff; }
.student-resource-grid, .student-doc-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.student-resource-card, .student-document-card { border: 1px solid var(--line, #dbe4f2); background: #fff; border-radius: 16px; padding: 18px; display: grid; gap: 10px; }
.student-resource-card strong, .student-document-card strong { color: #132d55; font-size: 1rem; }
.student-resource-card p, .student-document-card p { margin: 0; color: #637493; font-size: .9rem; line-height: 1.5; }
.student-resource-card button, .student-document-card button { justify-self: start; }
.student-summary-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.student-summary-list article { padding: 16px; border-radius: 14px; background: #f6f9fe; border: 1px solid #e2eafa; }
.student-summary-list p { margin: 0 0 6px; color: #647492; font-size: .83rem; }
.student-summary-list strong { color: #132d55; }
.student-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.student-form-grid label { display: grid; gap: 7px; color: #405475; font-size: .9rem; font-weight: 700; }
.student-form-grid input, .student-form-grid textarea, .student-form-grid select { width: 100%; box-sizing: border-box; border: 1px solid #d5e0f0; background: #fff; border-radius: 9px; padding: 11px 12px; color: #172b4d; font: inherit; }
.student-form-grid .form-full { grid-column: 1 / -1; }
.student-document-card .status { justify-self: start; }
.student-document-card input[type=file] { max-width: 100%; font-size: .82rem; }
.student-note { margin: 0; color: #637493; line-height: 1.55; }
.student-id-card { background: linear-gradient(145deg, #0d3476, #1671cf); color: #fff; padding: 22px; border-radius: 16px; max-width: 390px; box-shadow: 0 10px 26px rgba(11,52,118,.18); }
.student-id-card small { color: #bcd9ff; display: block; letter-spacing: .1em; text-transform: uppercase; }
.student-id-card strong { display: block; font-size: 1.35rem; margin: 18px 0 6px; }
.student-id-card span { color: #e7f1ff; }
.student-course-list { display: grid; gap: 9px; }
.student-course-check { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid #e0e8f5; border-radius: 10px; }
.student-course-check input { inline-size: 18px; block-size: 18px; }
.student-course-check small { margin-left: auto; color: #617291; }
.student-empty { color: #687895; padding: 14px 0; margin: 0; }
@media (max-width: 920px) { .student-resource-grid, .student-doc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .student-hub-hero { display: block; padding: 22px; } .student-resource-grid, .student-doc-grid, .student-summary-list, .student-form-grid { grid-template-columns: 1fr; } .student-hub-hero .outline-button { margin-top: 16px; } }