*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{color:#333;background-color:#f8fafc}a{text-decoration:none}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{color:#fff;background-color:#1e293b;flex-direction:column;width:260px;transition:left .3s;display:flex}.nav-menu{flex-direction:column;flex:1;gap:5px;padding:20px 0;display:flex}.nav-item{color:#cbd5e1;align-items:center;padding:12px 25px;font-weight:500;transition:all .2s;display:flex}.nav-item i{margin-right:15px;display:flex}.nav-item:hover,.nav-item.active{color:#ff7900;background-color:#334155;border-left:4px solid #ff7900}.sidebar-footer{border-top:1px solid #334155;padding:20px}.btn-logout{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:10px;font-weight:700;transition:all .2s;display:flex}.btn-logout:hover{color:#fff;background:#ef4444}.main-content{background-color:#f8fafc;flex-direction:column;flex:1;display:flex;overflow-y:auto}.menu-mobile{cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:none}@media (width<=768px){.menu-mobile{display:flex}.sidebar{width:260px;height:100vh;top:0;left:-300px;box-shadow:4px 0 15px #00000080;z-index:1000!important;transition:left .3s ease-in-out!important;position:fixed!important}.sidebar.open{left:0!important}.sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a99;width:100vw;height:100vh;position:fixed;top:0;left:0}}