:root{--side-w:270px;--side:#263545;--side-dark:#1d2935;--gold:#c6a15b}
.classic-sidebar{width:var(--side-w);position:fixed;z-index:9999;left:0;top:0;bottom:0;overflow-y:auto;background:var(--side);border-right:4px solid var(--gold);color:#fff;font-family:Arial,sans-serif}.classic-brand{padding:22px 15px;text-align:center;background:var(--side-dark);border-bottom:1px solid rgba(255,255,255,.12)}.classic-brand i{display:block;color:var(--gold);font-size:30px;margin-bottom:8px}.classic-brand strong{display:block;font-size:17px}.classic-brand small{display:block;margin-top:5px;color:#c8d0d8}.classic-user{margin:14px;padding:12px;display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-size:12px}.classic-user>i{font-size:28px;color:var(--gold)}.classic-user b{font-size:13px}.side-label{padding:16px 20px 7px;color:#aeb8c2;font-size:11px;font-weight:bold;letter-spacing:1px;text-transform:uppercase}.classic-sidebar nav{padding:0 8px 8px}.classic-sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;color:#e8edf1;text-decoration:none;font-size:14px;border-left:3px solid transparent}.classic-sidebar nav a i{width:20px;text-align:center}.classic-sidebar nav a:hover,.classic-sidebar nav a.active{background:#34485b;color:#fff;border-left-color:var(--gold)}.classic-sidebar nav a:hover i,.classic-sidebar nav a.active i{color:var(--gold)}.classic-sidebar .side-logout{margin-top:10px;color:#ffd8d8}.classic-menu-toggle{display:none;position:fixed;left:12px;top:12px;z-index:10000;background:#263545;color:#fff;border:1px solid #c6a15b;padding:9px 12px;font-size:18px;border-radius:3px}body.classic-sidebar-page{padding-left:var(--side-w)!important}@media(max-width:900px){body.classic-sidebar-page{padding-left:0!important}.classic-sidebar{transform:translateX(-100%);transition:transform .25s}.classic-sidebar.open{transform:translateX(0)}.classic-menu-toggle{display:block}}