:root{--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:20px;--ui-space-6:24px;--ui-space-7:28px;--ui-space-8:32px;--ui-control-height:48px;--ui-card-radius:16px;--ui-card-padding:clamp(22px, 2.7vw, 30px);--ui-page-gap:26px;--ui-focus-ring:0 0 0 4px #006bff21;--sidebar-width:clamp(252px, 19vw, 274px)}.workspace-main{padding:36px clamp(24px,3vw,40px) 72px;display:flow-root}.workspace-main>*+*{margin-top:var(--ui-page-gap)}.workspace-main :is(.card,.panel,.page-header){overflow-wrap:break-word;word-break:normal}.app-shell,.app-workspace,.workspace-main,.workspace-main>*,.page-heading>*,.card>*,.panel>*{min-width:0}.workspace-main :is(section,article).card:not(.status-hero):not(.metric-card):not(.empty-state),.workspace-main :is(.table-card,.filter-card,.form-card,.detail-card,.prose-card,.action-card,.notification-card,.phase-card,.review-history-card,.info-card,.student-card,.verified-logbook-card,.progress-overview-card,.follow-up-card,.person-profile-card,.privacy-contact-card,.document-hub-card,.grading-sheet,.decision-summary,.proposal-summary,.rule-card,.audit-note,.credential-card,.recent-guidance-card,.revision-status-card){padding:var(--ui-card-padding)}.card,.panel,.page-header{border-radius:var(--ui-card-radius)}.dashboard-grid,.content-grid,.card-grid,.metric-grid,.form-layout,.detail-grid,.verification-layout{gap:var(--ui-space-6)}.lecturer-review-grid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);align-items:start;display:grid}.lecturer-review-grid>*{min-width:0}.review-sidebar{align-items:start;gap:var(--ui-space-5);grid-template-columns:minmax(0,1fr);display:grid}.review-sidebar>*{z-index:1;min-width:0;position:relative}.review-sidebar__heading{padding-bottom:var(--ui-space-4);border-bottom:1px solid var(--border,#dce2e8)}.review-sidebar__heading .eyebrow{margin-bottom:var(--ui-space-2)}.review-sidebar__heading h2,.review-sidebar .follow-up-editor h3{overflow-wrap:break-word;margin:0;line-height:1.3}.review-sidebar__description{line-height:1.65;margin:0!important}.review-sidebar .form-stack,.review-sidebar .stack-form{grid-template-columns:minmax(0,1fr);width:100%}.review-sidebar .field{min-width:0}.review-sidebar .field :is(input,textarea,select){max-width:100%}.review-sidebar .button{grid-area:auto;justify-self:stretch;width:100%}.review-sidebar .follow-up-editor{margin-top:0}.approval-sidebar .approval-track{gap:var(--ui-space-3)}.approval-sidebar .approval-step{gap:var(--ui-space-3);grid-template-columns:38px minmax(0,1fr)}.approval-sidebar .approval-step>div{min-width:0}.approval-step__role{color:var(--muted,#687582);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:800;line-height:1.4;display:block}.approval-sidebar .approval-step strong,.approval-sidebar .approval-step p{overflow-wrap:break-word}@media (width<=1250px){.lecturer-review-grid{grid-template-columns:minmax(0,1fr)}}.section-gap{margin-top:var(--ui-page-gap)}.section-stack{gap:var(--ui-space-6)}.page-heading,.page-header{margin-bottom:var(--ui-space-7)}.page-heading h1,.page-header h1{margin:var(--ui-space-2) 0 var(--ui-space-3)}.page-heading p,.page-header p{margin-bottom:0;line-height:1.65}.section-heading,.section-intro{align-items:flex-start;gap:var(--ui-space-5)}.section-heading{margin-bottom:var(--ui-space-6)}.section-intro{margin-bottom:0}.section-heading>div,.section-intro>div,.dashboard-section-heading>div,.student-section-heading>div{align-items:start;gap:var(--ui-space-2);min-width:0;display:grid}.section-heading :is(h2,h3),.section-intro :is(h2,h3),.panel-heading :is(h2,h3),.dashboard-section-heading :is(h2,h3){margin:0;line-height:1.3}.section-heading p,.section-intro p,.panel-heading p,.dashboard-section-heading p{color:var(--muted,#687781);margin:0;line-height:1.6}.panel-heading{gap:var(--ui-space-2);margin-bottom:var(--ui-space-1);display:grid}.eyebrow{margin:0 0 var(--ui-space-1)}.card>:is(h2,h3):first-child,.panel>:is(h2,h3):first-child{margin-bottom:var(--ui-space-3)}.card>:is(h2,h3):first-child+p,.panel>:is(h2,h3):first-child+p{margin-bottom:var(--ui-space-6)}.form-stack,.stack-form,.form-grid{gap:var(--ui-space-5)}.field{gap:var(--ui-space-2)}.field>span,.fieldset-label,.form-stack label>span,.filter-grid label>span{font-size:14px;font-weight:700;line-height:1.4}.field input:not([type=checkbox]):not([type=radio]),.field select,.search-field input,.inline-form input,.filter-grid input:not([type=checkbox]):not([type=radio]),.filter-grid select{width:100%;min-height:var(--ui-control-height);border-radius:10px;padding:12px 14px;font-size:15px;line-height:1.4}.field textarea,.filter-grid textarea{border-radius:10px;width:100%;min-height:132px;padding:13px 14px;font-size:15px;line-height:1.6}.field input[type=file]{min-height:52px;padding:9px 11px}.field input[type=file]::file-selector-button{background:var(--primary-soft,#edf3f8);min-height:32px;color:var(--primary-dark,#102c45);cursor:pointer;border:0;border-radius:8px;margin-right:12px;padding:6px 12px;font-weight:700}.field :is(input,select,textarea):focus,.search-field input:focus,.inline-form input:focus,.filter-grid :is(input,select,textarea):focus{box-shadow:var(--ui-focus-ring);border-color:#006bff;outline:none}.field small,.form-stack small,.filter-grid small{font-size:12px;line-height:1.5}.filter-grid{gap:var(--ui-space-4)}.filter-actions,.form-actions,.heading-actions,.button-row{gap:var(--ui-space-3)}.button{text-align:center;white-space:normal;height:auto;min-height:44px;padding:10px 17px;line-height:1.35}.button--small{min-height:38px;padding:8px 13px}.grade-filter-card{align-items:end;gap:var(--ui-space-5);padding:var(--ui-card-padding);display:grid}.grade-filter-card--recap{grid-template-columns:minmax(210px,1.35fr) minmax(150px,.8fr) minmax(150px,.8fr) minmax(110px,.55fr) auto}.grade-filter-card--corrections{grid-template-columns:minmax(240px,1fr) auto}.grade-filter-card .field{min-width:0}.grade-filter-card .filter-actions{flex-wrap:wrap;align-items:center;display:flex}.grade-filter-card .filter-actions .button{flex:1 0 auto}.student-information-section{gap:var(--ui-space-5);scroll-margin-top:96px;display:grid}.student-information-section>.student-section-heading{margin-bottom:0}.student-information-section .privacy-contact-card{margin-top:0}.recent-logbook-card{gap:0;display:grid}.compact-logbook-list{display:grid}.compact-logbook-entry{gap:var(--ui-space-5);padding:var(--ui-space-5) 0;border-top:1px solid var(--border,#dce2e8);grid-template-columns:78px minmax(0,1fr);display:grid}.compact-logbook-entry:first-child{border-top:0;padding-top:0}.compact-logbook-entry:last-child{padding-bottom:0}.compact-logbook-entry>time{min-height:70px;padding:var(--ui-space-2);background:var(--primary-soft,#edf3f8);color:var(--primary-dark,#102c45);text-align:center;border-radius:12px;align-content:center;justify-items:center;line-height:1.2;display:grid}.compact-logbook-entry>time strong{font-size:1.45rem}.compact-logbook-entry>time span{color:var(--muted,#687781);font-size:11px;font-weight:700}.compact-logbook-entry__content,.compact-logbook-entry__heading>div{min-width:0}.compact-logbook-entry__heading{justify-content:space-between;align-items:flex-start;gap:var(--ui-space-4);display:flex}.compact-logbook-entry__heading h3{margin:var(--ui-space-1) 0 0;font-size:1rem;line-height:1.45}.compact-logbook-entry__content>p{margin:var(--ui-space-2) 0 0;color:var(--muted,#687781);line-height:1.55}.compact-logbook-entry__content>small{margin-top:var(--ui-space-2);color:var(--muted,#687781);line-height:1.5;display:block}.student-page :is(.info-step-card,.supervisor-profile-card,.verified-count-grid article,.info-panel,.student-stage-metrics .metric-card){min-height:0}.table-card>.section-heading,.table-card>.panel-heading{padding-bottom:var(--ui-space-5);border-bottom:1px solid var(--border,#dce2e8)}.table-wrap{border:1px solid var(--border,#dce2e8);border-radius:12px;margin-inline:0;padding-inline:0}.data-table th{background:#f7f9fb;padding:13px 15px;line-height:1.35}.data-table td{padding:17px 15px;line-height:1.5}.data-table tbody tr:last-child td{border-bottom:0}.pagination-shell,.pagination-wrap,.table-card>nav[role=navigation]{width:100%;margin-top:var(--ui-space-6);padding-top:var(--ui-space-5);border-top:1px solid var(--border,#dce2e8)}.pagination-shell nav,.pagination-wrap nav,.table-card>nav[role=navigation]{width:100%}.pagination-shell nav>div:first-child,.pagination-wrap nav>div:first-child,.table-card>nav[role=navigation]>div:first-child{display:none}.pagination-shell nav>div:last-child,.pagination-wrap nav>div:last-child,.table-card>nav[role=navigation]>div:last-child{align-items:center;gap:var(--ui-space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.pagination-shell nav p,.pagination-wrap nav p,.table-card>nav[role=navigation] p{color:var(--muted,#687781);margin:0;font-size:13px}.pagination-shell nav>div:last-child>div:last-child>span,.pagination-wrap nav>div:last-child>div:last-child>span,.table-card>nav[role=navigation]>div:last-child>div:last-child>span{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.pagination-shell nav a,.pagination-shell nav span[aria-current]>span,.pagination-shell nav span[aria-disabled=true]>span,.pagination-wrap nav a,.pagination-wrap nav span[aria-current]>span,.pagination-wrap nav span[aria-disabled=true]>span,.table-card>nav[role=navigation] a,.table-card>nav[role=navigation] span[aria-current]>span,.table-card>nav[role=navigation] span[aria-disabled=true]>span{border:1px solid var(--border,#dce2e8);min-width:38px;height:38px;color:var(--primary-dark,#102c45);background:#fff;justify-content:center;align-items:center;padding:0 11px;font-size:13px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;border-radius:9px!important}.pagination-shell nav a:hover,.pagination-wrap nav a:hover,.table-card>nav[role=navigation] a:hover{background:var(--primary-soft,#edf3f8);border-color:#8fb4d0}.pagination-shell nav span[aria-current]>span,.pagination-wrap nav span[aria-current]>span,.table-card>nav[role=navigation] span[aria-current]>span{border-color:var(--primary,#183b5b);background:var(--primary,#183b5b);color:#fff}.pagination-shell nav span[aria-disabled=true]>span,.pagination-wrap nav span[aria-disabled=true]>span,.table-card>nav[role=navigation] span[aria-disabled=true]>span{color:#a6b0b8;cursor:not-allowed}.pagination-shell nav svg,.pagination-wrap nav svg,.table-card>nav[role=navigation] svg{stroke-width:2px;max-width:17px;max-height:17px;display:block;width:17px!important;height:17px!important}.app-pagination{align-items:center;gap:var(--ui-space-4);width:100%;margin-top:var(--ui-space-6);padding-top:var(--ui-space-5);border-top:1px solid var(--border,#dce2e8);grid-template-columns:minmax(0,1fr) auto;display:grid}.pagination-shell>.app-pagination,.pagination-wrap>.app-pagination,.table-card>.app-pagination{border-top:0;margin-top:0;padding-top:0}.app-pagination__summary{color:var(--muted,#687781);margin:0;font-size:13px}.app-pagination__summary strong{color:var(--ink,#17212b)}.app-pagination__pages,.app-pagination__numbers{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.app-pagination__button,.app-pagination__ellipsis{border:1px solid var(--border,#dce2e8);min-width:38px;height:38px;color:var(--primary-dark,#102c45);background:#fff;border-radius:9px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.app-pagination__button:hover{background:var(--primary-soft,#edf3f8);border-color:#8fb4d0}.app-pagination__button.is-current{border-color:var(--primary,#183b5b);background:var(--primary,#183b5b);color:#fff}.app-pagination__button.is-disabled{color:#a6b0b8;cursor:not-allowed}.app-pagination__button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.app-pagination__ellipsis{background:0 0;border-color:#0000;min-width:26px;padding-inline:4px}.app-pagination__mobile{display:none}.sidebar-link{grid-template-columns:34px minmax(0,1fr);column-gap:10px}.sidebar-link:before{content:none!important;display:none!important}.sidebar-link__icon{color:#ffffffe0;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;fill:none;background:#ffffff17;border-radius:9px;width:32px;height:32px;padding:7px;transition:background-color .16s,color .16s;display:block}.sidebar-link:hover .sidebar-link__icon{color:#fff;background:#ffffff24}.sidebar-link.is-active .sidebar-link__icon{color:#fff;background:#fff3}.dashboard-page .notification-card,.action-center{padding:var(--ui-card-padding)}.dashboard-page .notification-list{gap:var(--ui-space-3);margin-top:0}.dashboard-page .notification-list .notification-item{gap:var(--ui-space-4);padding:var(--ui-space-5)}.notification-item__heading{gap:var(--ui-space-3)}.notification-item__heading strong{line-height:1.45}.dashboard-page .notification-list .notification-item p{margin-top:var(--ui-space-2);line-height:1.65}@media (width<=1280px){.grade-filter-card--recap{grid-template-columns:repeat(2,minmax(0,1fr))}.grade-filter-card--recap .filter-actions{grid-column:1/-1}}@media (width<=1220px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-sidebar{width:min(320px,90vw);height:100dvh;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-102%);box-shadow:18px 0 46px #0b35584d}body.sidebar-open .app-sidebar{transform:translate(0)}.sidebar-close,.menu-trigger{place-items:center;display:inline-grid}.sidebar-backdrop{z-index:35;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#051f347a;position:fixed;inset:0}body.sidebar-open .sidebar-backdrop{display:block}.workspace-main{width:min(var(--page-max-width,1280px), 100%);padding-inline:clamp(22px,3vw,34px)}}@media (width<=780px){:root{--ui-page-gap:20px}.workspace-main{padding:24px 16px 48px}.section-heading,.section-intro,.page-heading{display:grid}.grade-filter-card,.grade-filter-card--recap,.grade-filter-card--corrections{grid-template-columns:minmax(0,1fr)}.grade-filter-card--recap .filter-actions{grid-column:auto}.compact-logbook-entry{gap:var(--ui-space-4);grid-template-columns:64px minmax(0,1fr)}.compact-logbook-entry__heading{display:grid}.compact-logbook-entry__heading .status-pill{justify-self:start}.workspace-main :is(.table-card,.filter-card,.form-card,.detail-card,.prose-card,.action-card,.notification-card,.phase-card,.review-history-card,.info-card,.student-card,.verified-logbook-card,.progress-overview-card,.follow-up-card,.person-profile-card,.privacy-contact-card,.document-hub-card,.grading-sheet,.decision-summary,.proposal-summary,.rule-card,.audit-note,.credential-card,.recent-guidance-card,.revision-status-card){padding:20px}.pagination-shell nav>div:first-child,.pagination-wrap nav>div:first-child,.table-card>nav[role=navigation]>div:first-child{justify-content:space-between;gap:var(--ui-space-3);display:flex}.pagination-shell nav>div:last-child,.pagination-wrap nav>div:last-child,.table-card>nav[role=navigation]>div:last-child{display:none}.pagination-shell nav>div:first-child>*,.pagination-wrap nav>div:first-child>*,.table-card>nav[role=navigation]>div:first-child>*{border:1px solid var(--border,#dce2e8);min-height:42px;color:var(--primary-dark,#102c45);background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:9px 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.pagination-shell nav>div:first-child>span,.pagination-wrap nav>div:first-child>span,.table-card>nav[role=navigation]>div:first-child>span{color:#a6b0b8}.app-pagination{display:block}.app-pagination__summary,.app-pagination__pages{display:none}.app-pagination__mobile{align-items:center;gap:var(--ui-space-2);color:var(--muted,#687781);text-align:center;grid-template-columns:1fr auto 1fr;font-size:12px;display:grid}.app-pagination__mobile-button{border:1px solid var(--border,#dce2e8);min-height:42px;color:var(--primary-dark,#102c45);background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:9px 12px;font-weight:700;text-decoration:none;display:inline-flex}.app-pagination__mobile-button:first-child{justify-self:start}.app-pagination__mobile-button:last-child{justify-self:end}.app-pagination__mobile-button.is-disabled{color:#a6b0b8}.table-wrap{border-radius:10px}}@media (width<=520px){.workspace-main{padding-inline:12px}.card,.panel,.page-header{border-radius:14px}.filter-actions,.form-actions{flex-direction:column;align-items:stretch}.filter-actions>*,.form-actions>*{width:100%}}.sidebar-brand__mark,.brand__mark{background:#fff;flex:none;padding:3px;overflow:hidden}.brand-logo-image{border-radius:inherit;object-fit:contain;width:100%;height:100%;display:block}.student-guide-section,.guide-admin-section{margin-bottom:var(--ui-space-5);padding:clamp(20px,3vw,30px)}.student-schedule-list{border:1px solid var(--border,#dce2e8);border-radius:14px;overflow:hidden}.student-schedule-row{gap:var(--ui-space-5);background:#fff;grid-template-columns:minmax(0,1fr) minmax(210px,auto);align-items:center;padding:16px 18px;display:grid}.student-schedule-row:nth-child(2n){background:#f7f9fc}.student-schedule-row+.student-schedule-row{border-top:1px solid var(--border,#dce2e8)}.student-schedule-row__content{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.student-schedule-row h3,.guide-document-group h3,.guide-admin-item h3{color:var(--primary-dark,#102c45);margin:0;font-size:15px;line-height:1.35}.student-schedule-row p,.guide-document-group p,.guide-admin-item p{color:var(--muted,#687781);margin:5px 0 0;line-height:1.55}.student-schedule-row__dates{color:var(--primary-dark,#102c45);white-space:nowrap;justify-content:flex-end;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.schedule-state{letter-spacing:.03em;border-radius:999px;flex:none;align-items:center;min-height:26px;padding:4px 9px;font-size:10px;font-weight:800;display:inline-flex}.schedule-state--active{color:#157347;background:#e8f7ef}.schedule-state--upcoming{color:#075eb2;background:#eaf3ff}.schedule-state--completed{color:#687781;background:#eef1f4}.student-guide-document-groups{gap:var(--ui-space-5);display:grid}.guide-document-group__heading{margin-bottom:10px}.guide-document-group__heading p{font-size:13px}.guide-document-list{border:1px solid var(--border,#dce2e8);border-radius:14px;overflow:hidden}.guide-document-row{min-height:66px;color:inherit;background:#fff;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px 15px;text-decoration:none;transition:background-color .16s,transform .16s;display:grid}.guide-document-row+.guide-document-row{border-top:1px solid var(--border,#dce2e8)}.guide-document-row:hover{background:#f4f8fd}.guide-document-row:focus-visible{z-index:1;outline-offset:-3px;outline:3px solid #006bff38;position:relative}.guide-document-row__type{color:#075eb2;background:#eaf3ff;border-radius:10px;place-items:center;width:44px;height:44px;font-size:10px;font-weight:900;display:inline-grid}.guide-document-row__content,.guide-document-row__title{min-width:0;display:flex}.guide-document-row__content{flex-direction:column;gap:5px}.guide-document-row__title{flex-wrap:wrap;align-items:center;gap:7px}.guide-document-row__title strong{color:var(--primary-dark,#102c45)}.guide-document-row__title small,.guide-document-row__content>small{color:var(--muted,#687781)}.guide-document-row__content>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.guide-document-row__action{color:var(--primary,#006bff);font-size:12px;font-weight:800}.new-badge{color:#fff;text-transform:uppercase;background:#ef553f;border-radius:6px;align-items:center;min-height:22px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.student-guide-process{margin-top:var(--ui-space-6)}.guide-admin-create-grid{gap:var(--ui-space-5);margin-bottom:var(--ui-space-5);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.guide-admin-list{gap:12px;display:grid}.guide-admin-item{border:1px solid var(--border,#dce2e8);background:#fff;border-radius:14px}.guide-admin-item.is-archived{background:#f7f8fa}.guide-admin-item__summary{gap:var(--ui-space-4);justify-content:space-between;align-items:flex-start;padding:16px;display:flex}.guide-admin-item__summary>div:first-child,.guide-admin-document>div{min-width:0}.guide-admin-item__meta{color:var(--muted,#687781);flex-wrap:wrap;align-items:center;gap:7px 12px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.guide-admin-item h3 small{color:var(--muted,#687781);font-weight:600}.guide-admin-item>small,.guide-admin-item__summary small{color:var(--muted,#687781);margin-top:5px;line-height:1.5;display:block}.guide-admin-item__actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.guide-admin-document{grid-template-columns:44px minmax(0,1fr);align-items:flex-start;gap:13px;display:grid}.guide-edit-disclosure{position:relative}.guide-edit-disclosure>summary{list-style:none}.guide-edit-disclosure>summary::-webkit-details-marker{display:none}.guide-edit-disclosure[open]{flex-basis:100%}.guide-edit-disclosure[open]>summary{width:max-content;margin-left:auto}.guide-edit-form{border:1px solid var(--border,#dce2e8);background:#f8fafc;border-radius:14px;gap:14px;width:min(680px,100vw - 340px);margin-top:12px;padding:16px;display:grid}@media (width<=900px){.guide-admin-create-grid{grid-template-columns:1fr}.guide-edit-form{width:min(680px,100vw - 80px)}}@media (width<=680px){.student-schedule-row{grid-template-columns:1fr;gap:10px}.student-schedule-row__content{flex-direction:column}.student-schedule-row__dates{white-space:normal;justify-content:flex-start}.guide-document-row{grid-template-columns:42px minmax(0,1fr)}.guide-document-row__type{width:40px;height:40px}.guide-document-row__action{grid-column:2}.guide-admin-item__summary{flex-direction:column}.guide-admin-item__actions{justify-content:flex-start;width:100%}.guide-edit-disclosure[open],.guide-edit-form{width:100%}}.login-body{background:radial-gradient(circle at 86% 8%,#0f4c8112,#0000 24rem),linear-gradient(#f8fafc 0%,#edf3f8 100%);min-height:100vh}.login-body .public-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border-bottom:1px solid #e2e8f0cc}.login-body .public-header__label{color:#0f4c81;letter-spacing:.06em;text-transform:uppercase;font-size:11.5px;font-weight:750}.login-body .guest-main{justify-content:center;align-items:center;min-height:calc(100vh - 73px);padding-block:clamp(10px,2vh,24px);padding-inline:16px;display:flex}.login-experience{isolation:isolate;background:#fff;border:1px solid #dbe5ee;border-radius:28px;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);width:100%;max-width:1020px;display:grid;overflow:hidden;box-shadow:0 20px 45px -10px #0f172a17,0 0 0 1px #0f172a08}.login-story{color:#1e293b;background:linear-gradient(150deg,#fff 0%,#f8fafc 50%,#edf3f9 100%);border-right:1px solid #e2e8f0;flex-direction:column;justify-content:space-between;gap:clamp(14px,1.8vh,20px);min-width:0;padding:clamp(22px,2.8vh,36px) clamp(22px,3vw,40px);display:flex;position:relative}.login-kicker{color:#0f4c81;letter-spacing:.08em;text-transform:uppercase;background:#0f4c8114;border:1px solid #0f4c8126;border-radius:999px;align-items:center;gap:8px;width:max-content;max-width:100%;margin-bottom:10px;padding:3px 10px;font-size:10.5px;font-weight:800;line-height:1.3;display:inline-flex}.login-kicker i{background:#0f4c81;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #0f4c8126}.login-story h1{color:#0f172a;letter-spacing:-.03em;max-width:560px;margin:0;font-size:clamp(1.45rem,2.1vw,2rem);font-weight:800;line-height:1.2}.login-story h1 span{color:#0f4c81;display:block}.login-story__intro>p{color:#475569;max-width:520px;margin:8px 0 0;font-size:clamp(12px,1.05vw,13.5px);line-height:1.5}.login-features{flex-direction:column;gap:8px;display:flex}.login-feature-item{background:#ffffffd9;border:1px solid #e2e8f0e6;border-radius:13px;align-items:center;gap:11px;padding:8px 12px;transition:border-color .15s,background-color .15s;display:flex;box-shadow:0 1px 3px #0f172a08}.login-feature-item:hover{background:#fff;border-color:#cbd5e1}.login-feature-item__icon{color:#0f4c81;background:#e8f2fa;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.login-feature-item__icon .sidebar-link__icon{color:currentColor;stroke:currentColor;background:0 0;border-radius:0;width:16px;height:16px;padding:0}.login-feature-item strong{color:#1e293b;font-size:11.5px;font-weight:750;line-height:1.35;display:block}.login-feature-item small{color:#64748b;font-size:10.5px;line-height:1.35;display:block}.login-belief{color:#64748b;border-top:1px solid #e2e8f0cc;align-items:center;gap:8px;margin:0;padding-top:8px;font-size:11px;font-weight:600;line-height:1.45;display:flex}.login-belief svg{stroke:#10b981;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:14px;height:14px}.login-card{width:100%;min-width:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:none;border-radius:0;flex-direction:column;justify-content:center;align-self:center;margin:0;padding:clamp(22px,2.8vh,34px) clamp(22px,3vw,38px);display:flex}.login-card__header{margin-bottom:14px}.login-card .eyebrow{color:#0f4c81;letter-spacing:.06em;text-transform:uppercase;background:#f0f7fc;border:1px solid #d4e8f6;border-radius:999px;width:max-content;margin-bottom:5px;padding:2.5px 8px;font-size:9.5px;font-weight:800;display:inline-block}.login-card h2{color:#0f172a;letter-spacing:-.03em;max-width:360px;margin:0;font-size:clamp(1.35rem,1.8vw,1.65rem);font-weight:800;line-height:1.2}.login-card__description{color:#64748b;margin:4px 0 0;font-size:12px;line-height:1.5}.login-card .form-stack{gap:11px}.login-card .field{gap:4px}.login-card .field>span{color:#334155;font-size:11px;font-weight:700}.login-card .field input{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;min-height:40px;padding-inline:12px;font-size:13px;transition:all .15s}.login-card .field input:hover{background:#fff;border-color:#94a3b8}.login-card .field input:focus{background:#fff;border-color:#0f4c81;box-shadow:0 0 0 3px #0f4c811f}.login-form__options{justify-content:space-between;align-items:center;gap:12px;margin-top:1px;display:flex}.login-card .checkbox-row{color:#475569;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.login-card .checkbox-row input{accent-color:#0f4c81;width:14px;height:14px}.login-card .auth-help-link{color:#0f4c81;margin:0;font-size:11px;font-weight:600;text-decoration:none}.login-card .auth-help-link:hover{text-underline-offset:3px;text-decoration:underline}.login-submit{color:#fff;background:#0f4c81;border-radius:10px;justify-content:center;gap:8px;min-height:42px;padding-inline:16px;font-size:13px;font-weight:700;transition:all .15s;box-shadow:0 4px 12px #0f4c8138}.login-submit:hover{background:#0c3c66;box-shadow:0 6px 16px #0f4c8152}.login-submit>span:last-child{font-size:16px;font-weight:400}.login-access-note{color:#64748b;text-align:center;justify-content:center;align-items:center;gap:6px;margin:12px 0 0;font-size:10px;line-height:1.4;display:flex}.login-access-note svg{fill:none;stroke:#10b981;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}@media (width<=980px){.login-body .guest-main{min-height:0;padding-block:16px 28px}.login-experience{border-radius:20px;grid-template-columns:minmax(0,1fr)}.login-story{border-bottom:1px solid #e2e8f0;border-right:none;gap:14px;padding:22px 18px}.login-card{padding:22px 18px}}@media (width<=620px){.login-body .public-header__label{display:none}.login-body .guest-main{width:min(100% - 20px,1180px);padding-block:10px 24px}.login-experience{border-radius:18px}.login-story{grid-row:2;gap:14px;padding:20px 14px}.login-story h1{font-size:clamp(1.35rem,6vw,1.7rem)}.login-card{grid-row:1;padding:22px 14px}}@media (prefers-reduced-motion:reduce){.login-submit{transition:none}}.workspace-main--student{--ui-page-gap:18px;--ui-card-padding:clamp(17px, 2vw, 22px);padding:24px clamp(16px,2.2vw,30px) 48px}.workspace-main--student :is(.student-page,.dashboard-page--student){gap:18px}.workspace-main--student :is(.page-heading,.page-header){margin-bottom:16px}.workspace-main--student :is(.page-heading,.page-header) h1{margin:4px 0 6px;font-size:clamp(1.75rem,2.6vw,2.15rem);line-height:1.18}.workspace-main--student :is(.section-heading,.dashboard-section-heading,.student-section-heading){margin-bottom:16px}.workspace-main--student :is(.section-heading,.dashboard-section-heading,.student-section-heading) h2{font-size:clamp(1.15rem,1.55vw,1.4rem);line-height:1.3}.workspace-main--student :is(.page-heading,.section-heading,.dashboard-section-heading,.student-section-heading) p{line-height:1.5}.workspace-main--student :is(section,article).card{padding:var(--ui-card-padding)}.workspace-main--student :is(.dashboard-grid,.content-grid,.card-grid,.quick-action-grid,.verified-count-grid){gap:14px}.workspace-main--student :is(#form-catatan,#tindak-lanjut,#riwayat-catatan){scroll-margin-top:16px}.logbook-page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.logbook-page-actions .button{min-height:44px}@media (width<=780px){.workspace-main--student{--ui-page-gap:16px;--ui-card-padding:16px;padding:16px 12px 36px}.workspace-main--student :is(.student-page,.dashboard-page--student){gap:16px}.workspace-main--student :is(.page-heading,.page-header) h1{font-size:clamp(1.5rem,6vw,1.8rem)}.workspace-main--student :is(input,select,textarea){font-size:16px}.logbook-page-actions{width:100%}.logbook-page-actions .button{flex:auto}}.notification-dropdown{align-items:center;display:inline-flex;position:relative}.notification-trigger{border:1px solid var(--border,#ebe8e4);width:38px;height:38px;color:var(--color-ink,#000);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;list-style:none;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex;position:relative}.notification-trigger::-webkit-details-marker{display:none}.notification-trigger:hover{background:var(--surface-soft,#f5f3f1);border-color:var(--border-strong,#dedad5)}.notification-trigger:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.notification-trigger__icon{justify-content:center;align-items:center;display:flex}.notification-trigger__icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.notification-badge{color:#fff;text-align:center;background:#d9383a;border-radius:9999px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 2px #fff}.notification-popover{border:1px solid var(--border-strong,#dedad5);z-index:100;background:#fff;border-radius:14px;flex-direction:column;width:min(380px,100vw - 32px);max-height:460px;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 14px 38px #0f172a1f,0 2px 8px #0f172a0d}.notification-popover__header{border-bottom:1px solid var(--border,#ebe8e4);background:#fff;justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.notification-popover__title{align-items:center;gap:8px;display:flex}.notification-popover__title strong{color:var(--color-ink,#000);font-size:14px}.notification-popover__count{background:var(--primary-soft,#f5f3f1);color:var(--primary-dark,#0b3558);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.notification-popover__mark-btn{color:var(--color-violet-spark,#0447ff);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:12px;font-weight:600;text-decoration:underline}.notification-popover__body{max-height:380px;padding:4px 0;overflow-y:auto}.notification-popover__item{border-bottom:1px solid #f8f6f4;gap:12px;padding:12px 18px;transition:background .12s;display:flex}.notification-popover__item:hover{background:#faf8f6}.notification-popover__item.is-unread{background:#f0f6ff}.notification-popover__item.is-unread:hover{background:#e5effe}.notification-popover__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.notification-popover__item.is-unread .notification-popover__dot{background:var(--color-violet-spark,#0447ff)}.notification-popover__content{flex:1;min-width:0}.notification-popover__content p{color:var(--color-graphite,#44403b);margin:4px 0 0;font-size:12px;line-height:1.45}.notification-popover__heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.notification-popover__heading strong{color:var(--color-ink,#000);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.notification-popover__heading time{color:var(--muted,#777169);flex-shrink:0;font-size:11px}.notification-popover__read-one-btn{color:var(--color-violet-spark,#0447ff);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:0;font-size:11px}.notification-popover__read-one-btn:hover{text-decoration:underline}.notification-popover__empty{text-align:center;color:var(--muted,#777169);padding:36px 20px;font-size:13px}.notification-popover__empty p{margin:0}.exam-stage-nav{background:var(--surface-soft,#f5f3f1);border:1px solid var(--border,#ebe8e4);border-radius:14px;align-items:center;gap:8px;margin-bottom:24px;padding:6px;display:flex;overflow-x:auto}.exam-stage-nav__item{color:var(--color-graphite,#44403b);white-space:nowrap;border-radius:9px;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.exam-stage-nav__item:hover{color:var(--color-ink,#000);background:#fff9}.exam-stage-nav__item.is-active{color:var(--color-ink,#000);background:#fff;font-weight:700;box-shadow:0 1px 3px #00000014}.exam-stage-switch-hint{background:var(--surface-soft,#f5f3f1);border:1px dashed var(--border-strong,#dedad5);text-align:center;border-radius:12px;margin-top:12px;padding:18px 24px}.exam-stage-switch-hint p{color:var(--color-graphite,#44403b);margin:0;font-size:13px}.exam-stage-switch-hint a{color:var(--color-violet-spark,#0447ff);font-weight:600;text-decoration:none}.exam-stage-switch-hint a:hover{text-decoration:underline}@media (width<=640px){.exam-stage-nav{flex-direction:column;align-items:stretch}.exam-stage-nav__item{justify-content:space-between}}