@font-face{font-family:Open Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/open-sans-latin-300-normal-D5gIFPXQ.woff2)format("woff2")}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/open-sans-latin-400-normal-Bk63H6sG.woff2)format("woff2")}@font-face{font-family:Open Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/open-sans-latin-600-normal-Cp4N6AwT.woff2)format("woff2")}@font-face{font-family:Open Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/open-sans-latin-700-normal-CceUhp2e.woff2)format("woff2")}:root{color:#28384a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Open Sans,Arial,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #2676bf}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{color:#fff;background:#211e55;border-top:2px solid #77766a;flex-shrink:0;align-items:center;height:56px;padding-left:20px;display:flex}.brand{background:linear-gradient(90deg,#009fca,#232577 60%);flex-shrink:0;align-items:center;width:170px;height:34px;padding:0 7px;display:flex}.brand-symbol{flex-shrink:0;width:44px;height:34px}.brand strong{letter-spacing:-.4px;margin:0 5px 0 0;font-size:17px}.brand span{white-space:nowrap;border-left:1px solid #8da3cb;padding-left:4px;font-size:5px;line-height:1.5}.topbar h1{margin:0 15px;font-size:20px;font-weight:400;line-height:1.3}.logout-button{color:#fff;background:#b74635;border:0;align-items:center;gap:5px;height:54px;margin-left:auto;margin-right:9px;padding:0 11px;font-weight:700;display:flex}.logout-button svg{stroke-width:3px;width:15px;height:17px}.logout-button:hover,.confirm-logout:hover{background:#a1392a}main{flex:1;padding:0 30px}.breadcrumb{color:#8291a5;border-bottom:1px dotted #dedede;align-items:baseline;gap:5px;min-height:58px;padding:12px 9px 13px;display:flex}.breadcrumb a{color:#3688ce;font-size:24px;font-weight:300;text-decoration:none}.breadcrumb a:hover{color:#2564a0;text-decoration:underline}.breadcrumb-divider{color:#919aa6;margin-left:5px;font-size:18px}.student-heading{margin:18px 0 17px;font-size:22px;font-weight:400;line-height:1.35}.diploma-panel{border:1px solid #cad8e8}.panel-heading{color:#438fc7;text-align:left;background:#edf3f8;border:0;border-bottom:1px solid #cad8e8;align-items:center;gap:6px;width:100%;min-height:35px;padding:7px 12px;font-weight:600;display:flex}.panel-heading[aria-expanded=false]{border-bottom:0}.panel-heading svg{width:11px;height:11px;transition:transform .15s}.panel-heading svg.collapsed{transform:rotate(-90deg)}.panel-body{padding:15px 20px}.panel-body[hidden]{display:none}.information-content{max-width:800px;margin:0 auto}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:14px;display:grid}.status-card{border:1px solid #cad8e8;border-top:2px solid #ccd8e5;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:85px;display:flex}.status-card svg{fill:currentColor;width:30px;height:30px}.database svg{color:#b9b9b9}.cloud svg{color:#90caff}.computer svg{color:#a6d970}.status-card p{margin:0;font-size:13px}.status-card strong{color:#78aa52;font-weight:700}.field{margin-bottom:13px}.field label{margin-bottom:6px;line-height:18px;display:block}.field input{color:#87909a;-webkit-text-fill-color:#87909a;opacity:1;background:#eee;border:1px solid #d5d5d5;border-radius:0;width:100%;height:34px;padding:6px 4px;display:block}.field:last-child{margin-bottom:12px}.download-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.download-row{justify-content:center;gap:4px;display:flex}.download-button{color:#fff;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:3px;min-height:42px;padding:10px 16px;font-size:14px;display:inline-flex}.download-button svg{flex-shrink:0;width:14px;height:16px}.download-button.pdf{background:#86b879}.download-button.xml{background:#438dcc}.download-button.pdf:hover{background:#73a966}.download-button.xml:hover{background:#347bb9}footer{text-align:center;border-top:3px double #e4e4e4;justify-content:center;align-items:center;min-height:58px;margin:40px 10px 0;padding:15px;font-size:12px;display:flex}.notice{background:#edf3f8;border:1px solid #cad8e8;align-items:center;gap:10px;margin-top:16px;padding:12px;font-size:13px;display:flex}.notice button{color:#438dcc;background:0 0;border:0;margin-left:auto;padding:3px;display:flex}.notice svg{width:18px;height:18px}.logout-dialog{color:#28384a;border:1px solid #cad8e8;width:min(400px,100% - 32px);padding:24px}.logout-dialog::backdrop{background:#14193266}.logout-dialog h2,.signed-out h2{margin-top:0;font-size:21px;font-weight:400}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.dialog-actions button,.return-button{color:#28384a;background:#edf3f8;border:0;padding:9px 16px}.dialog-actions .confirm-logout{color:#fff;background:#b74635}.signed-out{border:1px solid #cad8e8;max-width:800px;margin:30px auto;padding:24px}.return-button{color:#fff;background:#438dcc}@media (width<=700px){.topbar{padding-left:12px}.topbar h1{margin:0 10px;font-size:17px}.brand{width:144px;padding:0 4px}.brand-symbol{width:36px}.brand strong{font-size:16px}.brand span{font-size:4.3px}.logout-button{margin-right:0;padding:0 9px}main{padding:0 15px}.breadcrumb{flex-wrap:wrap;gap:4px;padding-left:0}.breadcrumb a{font-size:22px}.breadcrumb>span:last-child{font-size:12px}.student-heading{font-size:18px;line-height:1.5}.panel-body{padding:15px 12px}.status-grid{gap:8px}.status-card{text-align:center;padding:10px 5px}.status-card p{font-size:11px}.download-actions{gap:8px}.download-row{gap:8px;width:100%}.download-button{white-space:normal;flex:1;padding:10px 8px;font-size:12px}footer{font-size:10px}}@media (width<=420px){.topbar h1{font-size:15px}.brand{width:126px}.brand span{font-size:3.7px}.brand-symbol{width:31px}.brand strong{margin-right:3px;font-size:15px}.logout-button{gap:3px;font-size:12px}.status-grid{grid-template-columns:1fr}.status-card{flex-direction:row;gap:10px;min-height:60px}.status-card p{font-size:13px}.download-row{flex-direction:column}}@media (prefers-reduced-motion:reduce){.panel-heading svg{transition:none}}