/* Administration navigation. Page content and member views keep their own styles. */
body.bg-admin .admin{grid-template-columns:256px minmax(0,1fr)}
body.bg-admin .side.mlx-admin-side{position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;padding:24px 16px 16px;overflow:hidden;background:radial-gradient(ellipse at 0 0,rgba(71,127,214,.13),transparent 60%),linear-gradient(180deg,#152e50,#10233d);box-shadow:3px 0 20px rgba(15,35,61,.09)}
.mlx-admin-side .logo{display:flex;align-items:center;gap:10px;flex:none;padding:0 4px 21px;border-bottom:1px solid rgba(179,203,237,.13);font-size:18px;line-height:1.4;letter-spacing:.01em}
.mlx-brand-symbol{display:grid;place-items:center;width:36px;height:40px;flex:none;border:1px solid rgba(147,190,255,.35);border-radius:12px;background:linear-gradient(135deg,#3677da,#2257a5);box-shadow:0 4px 12px rgba(0,0,0,.12);color:#fff;font-size:19px;font-weight:700}
.mlx-admin-side .logo strong{display:block;font-weight:750;white-space:nowrap}
body.bg-admin .mlx-admin-side .logo small{margin-top:5px;color:#93aac9;font-size:11px;font-weight:400;letter-spacing:0}
.mlx-side-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;margin-top:20px;padding:0 2px 8px;scrollbar-width:thin;scrollbar-color:#435a78 transparent;overscroll-behavior:contain}
.mlx-nav-search{display:flex;align-items:center;gap:9px;flex:none;min-height:40px;padding:0 11px;border:1px solid rgba(177,201,234,.19);border-radius:9px;background:rgba(7,18,35,.22);color:#9ab0ce}
.mlx-nav-search:focus-within{border-color:#76a8f5;box-shadow:0 0 0 2px rgba(80,140,231,.2)}
body.bg-admin .mlx-nav-search input{width:100%;min-width:0;height:38px;margin:0;padding:0;border:0;outline:none;background:transparent;color:#f4f8ff;font-size:12px;box-shadow:none}
body.bg-admin .mlx-nav-search input::placeholder{color:#91a7c6}
.mlx-nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;color:inherit}
.mlx-nav-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.bg-admin .mlx-admin-side .admin-nav{display:flex;flex-direction:column;gap:5px;flex:none;margin-top:19px}
.mlx-nav-caption{margin:0 12px 8px;color:#7f98bc;font-size:10px;font-weight:600;letter-spacing:.1em}
.mlx-nav-common{display:grid;gap:5px;margin-bottom:16px;padding-bottom:17px;border-bottom:1px solid rgba(179,203,237,.12)}
body.bg-admin .mlx-admin-side .admin-nav .mlx-nav-item{display:flex;align-items:center;gap:11px;position:relative;width:100%;min-height:43px;padding:10px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#b7cae6;font-size:13px;font-weight:500;text-align:left;line-height:1.5;box-shadow:none;transition:background .15s,color .15s,border-color .15s}
body.bg-admin .mlx-admin-side .admin-nav .mlx-nav-item:hover{background:rgba(174,204,248,.08);color:#fff}
body.bg-admin .mlx-admin-side .admin-nav .mlx-nav-item.active{padding:10px 12px;border:1px solid rgba(134,180,250,.36);background:linear-gradient(100deg,#2c6dd5,#235bc0);color:#fff;font-weight:650;box-shadow:0 4px 10px rgba(0,0,0,.12)}
.mlx-admin-side .mlx-nav-item.active::before{position:absolute;left:-1px;top:10px;bottom:10px;width:3px;border-radius:2px;background:#a8cbff;content:""}
body.bg-admin .mlx-admin-side .admin-nav .nav-group{display:block;margin:0;border:0;border-radius:9px}
body.bg-admin .mlx-admin-side .admin-nav .nav-group-title{display:flex!important;align-items:center;gap:11px;justify-content:flex-start;min-height:43px;margin:0;padding:10px 12px!important;border:1px solid transparent!important;border-radius:9px;background:transparent!important;color:#b7cae6!important;font-size:13px!important;font-weight:550!important;letter-spacing:0;line-height:1.5;text-align:left;box-shadow:none}
body.bg-admin .mlx-admin-side .admin-nav .nav-group-title:hover{background:rgba(174,204,248,.08)!important;color:#fff!important}
body.bg-admin .mlx-admin-side .admin-nav .nav-group.open>.nav-group-title{color:#f1f6ff!important}
body.bg-admin .mlx-admin-side .admin-nav .nav-group.has-active>.nav-group-title{color:#a9cdff!important;background:rgba(78,132,212,.1)!important}
.mlx-nav-label{flex:1;min-width:0;text-align:left}
.mlx-admin-side .nav-chevron{display:flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:auto;flex:none;color:#8199bc}
.mlx-admin-side .nav-chevron svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mlx-admin-side .mlx-nav-children{position:relative;display:grid;gap:3px;margin:4px 0 8px;padding:0 0 0 29px}
.mlx-admin-side .mlx-nav-children::before{position:absolute;left:21px;top:8px;bottom:9px;width:1px;background:rgba(143,174,218,.2);content:""}
body.bg-admin .mlx-admin-side .admin-nav .mlx-nav-children .mlx-nav-item{gap:0;min-height:37px;padding:8px 12px;color:#a9bddb;font-size:12px}
body.bg-admin .mlx-admin-side .admin-nav .mlx-nav-children .mlx-nav-item.active{padding:8px 12px;background:rgba(51,112,208,.26);border-color:rgba(113,162,238,.2);color:#e9f2ff;box-shadow:none}
.mlx-nav-search-empty{margin:17px 8px;padding:17px 10px;color:#a8bddb;font-size:12px;line-height:1.7;text-align:center}
.mlx-mobile-entry-slot{margin-top:20px;padding-top:14px;border-top:1px solid rgba(179,203,237,.12)}
body.bg-admin .mlx-admin-side .mlx-mobile-entry{display:flex;align-items:center;gap:10px;margin:0;padding:10px 12px;border:1px solid rgba(173,200,240,.15);border-radius:9px;background:rgba(122,166,229,.06);color:#b9ceec;text-decoration:none;font-size:12px;line-height:1.5}
.mlx-mobile-entry:hover{background:rgba(122,166,229,.13);color:#fff}
.mlx-mobile-entry>span:last-child{margin-left:auto;color:#82a6d7}
.mlx-side-footer{display:flex;align-items:center;gap:7px;flex:none;padding:14px 12px 0;color:#748daf;font-size:10px;letter-spacing:.03em}
.mlx-side-footer i{width:5px;height:5px;border-radius:50%;background:#6484b3}
.mlx-nav-filtered,.mlx-admin-side [hidden]{display:none!important}
.mlx-admin-side :is(button,a,input):focus-visible{outline:2px solid #a7ccff!important;outline-offset:3px}
.mlx-menu-toggle{display:none}
@media(min-width:901px) and (max-width:1150px){body.bg-admin .admin{grid-template-columns:238px minmax(0,1fr)}body.bg-admin .side.mlx-admin-side{padding-left:12px;padding-right:12px}.mlx-admin-side .logo{font-size:17px}}
@media(max-width:900px){body.bg-admin .admin{display:block}body.bg-admin .side.mlx-admin-side{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;padding:17px 18px;overflow:visible}.mlx-admin-side .logo{padding:0;border:0;font-size:17px}.mlx-brand-symbol{width:32px;height:36px;font-size:17px}body.bg-admin .mlx-admin-side .logo small{margin-top:3px;font-size:10px}.mlx-menu-toggle{display:flex;align-items:center;gap:6px;width:auto;padding:8px 10px;border:1px solid rgba(160,194,242,.3);border-radius:8px;background:rgba(142,181,238,.1);color:#d7e7ff;font-size:12px;cursor:pointer}.mlx-side-body{display:none;grid-column:1/-1;margin-top:19px;max-height:70vh;padding-bottom:4px}.mlx-admin-side.mlx-menu-open .mlx-side-body{display:flex}.mlx-side-footer{display:none}.mlx-nav-common{margin-bottom:10px}.mlx-mobile-entry-slot{margin-top:13px}}
@media(prefers-reduced-motion:reduce){.mlx-admin-side *{transition:none!important}}