.topbar.mensalize-header{height:auto;min-height:72px;gap:14px}.topbar.mensalize-header>.mobile-nav-toggle{display:inline-flex;order:-1;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid #e3ddf6;border-radius:14px;background:#f6f3ff;color:#5a37cb;cursor:pointer}.topbar.mensalize-header>.brand{order:0;margin-right:auto;min-width:0}.topbar.mensalize-header>.notification-bell{order:2;margin-left:0}.topbar.mensalize-header>.header-page-actions{order:1}.mobile-nav-toggle-icon{display:grid;grid-gap:4px;gap:4px;width:20px}.mobile-nav-toggle-icon i{display:block;height:2px;width:100%;background:currentColor;border-radius:3px}.mensalize-menu-layer{position:fixed;inset:0;z-index:2400;isolation:isolate}.mensalize-menu-scrim{position:absolute;inset:0;background:#16102970;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);touch-action:none}.mensalize-menu-panel{position:absolute;inset:16px auto 16px 16px;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;background:white;border-radius:28px;box-shadow:0 24px 90px #21133e50;scrollbar-width:thin;scrollbar-color:#c7baf4 transparent;animation:mensalize-menu-in .2s ease-out}.mensalize-menu-hero{position:relative;overflow:hidden;padding:25px 24px 34px;color:white;background:linear-gradient(135deg,#7546ef,#5130c6)}.mensalize-menu-hero:before{content:"";position:absolute;width:330px;height:330px;border:45px solid #ffffff0b;border-radius:50%;bottom:-240px;right:-40px;pointer-events:none}.menu-hero-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px}.menu-hero-top .brand-logo{color:white}.menu-hero-top .brand-logo strong{color:white;font-size:26px}.menu-hero-top .brand-logo img{width:44px;height:36px;object-fit:contain;filter:none;background:white;padding:4px;border-radius:10px}.menu-hero-top .brand-logo small{color:#ebe4ff}.menu-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #ffffff40;border-radius:50%;color:white;background:#ffffff16;font-size:32px;line-height:1;cursor:pointer}.menu-close:hover{background:#ffffff30}.menu-profile{position:relative;display:flex;align-items:center;gap:16px;margin-top:30px}.menu-avatar{display:grid;place-items:center;flex:0 0 66px;width:66px;height:66px;border:2px solid #ffffffb0;border-radius:50%;background:#eee7ff;color:#5530bf;font-size:25px;font-weight:800;overflow:hidden}.menu-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.menu-profile h2{margin:0;font-size:24px;line-height:1.25;color:white;overflow-wrap:anywhere}.menu-profile p{margin:6px 0 0;font-size:15px;line-height:1.4;color:#eee7ff;overflow-wrap:anywhere}.mensalize-menu-body{position:relative;display:block;margin-top:-14px;padding:26px 24px 20px;background:#fff;border-radius:24px 24px 0 0}.mensalize-menu-body section{margin:0;padding:0;border:0;box-shadow:none;background:transparent}.mensalize-menu-body h3{margin:0 0 16px;color:#71619c;font-size:12px;line-height:1.4;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.menu-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.menu-tile{display:grid;grid-template-columns:30px minmax(0,1fr) 10px;align-items:center;grid-gap:10px;gap:10px;min-height:84px;padding:15px;border:1px solid #f0ebfc;border-radius:18px;background:#f7f4ff;color:#201b36;font-size:18px;font-weight:750;transition:background .15s,border-color .15s}.menu-item-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--menu-icon-color,#6540d9);background:var(--menu-icon-background,#f0eaff);border-radius:8px}.menu-icon-home{--menu-icon-color:#7041d9;--menu-icon-background:#eee6ff}.menu-icon-students{--menu-icon-color:#3b65d9;--menu-icon-background:#eaf0ff}.menu-icon-calendar{--menu-icon-color:#b94d9d;--menu-icon-background:#fcebf7}.menu-icon-finance{--menu-icon-color:#168967;--menu-icon-background:#e2f5ed}.menu-icon-message{--menu-icon-color:#098a9e;--menu-icon-background:#e3f6f8}.menu-icon-document{--menu-icon-color:#3978c9;--menu-icon-background:#e8f1ff}.menu-icon-chart{--menu-icon-color:#b97818;--menu-icon-background:#fff3db}.menu-icon-portal{--menu-icon-color:#8554cb;--menu-icon-background:#f0e9ff}.menu-icon-shield{--menu-icon-color:#6b49c9;--menu-icon-background:#eee8fc}.menu-icon-card{--menu-icon-color:#b57817;--menu-icon-background:#fff2d7}.menu-icon-support{--menu-icon-color:#c34c85;--menu-icon-background:#fde9f1}.menu-icon-book{--menu-icon-color:#3978c9;--menu-icon-background:#e8f1ff}.menu-icon-admin{--menu-icon-color:#7651b8;--menu-icon-background:#f0eafa}.menu-item-icon svg,.menu-logout svg{width:25px;height:25px;flex-shrink:0}.menu-tile .menu-item-icon{width:32px;height:38px}.menu-tile .menu-item-icon svg{width:29px;height:29px}.menu-chevron{margin-left:auto;color:#9b8dba;font-size:23px;font-weight:400}.menu-tile.is-active{background:#6540dd;color:white;border-color:#6540dd}.menu-tile.is-active .menu-chevron,.menu-tile.is-active .menu-item-icon{color:white}.menu-tile.is-active .menu-item-icon{background:#ffffff24}.menu-tile:hover{border-color:#bfaef0;background:#eee7ff}.menu-tile.is-active:hover{background:#5530c7}.menu-section-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px;margin-top:26px;padding-top:24px;border-top:1px solid #ece7f5}.menu-section-columns>div>section+section{margin-top:24px;padding-top:22px;border-top:1px solid #ece7f5}.menu-row{display:flex;align-items:center;gap:10px;min-height:54px;padding:9px 0;border-radius:12px;color:#2a243e;font-size:17px;line-height:1.4;font-weight:600}.menu-row>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.menu-row .menu-item-icon{flex:0 0 26px}.menu-row.is-active,.menu-row:hover{color:#5831ca;background:#f6f2ff}.menu-admin-section{margin-top:24px!important;padding-top:22px!important;border-top:1px solid #ece7f5!important}.menu-logout{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin-top:24px;padding:12px;border:1px solid #e9e1f7;border-radius:14px;background:#faf8ff;color:#64537f;font-size:16px;font-weight:600;cursor:pointer}.mensalize-menu-panel a:focus-visible,.mensalize-menu-panel button:focus-visible,.mobile-nav-toggle:focus-visible{outline:3px solid #b79af7;outline-offset:3px}@keyframes mensalize-menu-in{0%{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}@media (max-width:650px){.topbar.mensalize-header{padding:10px 14px;flex-wrap:wrap;gap:10px}.topbar.mensalize-header>.mobile-nav-toggle{order:-1;padding:10px;width:44px}.mobile-nav-toggle strong{display:none}.topbar.mensalize-header>.brand{order:0}.topbar.mensalize-header>.brand .brand-logo strong{font-size:21px}.topbar.mensalize-header>.brand .brand-logo img{width:31px;height:31px}.topbar.mensalize-header>.header-page-actions{order:4;flex-basis:100%}.mensalize-menu-panel{inset:max(12px,env(safe-area-inset-top)) auto max(12px,env(safe-area-inset-bottom)) 12px;width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:24px}.mensalize-menu-hero{padding:20px 20px 30px}.menu-hero-top .brand-logo strong{font-size:24px}.menu-profile{margin-top:24px}.menu-profile h2{font-size:23px}.mensalize-menu-body{padding:24px 18px 20px}.menu-tile{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:12px;min-height:80px;font-size:17px}.menu-tile .menu-chevron{display:none}}@media (max-width:499px){.menu-section-columns{grid-template-columns:1fr;gap:24px}.menu-section-columns>div{padding-top:22px;border-top:1px solid #ece7f5}.menu-row{font-size:18px;min-height:54px}}@media (max-width:360px){.menu-tile{grid-template-columns:1fr;gap:6px;min-height:100px}.menu-hero-top .brand-logo strong{font-size:21px}.menu-avatar{width:54px;height:54px;flex-basis:54px;font-size:22px}.menu-profile h2{font-size:21px}}@media (prefers-reduced-motion:reduce){.mensalize-menu-panel{animation:none}}