/* Keep wide content inside its own scroll area, including short laptop viewports. */
.app,.main,.page,.page>.card{min-width:0}.app{width:100%}.page{width:100%;max-width:1500px}.page>*{min-width:0;max-width:100%}.sidebar{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#81729e #121a29;height:100vh;height:100dvh}.nav a{overflow-wrap:anywhere}.admin-users-card{min-width:0;max-width:100%;overflow:visible}.table-wrap{display:block;min-width:0;max-width:100%;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-color:#ab94df #172236;scrollbar-width:auto;padding-bottom:9px}.table-wrap::-webkit-scrollbar{height:14px}.table-wrap::-webkit-scrollbar-track{background:#172236;border-radius:8px}.table-wrap::-webkit-scrollbar-thumb{background:#ab94df;border:3px solid #172236;border-radius:8px}.table-wrap:focus-visible{outline-offset:2px}.table-controls{position:sticky;top:8px;z-index:4;display:flex;align-items:center;gap:13px;margin:10px 0 16px;padding:10px 12px;border:1px solid #4e4b6b;border-radius:12px;background:#1d263b;box-shadow:0 7px 16px #0002}.table-controls>span{font-size:11px;color:#c9c0df;white-space:nowrap}.table-controls button{flex:0 0 38px;min-height:36px;width:38px;padding:4px;border:1px solid #5a5078;background:#332c4b;border-radius:9px;color:#e2d6fa}.table-controls button:disabled{opacity:.35;cursor:default}.table-controls input[type=range]{flex:1;min-width:30px;width:auto;padding:0;margin:0;min-height:28px;height:28px;accent-color:#b69ce9;border:0;background:transparent;cursor:ew-resize}.table-controls input:focus-visible{outline-offset:2px}.users-view-switch{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 20px}.users-view-switch button{font-size:12px;padding:10px 16px;min-height:42px;border:1px solid #514765;border-radius:10px;background:#1d283b;color:#b3c0d6}.users-view-switch [aria-pressed=true]{background:#8263c333;border-color:#b397df;color:#f0e7ff}.admin-users-card[data-users-view=cards] .admin-desktop-table{display:none!important}.admin-users-card[data-users-view=cards] .admin-user-cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.admin-users-card[data-users-view=table] .admin-desktop-table{display:table!important}.admin-users-card[data-users-view=table] .admin-user-cards{display:none!important}.admin-user-card{padding:20px;border:1px solid #3a465d;border-radius:14px;background:#172135;min-width:0}.admin-user-card header{display:flex;justify-content:space-between;gap:13px;align-items:flex-start}.admin-user-card dl{display:grid;gap:15px;margin:20px 0}.admin-user-card dl>div{display:grid;gap:7px}.admin-user-card dt{font-size:11px;color:#9aaac5}.admin-user-card dd{font-size:13px;line-height:1.7;margin:0;overflow-wrap:anywhere}.admin-user-card .btn{font-size:12px;white-space:normal;width:100%;line-height:1.8}.mobile-menu-panel{padding:0;border:1px solid #514669;border-radius:22px;background:#121d30;color:#e9e6f4;box-shadow:0 18px 80px #0009;width:min(510px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overflow:hidden}.mobile-menu-panel::backdrop{background:#060a15bd;backdrop-filter:blur(5px)}.mobile-menu-panel[open]{display:flex;flex-direction:column}.mobile-menu-panel>header{padding:23px;display:flex;justify-content:space-between;gap:17px;align-items:center;border-bottom:1px solid #364059;flex:0 0 auto}.mobile-menu-panel h2{font-size:22px;line-height:1.4;margin:9px 0 0}.mobile-menu-panel [data-menu-close]{width:42px;height:42px;padding:0;margin:0;border-radius:12px;background:#2a2944;border:1px solid #5a4e78;color:#e8dcfa;font-size:27px;flex-shrink:0}.mobile-menu-panel>.nav{padding:6px 17px 22px;overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-color:#a98bd4 #192337}.mobile-menu-panel .nav a{min-height:46px;display:flex;align-items:center;padding:13px 14px;font-size:14px}.mobile-menu-panel .nav-section{padding:20px 14px 10px;font-size:10px}.menu-open{overflow:hidden}
@media(max-width:800px){.sidebar{display:none}.main{margin-left:0;width:100%;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));inset:auto 0 0;height:auto;min-height:70px;padding:7px 6px calc(7px + env(safe-area-inset-bottom,0px));z-index:30;border-top:1px solid #343447;background:#0b101bed;backdrop-filter:blur(18px);gap:3px;max-width:100%;align-items:stretch}.mobile-nav>a,.mobile-nav>button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:48px;min-width:0;width:100%;margin:0;padding:5px 2px;background:transparent;border:0;border-radius:11px;font-size:10px;font-family:inherit;font-weight:500;line-height:1.5;color:#aab6cd;white-space:normal;text-align:center;text-decoration:none;box-shadow:none}.mobile-nav .nav-icon{display:block;width:auto;font-size:21px;margin:0;line-height:1.25}.mobile-nav [aria-expanded=true]{color:#dfcbff;background:#7960ba24}.mobile-nav>a:hover,.mobile-nav>button:hover{background:#7960ba19;transform:none}.mobile-menu-panel{margin:auto auto calc(84px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 112px - env(safe-area-inset-bottom,0px))}.table-controls{gap:9px;padding:9px}.table-controls>span{display:none}.table-controls button{flex-basis:36px;width:36px}.page{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){.table-wrap{scroll-behavior:auto}}
/* 0.4.20: compact, grouped navigation with a consistent icon system. */
.svg-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.menu-icon,.mobile-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.nav .menu-group{min-width:0}.nav .menu-grid{display:grid;gap:3px}.nav .nav-section{margin:0;font-weight:650;font-size:9px;letter-spacing:.14em;padding:18px 12px 9px}.nav a{font-size:12px;min-height:42px;padding:10px 12px;gap:11px;color:#aebbd0;border:1px solid transparent;line-height:1.4}.nav a>span{flex:1;min-width:0}.nav a[aria-current=page]{color:#e4daff;background:#8b6ee51f;border-color:#9c7dea4a}.menu-external{margin-left:auto;font-size:14px;color:#7e8fa9}.menu-count{font-size:10px;padding:3px 6px;background:#9983e633;border-radius:6px;color:#dfd2ff}.nav .menu-logout{border-top:1px solid #2c374a;margin-top:14px;padding-top:15px;border-radius:0;color:#a6a0b4}.sidebar{padding-top:16px;padding-bottom:20px}.sidebar .brand{padding-bottom:12px}.sidebar .menu-icon{width:17px;height:17px}.mobile-menu-panel{width:min(520px,calc(100vw - 20px));border-radius:22px;border-color:#3e465d;background:linear-gradient(150deg,#182235,#101a2a);max-height:calc(100dvh - 36px);box-shadow:0 24px 100px #0009}.mobile-menu-panel>header{padding:19px 21px 16px;align-items:center}.mobile-menu-panel h2{font-size:23px;margin:6px 0 0}.mobile-menu-panel>header .eyebrow{font-size:9px;letter-spacing:.15em}.mobile-menu-panel [data-menu-close]{width:36px;height:36px;font-size:25px;border-radius:11px;background:#ffffff08;border-color:#48536b}.mobile-menu-panel>.nav{display:block;padding:0 15px 15px;scrollbar-width:thin;scrollbar-gutter:stable}.mobile-menu-panel .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mobile-menu-panel .nav-section{padding:17px 5px 9px;font-size:9px;color:#899bb7}.mobile-menu-panel .nav a{min-height:52px;border:1px solid #303d54;border-radius:12px;background:#ffffff03;padding:10px;gap:9px;font-size:12px;color:#c3cde0;line-height:1.4}.mobile-menu-panel .nav a[aria-current=page]{background:#9b78ef1c;border-color:#9c7dea77;color:#edddff}.mobile-menu-panel .nav a:hover{background:#30324c}.mobile-menu-panel .menu-icon{width:18px;height:18px;color:#b6a1dd}.mobile-menu-panel .menu-external{font-size:11px}.mobile-menu-panel .menu-logout{margin:15px 0 0;min-height:42px!important;background:transparent!important;justify-content:center;border-color:#303d54}.mobile-menu-panel .menu-logout span{flex:0 1 auto}.mobile-nav>a[aria-current=page]{color:#c6b2ff;background:#8c6be418}.mobile-nav .nav-icon{width:21px;height:21px}.mobile-nav>button{font-size:10px}.mobile-menu-panel .menu-count{font-size:9px}
@media(max-width:800px){.mobile-menu-panel{margin:auto;max-height:calc(100dvh - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.mobile-nav{min-height:65px;background:#0c1220f7;border-top-color:#30354b}.mobile-nav>a,.mobile-nav>button{min-height:46px}.main{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}}
@media(max-width:350px){.mobile-menu-panel>.nav{padding:0 10px 12px}.mobile-menu-panel .nav a{font-size:11px;padding:9px 7px;gap:7px}.mobile-menu-panel .menu-icon{width:16px;height:16px}.mobile-menu-panel>header{padding:16px}.mobile-menu-panel .menu-grid{gap:6px}}