:root{color:#1f1f1f;background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.4;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--portal-blue: #0a4a85;--portal-navy: #2b3055;--portal-yellow: #f2be2f;--portal-green: #4db765;--portal-danger: #c94c48;--portal-shadow: 0 6px 18px rgba(0, 0, 0, .12)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow-x:auto;overflow-y:auto}#root{width:100%;min-width:0}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}.portal-entry{min-height:100vh;width:100%;min-width:320px;display:flex;flex-direction:column;background:linear-gradient(135deg,#38883a,#8c7270 58%,#c10b7f);color:#fff;position:relative;overflow:hidden}.portal-entry__topbar{height:42px;background:#1f1f1f;color:#ffffffbf;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.portal-entry__topbar-left,.portal-entry__topbar-right{display:flex;align-items:center;gap:6px}.portal-entry__topbar-left svg,.portal-entry__topbar-right svg{width:18px;height:18px}.portal-entry__topbar-right{font-size:12px;font-weight:700}.portal-entry__hero{flex:1;display:grid;place-items:center;padding:48px 18px 92px;position:relative}.portal-entry__content{text-align:center;position:relative;z-index:2}.portal-entry__content h1{margin:0 0 10px;font-size:52px;line-height:1.03;font-weight:700;text-shadow:0 2px 5px rgba(0,0,0,.7)}.portal-entry__subtitle{border:0;background:transparent;color:#d4ff16;cursor:pointer;font-size:22px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.7);padding:0}.portal-entry__crest{width:620px;position:absolute;inset:48% auto auto 50%;transform:translate(-50%,-42%);opacity:.95;filter:drop-shadow(0 18px 22px rgba(0,0,0,.28));pointer-events:none}.portal-entry__footer{background:#49674e;color:#f2f2f2;min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:12px;font-size:12px;font-weight:700;position:relative;z-index:2}.portal-entry__hotline{background:#ee6a59;color:#fff;padding:8px 14px;border-radius:2px;box-shadow:0 2px 8px #00000024}.login-card{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:318px;min-height:388px;padding:22px 28px 18px;border-radius:12px;background:#341d25d6;box-shadow:0 14px 24px #00000073;overflow:hidden;z-index:3}.login-card__crest{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:82%;opacity:.78;pointer-events:none}.login-card__inner{position:relative;z-index:1}.login-card__close{position:absolute;top:16px;right:16px;width:16px;height:22px;border:0;background:#f0f0f0;color:#555;padding:0;cursor:pointer;z-index:2}.login-card h2{margin:0 0 26px;font-size:26px;text-align:center;font-weight:400}.login-card__field{display:block;margin-bottom:28px}.login-card__field span{display:block;margin-bottom:6px;font-size:14px;font-weight:700}.login-card__field input{width:100%;border:0;border-bottom:2px solid rgba(255,255,255,.55);background:transparent;color:#fff;height:34px;outline:none}.login-card__submit{margin-top:16px;border:0;background:transparent;color:#1cd9ff;font-size:28px;font-weight:700;letter-spacing:3px;cursor:pointer;border-left:3px solid #1cd9ff;border-bottom:3px solid #1cd9ff;padding:6px 14px 2px 12px}.login-card__help{margin:10px 0 0;font-size:12px;font-weight:700}.login-card__help a{color:#0d8bff;text-decoration:none}.login-card__error{margin:-8px 0 6px;font-size:12px;color:#ffd8d8}.portal-app{min-height:100vh;width:1280px;min-width:1280px;display:flex;flex-direction:column;background:#fff}.portal-header{height:55px;display:flex;align-items:center;background:#fff;box-shadow:0 1px 6px #0000002e;position:sticky;top:0;z-index:5}.portal-header__brand{width:112px;height:100%;background:var(--portal-navy);display:flex;align-items:center;padding-left:8px;flex-shrink:0}.portal-header__brand img{width:30px;height:46px;object-fit:contain}.portal-header__menu{width:38px;height:38px;border:0;background:transparent;color:var(--portal-yellow);margin-left:12px;cursor:pointer;flex-shrink:0}.portal-header__menu svg{width:26px;height:26px}.portal-header__title{margin:0;padding:2px 16px 0;color:#073f79;font-size:26px;font-weight:700;line-height:.98;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.22)}.portal-header__title span{display:block}.portal-layout{flex:1;display:flex;min-height:0;min-width:1280px}.portal-sidebar{width:216px;flex-shrink:0;background:#fff;border-right:1px solid #ededed;box-shadow:4px 0 12px #00000014;overflow-y:auto;overflow-x:hidden;transition:width .18s ease}.portal-sidebar.is-closed{width:0;border-right:0;box-shadow:none}.portal-sidebar__profile{display:flex;gap:12px;align-items:flex-start;padding:12px 10px 10px}.portal-sidebar__avatar{width:58px;height:58px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#efefef}.portal-sidebar__avatar img{width:100%;height:100%;object-fit:cover}.portal-sidebar__names{min-width:0}.portal-sidebar__names p{margin:0;color:#5a5a5a;font-size:17px;line-height:1.18}.portal-sidebar__names span{display:block;margin-top:4px;color:#adadad;font-size:12px}.portal-sidebar__nav{display:flex;flex-direction:column;gap:4px;padding:10px 0 18px}.portal-sidebar__link{border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:9px 12px;color:#333;font-size:13px;text-align:left;cursor:pointer}.portal-sidebar__link:hover,.portal-sidebar__link.is-active{background:#0a4a850f}.portal-sidebar__icon{width:16px;height:16px;color:#4d4d4d;flex-shrink:0}.portal-sidebar__icon svg{width:16px;height:16px}.portal-content{flex:1;min-width:0;background:#fff;padding:28px 18px 38px;overflow:auto}.portal-content__banner,.portal-content__error{margin-bottom:14px;padding:10px 14px;border-radius:4px;font-size:13px;font-weight:700}.portal-content__banner{background:#f0f6ee;color:#356941}.portal-content__error{background:#fdecec;color:#a53c38}.blank-view{min-height:72vh}.content-flow{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.profile-form{width:240px;display:flex;flex-direction:column;gap:10px}.form-field{display:flex;flex-direction:column;gap:0}.form-field>span{display:none}.portal-input{width:100%;height:31px;border:2px solid #e0e0e0;border-radius:4px;background:#fff;padding:0 12px;color:#666;outline:none;box-shadow:inset 0 1px 1px #00000008}select.portal-input{padding-right:28px}.portal-input::placeholder{color:#b5b5b5}.portal-button{border:0;border-radius:3px;background:var(--portal-green);color:#fff;padding:10px 14px;font-weight:700;cursor:pointer;box-shadow:var(--portal-shadow)}.portal-button--danger{background:var(--portal-danger);box-shadow:none;padding:7px 12px}.action-card,.mini-panel,.panel-sheet,.report-sheet{background:#fff;box-shadow:var(--portal-shadow)}.action-card{width:198px;padding:12px 12px 18px}.action-card__title{margin:0 0 12px;color:#111;font-size:20px;line-height:1.02;font-weight:700}.action-card__select{width:100%;height:36px;border:2px solid #e2e2e2;border-radius:4px;margin-bottom:10px;padding:0 10px;color:#666;background:#fff}.action-card__button{width:100%;border:0;background:var(--portal-green);color:#fff;font-weight:700;min-height:36px;border-radius:3px;cursor:pointer}.panel-sheet{width:920px;padding:16px;overflow-x:auto}.panel-sheet__heading{margin-bottom:12px}.panel-sheet__heading h3,.mini-panel h3{margin:0;font-size:22px;line-height:1.1}.panel-sheet__heading p,.mini-panel p{margin:6px 0 0;color:#666}.mini-panel{width:320px;padding:18px;display:flex;flex-direction:column;gap:12px}.mini-panel__avatar{width:108px;height:108px;border-radius:50%;overflow:hidden;background:#efefef}.mini-panel__avatar img{width:100%;height:100%;object-fit:cover}.matric-panel__number{border:2px solid #e0e0e0;padding:12px;font-size:24px;font-weight:700;color:var(--portal-blue)}.portal-table{width:100%;border-collapse:collapse;min-width:520px}.portal-table th,.portal-table td{border:1px solid #686868;padding:8px 10px;font-size:13px;vertical-align:top;white-space:nowrap}.portal-table th{background:#f4f4f4}.portal-table--report th,.portal-table--report td{border-color:#484848}.report-sheet{width:930px;padding:18px 20px 22px;border:1px solid #dbdbdb;position:relative;overflow:hidden}.report-sheet--bio{width:870px}.report-sheet__header{display:grid;grid-template-columns:70px 1fr 70px;gap:20px;align-items:center;margin-bottom:14px}.report-sheet__header img{width:48px;height:70px;object-fit:contain}.report-sheet__header-text{text-align:center}.report-sheet__header-text h2{margin:0;font-size:clamp(20px,2vw,28px);line-height:1.02}.report-sheet__header-text p{margin:2px 0 0;font-size:clamp(16px,1.6vw,24px);line-height:1.05;font-weight:700}.report-sheet__avatar{width:62px;height:62px;overflow:hidden}.report-sheet__avatar img{width:100%;height:100%;object-fit:cover}.report-sheet__watermark{position:absolute;inset:56% auto auto 48%;transform:translate(-50%,-50%) rotate(-28deg);font-size:clamp(44px,6vw,86px);color:#00000014;font-weight:700;white-space:nowrap;pointer-events:none}.result-sheet__meta{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:flex-end;margin-bottom:8px;font-size:14px;font-weight:700}.result-sheet__note{text-align:center;margin:10px 0 14px;font-style:italic;font-weight:700}.result-sheet__semester{margin:0 0 14px;text-align:center;font-size:22px;font-weight:400}.result-sheet__stats{margin-top:16px;font-size:14px}.result-sheet__stats p,.result-sheet__legend p,.report-summary p,.report-summary__units{margin:6px 0}.result-sheet__legend{margin-top:16px;font-size:14px}.report-section{margin-bottom:18px}.report-section h3{margin:0 0 8px;padding:5px 8px;background:#e6e6e6;font-size:14px;font-weight:400}.report-rows{display:flex;flex-direction:column;gap:3px;padding:0 2px}.report-rows__item{display:grid;grid-template-columns:minmax(110px,160px) 20px minmax(0,1fr);gap:10px;font-size:14px}.report-rows__item strong{font-size:14px}.report-section__declaration{border-top:1px solid #6b6b6b;padding-top:8px;font-size:15px}.report-summary{margin-bottom:16px;font-size:14px}.report-sheet__print{margin-top:16px;border:1px solid #ddd;background:#f4f4f4;color:#333;padding:6px 12px;cursor:pointer;align-self:center}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1f1f80;display:grid;place-items:center;z-index:50}.loading-overlay__card{width:96px;height:96px;display:grid;place-items:center;border-radius:16px;background:#fffffff0;box-shadow:0 16px 40px #00000040}.loading-spinner{width:42px;height:42px;border:4px solid rgba(10,74,133,.18);border-top-color:var(--portal-blue);border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.portal-entry__topbar-right{display:none}.portal-entry__hero{padding:32px 14px 88px}.portal-entry__content h1{font-size:36px}.portal-entry__subtitle{font-size:17px}.portal-entry__crest{width:min(78vw,420px);inset:52% auto auto 50%;transform:translate(-50%,-44%)}.login-card{width:min(92vw,318px);min-height:360px;padding:20px 22px 16px}.portal-entry__footer{flex-wrap:wrap;justify-content:center;padding:8px 12px}}@media print{body{background:#fff}.portal-header,.portal-sidebar,.portal-content__banner,.portal-content__error,.action-card,.mini-panel,.portal-button,.report-sheet__print,.loading-overlay{display:none!important}.portal-layout,.portal-content,.report-sheet{display:block;box-shadow:none!important;border:0!important;padding:0!important;width:100%!important}}