:root{--navy:#0b2948;--navy2:#123d6a;--teal:#19a7a0;--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#64748b;--border:#e2e8f0;--green:#15803d;--shadow:0 10px 30px rgba(15,23,42,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.shell[hidden]{display:none}.sidebar{background:linear-gradient(180deg,var(--navy),#071d33);color:#fff;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 0 0 1px #ffffff22,0 5px 14px #0003}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.brand strong,.brand span,.sidebar-foot strong,.sidebar-footer strong,.brand span,.sidebar-foot span{display:block}.brand span,.sidebar-foot span{font-size:12px;color:#a9bdd1;margin-top:3px}nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#d7e4ef;border-radius:10px;padding:12px 14px;text-align:left;font:inherit;display:flex;align-items:center;gap:12px;cursor:pointer}.nav-item span{font-size:20px;width:22px}.nav-item small{margin-left:auto;color:#88a2b8}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.11);color:#fff}.nav-item:disabled{opacity:.55;cursor:default}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.13);padding:18px 8px 0;display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;background:#e2f7f5;color:var(--navy);display:grid;place-items:center;font-weight:800}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--border);padding:0 32px;display:flex;align-items:center;gap:18px}.topbar p{margin:0;color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.12em}.topbar h1{margin:4px 0 0;font-size:24px}.primary{margin-left:auto;border:0;border-radius:10px;background:var(--navy2);color:white;padding:11px 17px;font-weight:700;cursor:pointer}.menu{display:none;border:0;background:none;font-size:23px}.content{padding:32px;max-width:1440px;margin:auto}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.hero h2{font-size:28px;margin:0 0 6px}.hero p{margin:0;color:var(--muted)}.badge{background:#e7f8f6;color:#08766f;padding:8px 12px;border-radius:999px;font-weight:700;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric,.panel{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.metric{padding:20px}.metric span{color:var(--muted);font-size:13px}.metric strong{display:block;font-size:31px;margin-top:10px}.metric em{font-style:normal;color:var(--green);font-size:12px}.panel{margin-top:20px;padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel h3{margin:0}.search{width:min(360px,100%);padding:10px 12px;border:1px solid var(--border);border-radius:9px;font:inherit}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:12px;border-bottom:1px solid var(--border)}td{padding:14px 12px;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:0}.code{font-weight:800;color:var(--navy2)}.status{display:inline-block;padding:5px 9px;border-radius:999px;background:#dcfce7;color:#166534;font-size:12px;font-weight:700}.muted{color:var(--muted)}.loading{padding:60px;text-align:center;color:var(--muted)}.backdrop{display:none}
@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:20;transform:translateX(-100%);transition:.2s;width:270px}.sidebar.open{transform:translateX(0)}.menu{display:block}.backdrop.visible{display:block;position:fixed;inset:0;background:#071d3377;z-index:10}.topbar{padding:0 18px}.content{padding:20px}.panel{overflow:auto}.topbar>.primary{padding:10px;font-size:0}.topbar>.primary:after{content:'+';font-size:20px}}@media(max-width:560px){.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:15px}.metric strong{font-size:24px}.hero{display:block}.badge{display:inline-block;margin-top:14px}.optional{display:none}}

/* Visual language and interactive application surfaces */
.metric{position:relative;overflow:hidden}.metric-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:21px;margin-bottom:16px;background:#e9f1fb;color:var(--navy2)}.metric:nth-child(2) .metric-icon{background:#e7f8f6;color:#08766f}.metric:nth-child(3) .metric-icon{background:#fff4df;color:#9a5b00}.metric:nth-child(4) .metric-icon{background:#f1eafe;color:#6d3bbd}.metric:after{content:'';position:absolute;width:86px;height:86px;border-radius:50%;background:var(--navy2);opacity:.035;right:-28px;top:-28px}.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.chart-list{display:grid;gap:15px}.chart-row{display:grid;grid-template-columns:44px 1fr 42px;align-items:center;gap:10px}.chart-row strong{font-size:13px}.bar-track{height:9px;border-radius:20px;background:#edf2f7;overflow:hidden}.bar-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,var(--teal),#58c9c3)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.quick-card{border:1px solid var(--border);border-radius:12px;padding:14px;background:#fff;text-align:left;cursor:pointer;color:var(--text)}.quick-card:hover{border-color:var(--teal);box-shadow:0 7px 18px #123d6a12}.quick-card i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eef4fa;font-style:normal;font-size:18px;margin-bottom:9px}.quick-card strong,.quick-card span{display:block}.quick-card span{font-size:12px;color:var(--muted);margin-top:3px}.toolbar{display:flex;align-items:center;gap:10px}.view-button,.icon-button{border:1px solid var(--border);background:#fff;border-radius:9px;cursor:pointer;color:var(--muted)}.view-button{height:39px;width:39px}.view-button.active{background:var(--navy2);color:#fff;border-color:var(--navy2)}.secondary{border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px 15px;font-weight:700;color:var(--text);cursor:pointer}.university-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.university-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:19px;box-shadow:var(--shadow)}.university-card-head{display:flex;align-items:flex-start;gap:12px}.uni-mark{width:45px;height:45px;border-radius:12px;background:#eaf2fb;color:var(--navy2);display:grid;place-items:center;font-weight:900}.university-card h3{font-size:16px;margin:2px 0 4px}.university-card p{font-size:13px;margin:0;color:var(--muted)}.card-stats{display:grid;grid-template-columns:1fr 1fr;margin:18px 0;border:1px solid var(--border);border-radius:10px}.card-stats div{padding:10px}.card-stats div+div{border-left:1px solid var(--border)}.card-stats strong,.card-stats span{display:block}.card-stats span{font-size:11px;color:var(--muted);margin-top:2px}.card-actions{display:flex;justify-content:space-between;align-items:center}.link-button{border:0;background:transparent;color:var(--navy2);font-weight:750;cursor:pointer}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px}.feature-icon{height:50px;width:50px;display:grid;place-items:center;border-radius:14px;background:#e7f8f6;color:#08766f;font-size:24px}.feature-card h3{margin:16px 0 7px}.feature-card p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:28px 0}.step{text-align:center;position:relative}.step:not(:last-child):after{content:'';position:absolute;top:22px;left:60%;width:80%;height:2px;background:var(--border)}.step-icon{position:relative;z-index:1;margin:auto;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#e8f2fb;color:var(--navy2);font-weight:900}.step strong,.step span{display:block}.step strong{margin-top:10px;font-size:13px}.step span{color:var(--muted);font-size:11px;margin-top:3px}.empty-visual{text-align:center;padding:34px}.empty-visual .big-icon{margin:auto;width:70px;height:70px;border-radius:20px;background:#e7f8f6;display:grid;place-items:center;font-size:34px}.empty-visual h3{margin:16px 0 7px}.empty-visual p{margin:0 auto;color:var(--muted);max-width:480px}.modal-layer{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px}.modal-layer[hidden]{display:none}.modal-shade{position:absolute;inset:0;background:#071d33aa;backdrop-filter:blur(3px)}.modal-card{position:relative;background:#fff;border-radius:17px;width:min(720px,100%);max-height:92vh;overflow:auto;box-shadow:0 25px 80px #071d3355}.modal-card>header{display:flex;align-items:center;gap:13px;padding:22px 24px;border-bottom:1px solid var(--border)}.modal-card header p{margin:0;color:var(--teal);font-size:10px;font-weight:900;letter-spacing:.12em}.modal-card header h2{margin:4px 0 0}.modal-card header .icon-button{margin-left:auto;width:36px;height:36px;font-size:22px}.modal-icon{width:44px;height:44px;border-radius:12px;background:#e8f2fb;color:var(--navy2);display:grid;place-items:center;font-size:21px}.modal-card form{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:grid;gap:7px}.form-grid label span{font-size:12px;font-weight:750;color:#475569}.form-grid .wide{grid-column:span 2}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--border);border-radius:9px;padding:11px 12px;font:inherit;color:var(--text);background:#fff}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:3px solid #19a7a022;border-color:var(--teal)}.modal-card footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.modal-card footer .primary{margin-left:0}.toast-stack{position:fixed;right:22px;bottom:22px;z-index:80;display:grid;gap:10px}.toast{background:#102f50;color:#fff;border-radius:12px;padding:14px 17px;box-shadow:0 15px 35px #071d3344;display:flex;align-items:center;gap:10px;animation:toast-in .2s ease}.toast.success:before{content:'✓';display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--teal)}@keyframes toast-in{from{transform:translateY(12px);opacity:0}}
@media(max-width:1050px){.university-cards,.feature-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:680px){.university-cards,.feature-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:span 1}.toolbar .search{width:100%}.panel-head{align-items:flex-start;gap:12px;flex-direction:column}.stepper{grid-template-columns:1fr 1fr;gap:22px}.step:after{display:none}}
.filter-bar{display:grid;grid-template-columns:minmax(230px,2fr) repeat(3,minmax(135px,1fr));gap:10px;margin-bottom:18px}.filter-bar input,.filter-bar select{border:1px solid var(--border);border-radius:10px;padding:11px 12px;background:#fff;color:var(--text);font:inherit}.filter-bar input:focus,.filter-bar select:focus{outline:3px solid #19a7a022;border-color:var(--teal)}.result-summary{display:flex;align-items:center;justify-content:space-between;margin:5px 0 12px}.result-summary span{font-size:13px;color:var(--muted)}.program-name{font-weight:750;color:var(--text)}.program-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.mini-tag{font-size:11px;border-radius:6px;background:#eff4f8;color:#536579;padding:3px 6px}.fee{font-weight:800;color:var(--navy2);white-space:nowrap}.program-modal{width:min(780px,100%)}.program-detail{padding:24px}.detail-hero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:14px;padding:22px}.detail-hero p{margin:7px 0 0;color:#c9daea}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.detail-item{border:1px solid var(--border);border-radius:11px;padding:13px}.detail-item span,.detail-item strong{display:block}.detail-item span{font-size:11px;color:var(--muted);margin-bottom:5px}.detail-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.pagination-note{text-align:center;color:var(--muted);font-size:12px;padding:15px 0 0}.data-warning{display:flex;gap:11px;align-items:flex-start;background:#fff8e8;color:#805000;border:1px solid #f5d58a;padding:12px 14px;border-radius:10px;margin-bottom:16px}.data-warning strong,.data-warning span{display:block}.data-warning span{font-size:12px;margin-top:2px}@media(max-width:900px){.filter-bar{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.filter-bar,.detail-grid{grid-template-columns:1fr}.result-summary{display:block}.program-modal{max-height:95vh}}
.requirement-layout{display:grid;grid-template-columns:280px 1fr;gap:18px}.scope-panel{background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:14px}.scope-panel h4{margin:0 0 12px}.scope-button{width:100%;border:0;background:transparent;border-radius:9px;padding:11px;text-align:left;display:flex;align-items:center;gap:9px;cursor:pointer;color:var(--text)}.scope-button:hover,.scope-button.active{background:#e8f2fb;color:var(--navy2)}.scope-button b{margin-left:auto;background:#fff;border:1px solid var(--border);border-radius:99px;padding:2px 7px;font-size:11px}.requirement-list{display:grid;gap:10px}.requirement-card{border:1px solid var(--border);border-radius:12px;padding:15px;background:#fff;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:start}.requirement-check{width:38px;height:38px;border-radius:11px;background:#e7f8f6;color:#08766f;display:grid;place-items:center;font-weight:900}.requirement-card h4{margin:1px 0 5px}.requirement-card p{margin:0;color:var(--muted);font-size:13px}.requirement-card .status-review{background:#fff4df;color:#8a5500}.requirement-flags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.checklist-builder{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;align-items:end}.checklist-builder label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#475569}.checklist-builder select{border:1px solid var(--border);border-radius:9px;padding:10px;background:#fff}.review-banner{display:flex;align-items:center;gap:12px;border-radius:12px;background:#fff8e8;border:1px solid #f5d58a;padding:14px;margin-bottom:15px}.review-banner strong,.review-banner span{display:block}.review-banner span{font-size:12px;color:#805000;margin-top:3px}@media(max-width:850px){.requirement-layout{grid-template-columns:1fr}.scope-panel{display:flex;overflow:auto;gap:6px}.scope-panel h4{display:none}.scope-button{white-space:nowrap;width:auto}.checklist-builder{grid-template-columns:1fr 1fr}}@media(max-width:560px){.checklist-builder{grid-template-columns:1fr}.requirement-card{grid-template-columns:38px 1fr}.requirement-card>.status{grid-column:2}}
.media-hero{min-height:330px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;margin-bottom:20px}.media-hero-copy{padding:38px 0 38px 38px;position:relative;z-index:1}.media-hero h2{font-size:35px;line-height:1.12;margin:18px 0 12px;max-width:490px}.media-hero p{color:var(--muted);line-height:1.6;max-width:500px;margin:0}.media-hero img{width:100%;height:100%;min-height:330px;object-fit:cover;object-position:center}.media-actions{display:flex;gap:10px;margin-top:24px}.media-actions .primary{margin-left:0}@media(max-width:900px){.media-hero{grid-template-columns:1fr;min-height:auto}.media-hero-copy{padding:28px}.media-hero h2{font-size:29px}.media-hero img{height:230px;min-height:230px;object-position:center 55%}}@media(max-width:560px){.media-actions{align-items:stretch;flex-direction:column}.media-actions button{width:100%}.media-hero img{height:180px;min-height:180px}}
.login-screen{min-height:100vh;background:linear-gradient(145deg,#071d33,#123d6a);padding:30px;display:grid;align-content:center}.login-screen[hidden]{display:none}.login-brand{width:min(1080px,100%);margin:0 auto 18px;display:flex;align-items:center;gap:12px;color:#fff}.login-brand img{width:44px;height:44px;border-radius:12px;object-fit:cover;background:#fff}.login-brand strong,.login-brand span{display:block}.login-brand span{color:#bcd0e1;font-size:12px;margin-top:3px}.login-layout{width:min(1080px,100%);margin:auto;background:#fff;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:.8fr 1.2fr;box-shadow:0 35px 100px #0005}.login-card{padding:55px}.login-card h1{font-size:38px;margin:22px 0 8px}.login-card>p{color:var(--muted);line-height:1.6;margin:0 0 28px}.login-card form{display:grid;gap:16px}.login-card label{display:grid;gap:7px}.login-card label span{font-size:12px;font-weight:800;color:#475569}.login-card input{border:1px solid var(--border);border-radius:10px;padding:12px 13px;font:inherit}.login-card input:focus{outline:3px solid #19a7a022;border-color:var(--teal)}.login-card form .primary{margin:4px 0 0;width:100%;padding:13px}.login-card small{display:block;color:var(--muted);margin-top:20px;text-align:center}.login-error{background:#fee2e2;color:#991b1b;padding:10px 12px;border-radius:9px;font-size:13px}.login-media{position:relative;background:#eff5fa;min-height:590px}.login-media>img{width:100%;height:100%;object-fit:cover;object-position:60% center}.login-media>div{position:absolute;left:28px;right:28px;bottom:28px;background:#071d33e8;color:#fff;border:1px solid #ffffff2e;border-radius:14px;padding:18px;backdrop-filter:blur(8px)}.login-media strong,.login-media span{display:block}.login-media span{font-size:13px;color:#c8d9e8;margin-top:5px}@media(max-width:800px){.login-screen{padding:18px}.login-layout{grid-template-columns:1fr}.login-card{padding:34px}.login-media{display:none}.login-brand{margin-bottom:12px}}