/* Portfolio-inspired admin skin. Workflow and employee portal styles remain separate. */
.account-login-gate:not(.employee-portal) .login-layout{display:grid;grid-template-columns:1.15fr 1fr;align-items:stretch;width:min(100%,1000px);border:1px solid #ffffffd9;border-radius:28px;overflow:hidden;box-shadow:0 24px 80px #33284c12;background:#faf9fd}
.login-welcome{background:#ddd5ed;padding:48px 42px;display:flex;flex-direction:column;gap:22px;justify-content:center;color:#242032}
.login-welcome .brand{margin-bottom:28px}.login-welcome .eyebrow{margin:0}.login-welcome h1{font-size:38px!important;line-height:1.15;letter-spacing:-1.5px}.login-welcome>p:not(.eyebrow){font-size:15px;line-height:1.75;color:#61566f;margin:0;max-width:330px}.login-welcome small{font-size:11px;color:#685c78;margin-top:32px}.login-features{display:flex;flex-wrap:wrap;gap:8px}.login-features span{font-size:11px;background:#ffffff66;border:1px solid #ffffff90;padding:8px 10px;border-radius:20px}
body:not(:has(.employee-portal)) .login-layout .account-login-form{max-width:none;border:0;border-radius:0;box-shadow:none;background:#faf9fd;padding:58px 40px;align-self:center}.login-layout .account-login-form h2{font-size:25px;margin-bottom:12px}.login-layout .account-login-form>p{color:#6b617b;line-height:1.6}.login-layout .account-login-form label{margin:24px 0}.login-layout .account-login-form .primary{width:100%;margin-top:8px}.login-layout .account-login-form .login-footnote{font-size:11px;text-align:center;margin:20px 0 0}
@media(max-width:700px){.account-login-gate:not(.employee-portal) .login-layout{grid-template-columns:1fr;border-radius:20px}.login-welcome{padding:28px;gap:14px}.login-welcome .brand{margin-bottom:10px}.login-welcome h1{font-size:28px!important}.login-welcome small,.login-features{display:none}body:not(:has(.employee-portal)) .login-layout .account-login-form{padding:30px 28px}}
.brand-logo{width:34px;height:36px;overflow:hidden;display:block;flex-shrink:0}
.brand-logo img{display:block;width:67px;height:67px;max-width:none;transform:translate(-17px,-15px)}
.sidebar-footer{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:center}
.sidebar-footer>div:not(.avatar){min-width:0;line-height:1.4}
.sidebar-footer strong{white-space:nowrap;font-size:12px}
body:not(:has(.employee-portal)) .sidebar-footer .secondary{grid-column:2;justify-self:start;padding:5px 10px;font-size:11px;line-height:1.3;white-space:nowrap;border-radius:8px;box-shadow:none}
@media(max-width:900px){.brand span.brand-logo{display:block}.sidebar-footer{grid-template-columns:1fr;padding-left:0;justify-items:center}.sidebar-footer .avatar{width:28px;height:28px}body:not(:has(.employee-portal)) .sidebar-footer .secondary{grid-column:1;padding:5px 3px;font-size:9px}}
body:not(:has(.employee-portal)){--ink:#171923;--muted:#6b6c80;--line:#dedeea;--bg:#eeeef5;--teal:#6955b8;--teal-light:#eae5fa;background:var(--bg)}
body:not(:has(.employee-portal)) .shell{background:#eeeef5}
body:not(:has(.employee-portal)) .sidebar{inset:16px auto 16px 16px;width:226px;border:1px solid #ffffffc9;border-radius:22px;background:#ffffff80;backdrop-filter:blur(18px);color:#242333;box-shadow:0 12px 36px #3932560c;padding:26px 15px}
body:not(:has(.employee-portal)) .brand-mark{background:#1c1c2b;color:#fff;border-radius:10px}
body:not(:has(.employee-portal)) .brand .muted{color:#8677b9}
body:not(:has(.employee-portal)) .workspace-label{color:#77738b;font-size:9px;letter-spacing:1.5px}
body:not(:has(.employee-portal)) .nav-item{color:#565368;padding:13px 12px;border-radius:12px;font-size:13px;transition:background .18s,color .18s}
body:not(:has(.employee-portal)) .nav-item:hover{background:#ffffffb8;color:#171923}
body:not(:has(.employee-portal)) .nav-item.active{background:#e4def5;color:#493579;box-shadow:inset 3px 0 #8b72d3}
body:not(:has(.employee-portal)) .sidebar-footer{border-color:#ded9ea;color:#333044}
body:not(:has(.employee-portal)) .sidebar-footer small{color:#77738b}
body:not(:has(.employee-portal)) .avatar{background:#ddd5f1;color:#594781}
body:not(:has(.employee-portal)) main{padding:38px 36px 60px;max-width:none}
body:not(:has(.employee-portal)) main>header{padding:20px 24px;background:#ffffff69;border:1px solid #ffffffc9;border-radius:20px;box-shadow:0 6px 20px #342f4a06;margin-bottom:24px;gap:20px}
body:not(:has(.employee-portal)) h1{font-size:28px;letter-spacing:-1px}
body:not(:has(.employee-portal)) .eyebrow{color:#7962b7}
body:not(:has(.employee-portal)) .hero{background:#e5e1f0;color:#191a27;border:1px solid #ffffffc9;border-radius:22px;padding:32px;box-shadow:0 12px 32px #45395708}
body:not(:has(.employee-portal)) .hero .eyebrow{color:#7962b7}
body:not(:has(.employee-portal)) .hero p:not(.eyebrow),body:not(:has(.employee-portal)) .hero-stat span{color:#686579}
body:not(:has(.employee-portal)) .hero h2{font-size:28px;max-width:650px}
body:not(:has(.employee-portal)) .hero-stat{border-color:#cec6e3}
body:not(:has(.employee-portal)) .hero-stat strong{color:#7560b5}
body:not(:has(.employee-portal)) :is(.panel,.import-card,.metrics article,.college-details-page){background:#ffffffa6;border:1px solid #ffffffdb;border-radius:18px;box-shadow:0 8px 24px #36304e08}
body:not(:has(.employee-portal)) .metrics{gap:16px;margin:24px 0}
body:not(:has(.employee-portal)) .metrics article{padding:22px}
body:not(:has(.employee-portal)) .metrics strong{font-size:30px}
body:not(:has(.employee-portal)) .metric-icon{border-radius:12px;background:#e9e3f7;color:#7660b6}
body:not(:has(.employee-portal)) .primary{background:#191b28;border:1px solid #191b28;border-radius:12px;box-shadow:0 4px 10px #181b2814;padding:11px 17px}
body:not(:has(.employee-portal)) .primary:hover{background:#383348}
body:not(:has(.employee-portal)) .secondary{background:#ffffffb3;border:1px solid #ddd9e7;border-radius:12px;color:#4a465b;padding:11px 17px}
body:not(:has(.employee-portal)) :is(input:not([type=checkbox]):not([type=file]),select,textarea){border:1px solid #dcd9e7;border-radius:11px;background:#ffffffe0;color:#242333;padding:11px 13px}
body:not(:has(.employee-portal)) :is(button,input,select,textarea):focus-visible{outline:3px solid #ac94e2;outline-offset:3px}
body:not(:has(.employee-portal)) th{background:#f0edf7;color:#777187;padding-top:17px;padding-bottom:17px}
body:not(:has(.employee-portal)) td{border-color:#e6e1ee;padding-top:17px;padding-bottom:17px}
body:not(:has(.employee-portal)) tbody tr:hover{background:#f7f4fc}
body:not(:has(.employee-portal)) .tip{background:#e9e4f3;color:#6b617e;border-radius:10px;line-height:1.6}
body:not(:has(.employee-portal)) dialog{border:1px solid white;border-radius:22px;background:#faf9fe;box-shadow:0 25px 80px #31274730}
body:not(:has(.employee-portal)) dialog::backdrop{background:#30294438;backdrop-filter:blur(5px)}
body:not(:has(.employee-portal)) .account-login-gate{background:#eeecf5}
body:not(:has(.employee-portal)) .account-login-form{padding:34px;background:#ffffffc9;box-shadow:0 20px 60px #3f315414}
@media(min-width:1300px){body:not(:has(.employee-portal)) main{padding-left:44px;padding-right:44px}}
@media(max-width:900px){body:not(:has(.employee-portal)) .sidebar{width:58px;inset:10px auto 10px 8px;padding:22px 8px;border-radius:16px}body:not(:has(.employee-portal)) .sidebar .nav-item{padding:13px 4px}body:not(:has(.employee-portal)) main{padding:24px 20px}body:not(:has(.employee-portal)) main>header{padding:18px}}
@media(max-width:620px){body:not(:has(.employee-portal)) main{padding:18px 12px}body:not(:has(.employee-portal)) main>header{align-items:flex-start;flex-direction:column;gap:16px}body:not(:has(.employee-portal)) h1{font-size:23px}body:not(:has(.employee-portal)) .hero{padding:24px}body:not(:has(.employee-portal)) .hero h2{font-size:23px}body:not(:has(.employee-portal)) .metrics article{padding:15px}body:not(:has(.employee-portal)) .import-actions{flex-wrap:wrap}}