html,body{margin:0;padding:0;width:100%;min-height:100%;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#f5f7fb;color:#172033}
*{box-sizing:border-box}
.portal-shell{display:flex;width:100%;min-height:100vh}
.portal-sidebar{width:250px;min-width:250px;height:100vh;position:sticky;top:0;background:#0d47a1;color:#fff;padding:20px;z-index:2000;overflow-y:auto}
.portal-brand{font-size:23px;font-weight:800;margin:2px 0 25px;white-space:nowrap}.portal-brand span{font-weight:400}
.portal-nav a,.portal-sidebar-bottom a{display:block;color:#fff;text-decoration:none;padding:12px 10px;border-radius:9px;margin:4px 0;white-space:nowrap}
.portal-nav a:hover,.portal-sidebar-bottom a:hover{background:rgba(255,255,255,.15)}
.portal-sidebar-bottom{border-top:1px solid rgba(255,255,255,.25);margin-top:25px;padding-top:12px}
.portal-main{width:calc(100% - 250px);min-width:0;flex:1}
.portal-topbar{height:72px;width:100%;background:#fff;border-bottom:1px solid #e7eaf0;display:flex;align-items:center;padding:0 24px}
.portal-title-wrap{display:flex;align-items:center;gap:12px}.portal-topbar strong{font-size:22px}.portal-topbar>span{margin-left:auto}
.portal-menu-btn{display:none;border:0;background:transparent;font-size:27px;line-height:1;padding:4px 7px;cursor:pointer}
.card{border:0;border-radius:14px;box-shadow:0 4px 18px rgba(20,40,80,.05)}
.stat-card{background:#fff;border-radius:15px;padding:23px;box-shadow:0 4px 18px rgba(20,40,80,.06);font-size:17px}
.stat-card strong{display:block;font-size:32px;margin-top:8px}
.student-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #e6edf8;background:#eef4ff}
.profile-photo{width:120px;height:120px;border-radius:12px;object-fit:cover;border:1px solid #dee5ef;background:#f1f5f9}
.badge-soft{background:#eaf2ff;color:#0d47a1}
.table td,.table th{vertical-align:middle}
.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#eef4ff}
.login-card{width:min(420px,92%);background:#fff;padding:35px;border-radius:18px;box-shadow:0 10px 35px rgba(20,40,80,.12)}
.login-card .brand{color:#0d47a1}
.portal-backdrop{display:none}
@media(max-width:768px){
.portal-shell{display:block;width:100%;min-height:100vh}
.portal-sidebar{position:fixed!important;left:-270px!important;top:0!important;bottom:0!important;width:250px!important;min-width:250px!important;height:100vh!important;z-index:2000!important;transition:left .25s ease!important;box-shadow:8px 0 28px rgba(0,0,0,.22)}
.portal-sidebar.mobile-open{left:0!important}
.portal-main{display:block;width:100%!important;min-width:0!important}
.portal-topbar{position:sticky;top:0;z-index:1000;height:64px;padding:0 14px;width:100%}
.portal-menu-btn{display:inline-flex!important;align-items:center;justify-content:center}
.portal-backdrop.mobile-show{display:block!important;position:fixed!important;inset:0!important;background:rgba(0,0,0,.45)!important;z-index:1500!important}
.portal-content{width:100%;max-width:100%;overflow-x:hidden}
}