*{box-sizing:border-box}:root{--navy:#163b7a;--blue:#2c5be0;--line:#e3e9f2;--muted:#7b879a}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:#27364d;background:#f3f6fb;font-size:14px}.login-page{min-height:100vh;background:linear-gradient(145deg,#fafcff 0 42%,#173a78 42%);display:grid;place-items:center;padding:20px}.login-brand{position:absolute;left:24px;top:20px;display:flex;align-items:center;gap:10px;color:var(--navy)}.seal,.mini-seal{display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;width:43px;height:43px;font-weight:800}.login-brand small{display:block;font-size:9px;margin-top:4px}.login-card{width:min(100%,410px);background:#fff;padding:30px;border-radius:13px;box-shadow:0 15px 45px #0002}.login-card h1{font-size:22px;color:var(--navy)}.login-card p,.page-title p,.section-heading p{color:var(--muted)}.login-card label{display:block;font-size:12px;font-weight:600;margin:14px 0}.login-card input{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid var(--line);border-radius:7px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;text-decoration:none;border:0;border-radius:7px;padding:10px 15px;font-size:12px;font-weight:700;cursor:pointer}.login-card .btn{width:100%;margin-top:10px}.alert{background:#fff0f0;color:#a11;padding:10px;border-radius:7px}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;flex:0 0 250px;background:#fff;border-right:1px solid var(--line);padding:18px 12px;position:sticky;top:0;height:100vh}.side-brand{display:flex;gap:10px;align-items:center;padding:0 8px 22px;border-bottom:1px solid #edf0f6;color:var(--navy)}.side-brand b,.side-brand small{display:block}.side-brand b{font-size:12px}.side-brand small{font-size:10px;color:var(--muted);margin-top:4px}.mini-seal{width:38px;height:38px;font-size:10px}.side-nav{padding-top:13px}.side-nav a,.nav-group-title{display:flex;align-items:center;gap:10px;padding:12px;border-radius:7px;text-decoration:none;color:#6c7a90;font-size:13px;margin:3px 0}.side-nav a span{font-size:21px;color:#55a3cb;width:24px}.side-nav a i,.nav-group-title i{margin-left:auto;font-style:normal}.side-nav a.active,.side-nav a:hover,.nav-group-title{background:#edf3ff;color:#17356f}.side-nav .sub-link{padding-left:43px;font-size:12px}.main-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 26px}.topbar small{color:var(--muted);font-size:11px}.topbar h2{font-size:16px;color:var(--navy);margin:3px 0}.top-avatar,.profile-avatar{display:grid;place-items:center;border-radius:50%;background:#e5edff;color:var(--navy);font-weight:800}.top-avatar{margin-left:auto;width:38px;height:38px}.content{width:100%;max-width:1450px;margin:auto;padding:26px;flex:1}.welcome-row{display:grid;grid-template-columns:1fr 270px;gap:20px;align-items:stretch}.welcome-row>div:first-child{padding:16px 0}.eyebrow{font-size:10px;letter-spacing:1.4px;color:var(--blue);font-weight:800}h1{color:#1b3157;font-size:26px;margin:9px 0}p{color:var(--muted)}.profile-card{background:#fff;border:1px solid var(--line);border-radius:12px;text-align:center;position:relative;padding:22px 15px;overflow:hidden}.profile-art{position:absolute;inset:0 0 auto;height:85px;background:linear-gradient(120deg,#7467ef,#e9efff);clip-path:polygon(0 0,100% 0,100% 100%,0 68%)}.profile-avatar{position:relative;width:82px;height:82px;margin:10px auto;border:5px solid white;font-size:30px}.profile-card h2{font-size:17px;margin:8px}.profile-card p{font-size:12px;margin:5px}.profile-card strong{font-size:11px;color:var(--navy)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.stat-card{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:10px;padding:17px;min-width:0}.stat-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#eaf1ff;color:var(--blue);font-size:20px}.stat-card small,.stat-card strong{display:block}.stat-card small{font-size:11px;color:var(--muted);margin-bottom:5px}.stat-card strong{font-size:13px;color:var(--navy);overflow-wrap:anywhere}.section-card{background:white;border:1px solid var(--line);border-radius:11px;padding:21px;margin-bottom:18px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}.section-heading h2{font-size:17px;margin:0;color:#1b3157}.section-heading p{font-size:12px;margin:5px 0}.latest-result{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:14px}.result-symbol{background:#edf2ff;color:var(--blue);border-radius:8px;padding:13px;font-size:11px;font-weight:800}.result-copy{flex:1}.result-copy strong,.result-copy small{display:block}.result-copy small{color:var(--muted);margin-top:4px;font-size:11px}.btn-outline{background:white;border:1px solid #cbd8f5;color:var(--navy)}.section-bottom{text-align:right;padding-top:15px}.section-bottom a{color:var(--blue);text-decoration:none;font-weight:700;font-size:12px}.empty-state{padding:24px;text-align:center;border:1px dashed #cbd7e8;background:#fafcff;color:var(--muted);border-radius:8px}.page-title{margin-bottom:20px}.page-title p{font-size:13px;margin:5px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:13px 10px;text-align:left;border-bottom:1px solid #edf0f6;white-space:nowrap}th{background:#f5f8fe;color:#63728a;font-size:10px;text-transform:uppercase}tbody tr:hover{background:#fafcff}.btn-small{padding:8px 12px;font-size:11px}.app-footer{padding:14px 26px;background:white;border-top:1px solid var(--line);color:#929caf;font-size:10px}.mobile-menu{display:none}@media(max-width:850px){.sidebar{width:220px;flex-basis:220px}.content{padding:18px}.welcome-row{grid-template-columns:1fr 230px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid .stat-card:last-child{grid-column:1/-1}}@media(max-width:650px){.sidebar{position:fixed;z-index:5;left:-260px;transition:left .2s;box-shadow:6px 0 25px #1232}.sidebar-open .sidebar{left:0}.mobile-menu{display:block;border:0;background:none;color:var(--navy);font-size:22px}.topbar{padding:0 14px}.content{padding:14px 11px}.welcome-row{grid-template-columns:1fr}.profile-card{max-width:330px;width:100%;margin:auto}.stats-grid{grid-template-columns:1fr}.stats-grid .stat-card:last-child{grid-column:auto}.section-card{padding:14px}.section-heading{align-items:flex-start;flex-direction:column}.latest-result{flex-wrap:wrap}.latest-result .btn{margin-left:54px}.login-brand{left:14px;top:14px}.login-card{margin-top:75px;padding:23px 18px}}
.admin-body{background:#f3f6fb}.admin-top{background:#163b7a;color:#fff;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}.admin-top a{color:#fff}.admin-wrap{max-width:1180px;margin:25px auto;padding:0 18px}.admin-wrap h1{font-size:23px;color:#163b7a}.admin-wrap .panel{background:#fff;border:1px solid #e3e9f2;border-radius:10px;padding:22px;margin:18px 0}.admin-wrap label{display:block;font-size:12px;font-weight:600;color:#33435d;margin:10px 0}.admin-wrap input:not([type=hidden]){display:block;width:100%;padding:10px;border:1px solid #d7dfeb;border-radius:5px;margin-top:6px}.admin-wrap .form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 15px}.admin-wrap .upload-label{margin:16px 0}.admin-wrap .primary{background:#2c5be0;color:white;border:0;padding:10px 15px;border-radius:5px}.admin-wrap .danger{background:#b42318;color:white;border:0;padding:7px 10px;border-radius:4px;cursor:pointer}.admin-wrap .hint{font-size:12px;color:#718096}.admin-login{max-width:430px;margin:8vh auto!important}.admin-login label input{font-size:14px}.admin-wrap table{width:100%;border-collapse:collapse}.admin-wrap th,.admin-wrap td{border-bottom:1px solid #e7ecf4;padding:10px;text-align:left}.admin-wrap th{background:#f4f7fc;font-size:10px}.admin-wrap .alert.success{background:#e8f7ee;color:#17663a;border:1px solid #bce7ca;padding:10px;border-radius:5px}.admin-wrap .alert.error{background:#fff0f0;color:#a11;border:1px solid #f0c4c4;padding:10px;border-radius:5px}@media(max-width:700px){.admin-wrap .form-grid{grid-template-columns:1fr}.admin-wrap{padding:0 10px}.admin-wrap .panel{padding:15px}.admin-wrap table{font-size:11px}}


.personal-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 20px;
}

.info-item {
    background: #f7f9fc;
    border: 1px solid #e8edf5;
    border-radius: 10px;
    padding: 16px;
    min-width: 0;
}

.info-item small {
    display: block;
    color: #78849a;
    font-size: 12px;
    margin-bottom: 8px;
}

.info-item strong {
    display: block;
    color: #1b2942;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.admit-card-preview {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    margin-top: 20px;
    background: #f7f9fc;
    border: 1px solid #e8edf5;
    border-radius: 12px;
}

.admit-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #e5edff;
    color: #234fba;
    border-radius: 12px;
    font-size: 24px;
}

.result-copy {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
    min-width: 0;
}

.result-copy strong {
    color: #1b2942;
}

.result-copy small {
    color: #78849a;
    overflow-wrap: anywhere;
}

.status-label {
    background: #e5edff;
    color: #234fba;
    border-radius: 20px;
    padding: 7px 12px;
    font-size: 12px;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .personal-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admit-card-preview {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .personal-info-grid {
        grid-template-columns: 1fr;
    }
}



.nav-group-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0;
    background: transparent;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.nav-submenu {
    display: none;
}

.nav-submenu.open {
    display: block;
}

.nav-submenu .sub-link {
    display: block;
}