.nav{position:relative}
.student-account-menu{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:min(360px,calc(100vw - 28px));max-height:calc(100dvh - 120px);overflow:auto;padding:18px;box-sizing:border-box;border:1px solid #d9b56e80;border-radius:20px;background:linear-gradient(145deg,#203850,#101e31);color:#edf4ff;box-shadow:0 18px 55px #0008;z-index:100;direction:rtl;text-align:right;scrollbar-width:thin}
.student-account-menu[hidden]{display:none}
.student-account-top{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #d9b56e40}
.student-account-top>div{flex:1;min-width:0;overflow-wrap:anywhere}.student-account-top strong{font-size:1rem;display:block}.student-account-top small{display:block;color:#ecc67d;font:13px/1.8 Arial,sans-serif;direction:ltr;text-align:right}
.student-account-avatar{position:relative;display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:50%;overflow:hidden;background:#dbb363;color:#13253a;font-size:24px;border:2px solid #f4d692}.student-account-avatar img{position:absolute;width:100%;height:100%;object-fit:cover}
.nav .student-account-menu button,.student-account-menu a{font:inherit;font-size:14px;border-radius:10px;cursor:pointer;text-decoration:none}
.nav .student-account-close{padding:0;width:30px;height:30px;background:transparent;color:inherit;font-size:24px;border:0;flex:none}
.student-account-contact{display:grid;gap:8px;padding:12px 0}.student-account-contact>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.student-account-contact small{font-size:12px;color:#b8c9db;flex:none}.student-account-contact span{font-size:14px;overflow-wrap:anywhere;min-width:0}
.student-account-links{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px 0;border-block:1px solid #d9b56e33}
.nav .student-account-links button,.student-account-links a{padding:10px 8px;background:#ffffff08;color:inherit;border:1px solid #ffffff0c;line-height:1.5;text-align:right}
.nav .student-account-links button:hover,.student-account-links a:hover{background:#e7bf7220;border-color:#e7bf7260}
.student-account-actions{display:flex;justify-content:space-between;gap:8px;padding-top:12px}.nav .student-account-actions button{padding:8px;background:transparent;border:0;color:#edc982}.student-account-menu :focus-visible{outline:2px solid #e6bc6a;outline-offset:2px}.student-account-menu .account-edit-form{padding:12px;margin-bottom:12px}.student-account-menu .account-edit-form input{min-width:0;width:100%;box-sizing:border-box}
html[data-theme=light] .student-account-menu{background:linear-gradient(145deg,#fff,#edf4fa);color:#16324c;box-shadow:0 18px 55px #17324b30}html[data-theme=light] .student-account-contact small{color:#526b80}html[data-theme=light] .student-account-top small,html[data-theme=light] .nav .student-account-actions button{color:#805a16}html[data-theme=light] .student-account-links>*{background:#17324b06;border-color:#17324b14}
@media(max-width:520px){.student-account-menu{position:fixed;top:100px;inset-inline:14px;width:auto;max-height:calc(100dvh - 116px);padding:14px}}
.student-account-extra summary{font-size:14px;cursor:pointer;padding:12px 4px;color:#dfb968}.student-account-extra .student-account-links{border-top:0}.student-account-links button{white-space:normal}.student-account-menu .student-account-close{line-height:1} html[data-theme=light] .student-account-extra summary{color:#805a16}