body{margin:0;font-family:Arial,sans-serif;background:#f6f7f9}*{box-sizing:border-box}:root{--premium-green:#082b58;--premium-green-2:#0a4774;--premium-lime:#16b9c2;--premium-ink:#061d3b;--essential-cyan:#13aee0;--essential-teal:#18b8b6}body{margin:0;background:#f4f8fb}.premium-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px;background:linear-gradient(135deg,#061d3b,#082b58 48%,#0b7191 78%,#18b8b6 135%)}.login-card{width:min(980px,94vw);min-height:570px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border-radius:24px!important}.login-brand-panel{padding:56px;color:#fff;background:linear-gradient(150deg,#061d3be6,#082b58c7),url(/assets/essential-2026-cover-DlCCQFTv.jpg) center/cover;display:flex;flex-direction:column;justify-content:center}.melsoft-logo{width:210px;max-width:70%;max-height:230px;object-fit:contain;background:#fff;border-radius:12px;padding:8px;margin-bottom:36px}.premium-title{font-weight:900!important;letter-spacing:1px}.premium-title span{color:var(--essential-teal)}.premium-tagline{font-size:1.25rem!important;font-weight:700!important;margin:18px 0 8px!important}.login-form{padding:64px 54px;display:flex;flex-direction:column;justify-content:center}.show-password{display:flex;align-items:center;gap:9px;font-size:.95rem;color:#42524d;cursor:pointer}.product-signature{text-align:center;margin-top:34px!important;font-weight:700!important;color:var(--premium-green)!important}.premium-appbar{background:linear-gradient(90deg,#061d3b,#082b58 55%,#0b7191)!important;border-bottom:3px solid var(--essential-teal)}.school-logo{width:44px;height:44px;flex:none;object-fit:contain;border-radius:8px;background:#fff;padding:3px}.school-logo-fallback{width:46px;height:46px;border-radius:8px;background:#fff;color:var(--premium-green);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900}.campus-chip{background:var(--premium-lime)!important;color:var(--premium-ink)!important;font-weight:800!important}html,body{max-width:100%;overflow-x:hidden}img{max-width:100%}.nav-details{opacity:.9;line-height:1.2}.nav-secondary{opacity:.62;font-size:.68rem!important;letter-spacing:.2px;line-height:1.25}.hamburger{display:inline-flex;flex-direction:column;gap:4px;width:22px}.hamburger i{display:block;height:2px;border-radius:2px;background:#fff}.app-main,.app-main .MuiPaper-root{max-width:100%}.app-main .MuiTableContainer-root,.app-main .MuiPaper-root:has(>.MuiTable-root){overflow-x:auto}.app-main .MuiTable-root{min-width:560px}.app-main .MuiTabs-root{max-width:100%}.branding-grid{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}.branding-logo{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;border:1px dashed #b8c7d6;border-radius:12px;background:#fafcff}.branding-preview{width:150px;height:150px;object-fit:contain}.branding-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.branding-fields>div:last-child{grid-column:1/-1}@media (max-width:1100px){.login-card{min-height:0}.login-brand-panel{padding:40px}.login-form{padding:48px 40px}}@media (max-width:899.95px){.app-main .MuiTable-root{min-width:520px}.nav-details{display:none}}@media (max-width:760px){.premium-login{padding:12px;align-items:flex-start}.login-card{grid-template-columns:1fr;width:100%;border-radius:16px!important}.login-brand-panel{padding:24px 20px;align-items:center;text-align:center}.melsoft-logo{width:150px;margin-bottom:16px}.login-brand-panel .premium-title{font-size:1.9rem!important}.login-form{padding:28px 20px}.branding-grid,.branding-fields{grid-template-columns:1fr}}@media (max-width:600px){.nav-secondary{display:none}.app-main .MuiTypography-h4{font-size:1.5rem!important;line-height:1.25}.app-main .MuiTypography-h5{font-size:1.25rem!important}.app-main .MuiTextField-root,.app-main .MuiFormControl-root{width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.app-main .MuiButton-root{max-width:100%}.MuiDialog-paper{margin:12px!important;width:calc(100% - 24px)!important;max-width:none!important}.app-main .MuiTableCell-root{padding:8px 10px;font-size:.8rem}}@media (max-width:380px){.school-logo{width:36px;height:36px}.premium-appbar .MuiButton-root{padding:4px 6px;min-width:0}}