.sidebar{overflow-y:auto;overflow-x:hidden;padding-bottom:86px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}
.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:9px}
.sidebar nav{gap:2px}.sidebar .nav-item{padding:8px 11px}.sidebar .nav-label{margin:13px 12px 7px}.sidebar .brand{margin-bottom:12px}
.sidebar-card{margin-top:14px}.sidebar-card p{display:none}.sidebar-card strong{margin-bottom:9px}
.user-card{position:fixed;left:0;bottom:0;width:248px;min-height:72px;padding:12px 16px;background:linear-gradient(180deg,rgba(9,31,82,.98),#06163f);border-top:1px solid rgba(255,255,255,.13);z-index:24;box-shadow:0 -8px 24px rgba(3,15,45,.2)}
.user-card>div:nth-child(2){min-width:0}.user-card strong,.user-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:125px}
.user-card button{display:flex;align-items:center;gap:5px;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:8px;font-size:12px;padding:8px 9px;cursor:pointer}.user-card button span{font-size:10px;font-weight:700}
.top-logout{display:flex;align-items:center;gap:6px;white-space:nowrap}.top-logout span:first-child{font-size:15px}
.system-pages-panel{margin-top:18px}.system-page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.system-page-card{border:1px solid #e1e7f0;background:#fff;border-radius:13px;padding:13px;text-align:left;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;color:#1e2d49;cursor:pointer}.system-page-card:hover:not(:disabled){border-color:#96afe8;background:#f5f8ff}.system-page-card>span{width:34px;height:34px;border-radius:10px;background:#eaf0ff;color:#234da2;display:grid;place-items:center;font-size:16px}.system-page-card strong{display:block;font-size:11px}.system-page-card small{display:block;color:#77839a;font-size:9px;margin-top:3px}.system-page-card b{font-size:9px;color:#08784b;background:#dcf7e9;border-radius:999px;padding:5px 7px}.system-page-card:disabled{cursor:not-allowed;background:#f8f9fb;color:#8791a3}.system-page-card:disabled>span{background:#eceff3;color:#8c96a8}.system-page-card:disabled b{color:#766013;background:#fff1c9}.page-access-note{font-size:11px;color:#69768d;margin:0 0 14px}
@media(max-width:1100px){.system-page-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.user-card{position:sticky;left:auto;bottom:-18px;width:auto;margin:12px -18px -18px}.sidebar{padding-bottom:18px}.top-logout span:last-child{display:none}.system-page-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.system-page-grid{grid-template-columns:1fr}.top-logout{padding:8px 10px}}